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

package/fesm2022/onemrvapublic-design-system.mjs

@@ -1,27 +1,35 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, TemplateRef, ContentChildren, Input, ViewChild, Component, DestroyRef, ViewContainerRef, DOCUMENT, Directive, Injectable, EventEmitter, signal, isDevMode, Output, ContentChild, Pipe, NgModule, ElementRef, HostBinding, Renderer2, HostListener, ViewEncapsulation, forwardRef, ChangeDetectionStrategy, InjectionToken, QueryList, ComponentFactoryResolver, HostAttributeToken, NgZone, RendererFactory2, ErrorHandler } from '@angular/core';
+import { inject, ChangeDetectorRef, TemplateRef, ContentChildren, Input, ViewChild, Component, DestroyRef, ViewContainerRef, DOCUMENT, Directive, signal, Injectable, EventEmitter, isDevMode, Output, ContentChild, Pipe, NgModule, ElementRef, HostBinding, Renderer2, HostListener, ViewEncapsulation, forwardRef, ChangeDetectionStrategy, InjectionToken, QueryList, input, ComponentFactoryResolver, HostAttributeToken, NgZone, RendererFactory2, ErrorHandler } from '@angular/core';
 import { Router, RouterLink, RouterLinkActive, RouterModule, NavigationEnd, ActivatedRoute } from '@angular/router';
-import * as i1$1 from '@angular/common';
-import { NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, AsyncPipe, NgStyle, CommonModule, NgOptimizedImage, Location } from '@angular/common';
-import * as i1$2 from '@angular/material/icon';
+import * as i1$2 from '@angular/common';
+import { NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, NgStyle, CommonModule, NgOptimizedImage, AsyncPipe, Location } from '@angular/common';
+import * as i1$3 from '@angular/material/icon';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
 import * as i6 from '@ngx-translate/core';
 import { TranslateService, TranslatePipe, TranslateModule } from '@ngx-translate/core';
-import { startWith, map, Subject, takeUntil, BehaviorSubject, of, interval, take, catchError, tap, mergeMap, withLatestFrom, filter as filter$1, throttle, takeWhile, switchMap, forkJoin, merge, debounceTime, combineLatest, combineLatestWith, zip, pairwise, distinctUntilChanged, ReplaySubject, Subscription, timer, NEVER, shareReplay, finalize, skip, from } from 'rxjs';
+import { Subject, takeUntil, startWith, BehaviorSubject, of, interval, take, map, catchError, tap, mergeMap, withLatestFrom, filter as filter$1, throttle, takeWhile, switchMap, forkJoin, merge, debounceTime, combineLatest, combineLatestWith, zip, pairwise, distinctUntilChanged, ReplaySubject, Subscription, timer, NEVER, shareReplay, finalize, skip, from } from 'rxjs';
 import { BreakpointObserver, Breakpoints, LayoutModule } from '@angular/cdk/layout';
+import * as i2$1 from '@angular/material/sidenav';
 import { MatDrawer, MatDrawerContainer, MatSidenavModule } from '@angular/material/sidenav';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { trigger, state, transition, style, animate, AnimationBuilder, keyframes } from '@angular/animations';
-import * as i1$3 from '@angular/material/button';
+import * as i1$4 from '@angular/material/button';
 import { MatIconButton, MatFabButton, MatButtonModule, MatButton, MatMiniFabButton } from '@angular/material/button';
-import { MatTabGroup, MatTab, MatTabLabel, MatTabNav, MatTabLink, MatTabNavPanel, MatTabsModule } from '@angular/material/tabs';
-import { MatDivider, MatDividerModule } from '@angular/material/divider';
+import { OnemrvaMatNavigationComponent as OnemrvaMatNavigationComponent$1 } from '@onemrvapublic/design-system/mat-navigation';
+import * as i1 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormFieldControl, MatError, MatFormField, MatLabel, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
+import * as i2 from '@angular/material/select';
+import { MatSelectModule, MatSelect, MatOption as MatOption$1 } from '@angular/material/select';
+import * as i4 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormControl, Validators, FormBuilder, NgControl, NgForm, FormGroupDirective } from '@angular/forms';
 import { OnemRvaCDNService as OnemRvaCDNService$1, OnemRvaSizeDirective as OnemRvaSizeDirective$1, OnemRvaColorDirective as OnemRvaColorDirective$1, OnemRvaCDNMimeService as OnemRvaCDNMimeService$1, OnemRvaOSMService as OnemRvaOSMService$1, CommonCountryLookupService as CommonCountryLookupService$1, OnemRvaCDNCountryService as OnemRvaCDNCountryService$1, IBAN_SUPPORTED_COUNTRIES as IBAN_SUPPORTED_COUNTRIES$1, SEPA_ONLY_SUPPORTED_COUNTRIES as SEPA_ONLY_SUPPORTED_COUNTRIES$1 } from '@onemrvapublic/design-system/shared';
 import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
-import * as i1 from '@onemrvapublic/design-system/mat-avatar';
+import { MatTabNav, MatTabLink, MatTabNavPanel, MatTabsModule } from '@angular/material/tabs';
+import { MatDivider, MatDividerModule } from '@angular/material/divider';
+import * as i1$1 from '@onemrvapublic/design-system/mat-avatar';
 import { OnemrvaMatAvatarModule as OnemrvaMatAvatarModule$1 } from '@onemrvapublic/design-system/mat-avatar';
-import * as i2 from '@angular/material/tooltip';
+import * as i2$2 from '@angular/material/tooltip';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
 import { MatRipple, DateAdapter, MAT_DATE_FORMATS, MatOption, ErrorStateMatcher, NativeDateAdapter, MAT_DATE_LOCALE } from '@angular/material/core';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
@@ -29,9 +37,6 @@ import { MAT_SNACK_BAR_DEFAULT_OPTIONS, MAT_SNACK_BAR_DATA, MatSnackBarModule }
 import { mkenum, OnemrvaMatColor, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
 import { filter, map as map$1, switchMap as switchMap$1, startWith as startWith$1, delay, takeUntil as takeUntil$1, take as take$1, tap as tap$1, first, catchError as catchError$1 } from 'rxjs/operators';
 import { MatCheckbox } from '@angular/material/checkbox';
-import { MatFormFieldControl, MatError, MatFormFieldModule, MatFormField, MatLabel, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-import * as i4 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormControl, Validators, FormBuilder, NgControl, NgForm, FormGroupDirective } from '@angular/forms';
 import { Clipboard } from '@angular/cdk/clipboard';
 import { FlagIconComponent as FlagIconComponent$1 } from '@onemrvapublic/design-system/flag-icon';
 import { MatDatepickerIntl, MatCalendar } from '@angular/material/datepicker';
@@ -40,10 +45,8 @@ import { MatProgressBar } from '@angular/material/progress-bar';
 import { MatDialog, MatDialogModule, MAT_DIALOG_DATA, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
 import { ComponentStore } from '@ngrx/component-store';
 import { HttpEventType, HttpResponse, HttpClient, HttpParams } from '@angular/common/http';
-import * as i1$4 from '@angular/material/input';
+import * as i1$5 from '@angular/material/input';
 import { MatInputModule, MatInput } from '@angular/material/input';
-import * as i2$1 from '@angular/material/select';
-import { MatSelectModule, MatSelect, MatOption as MatOption$1 } from '@angular/material/select';
 import { MatAutocompleteTrigger, MatAutocomplete } from '@angular/material/autocomplete';
 import { OnemrvaMatInputAddressComponent as OnemrvaMatInputAddressComponent$1 } from '@onemrvapublic/design-system/mat-input-address';
 import { OnemrvaMatInputCountryComponent as OnemrvaMatInputCountryComponent$1 } from '@onemrvapublic/design-system/mat-input-country';
@@ -53,6 +56,7 @@ import { OnemrvaCountryItemComponent as OnemrvaCountryItemComponent$1 } from '@o
 import { extractIBAN, isValidIBAN, friendlyFormatIBAN, countrySpecs, validateIBAN, electronicFormatIBAN, ValidationErrorsIBAN } from 'ibantools';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import parsePhoneNumber from 'libphonenumber-js';
+import { MatExpansionPanel } from '@angular/material/expansion';
 import { A, Z, ZERO, NINE, SPACE, HOME, END, ENTER, ESCAPE, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
@@ -62,7 +66,7 @@ import { MatChip, MatChipRow } from '@angular/material/chips';
 import { Directionality } from '@angular/cdk/bidi';
 import { CdkStepper } from '@angular/cdk/stepper';
 import { MatStepper, MatStepHeader, MatStepperModule } from '@angular/material/stepper';
-import * as i1$5 from '@angular/material/list';
+import * as i1$6 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import { Platform, _isTestEnvironment } from '@angular/cdk/platform';
 import { ComponentPortal } from '@angular/cdk/portal';
@@ -75,6 +79,9 @@ class LayoutSubrouteComponent {
         this.router = inject(Router);
     }
     ngAfterViewInit() {
+        if (this.label === undefined) {
+            console.error('ONEM/RVA DESIGN SYSTEM ERROR : Since 20.1.0 , you must add a label attribute to the onemrva-layout-route', this.routerLink);
+        }
         this.cd.detectChanges();
     }
     hasSubroutes() {
@@ -99,12 +106,12 @@ class LayoutSubrouteComponent {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSubrouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutSubrouteComponent, isStandalone: true, selector: "onemrva-layout-subroute", inputs: { customNgClass: "customNgClass", routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy" }, queries: [{ propertyName: "subroutes", predicate: LayoutSubrouteComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutSubrouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: LayoutSubrouteComponent, isStandalone: true, selector: "onemrva-layout-subroute", inputs: { customNgClass: "customNgClass", routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy", label: "label", icon: "icon" }, queries: [{ propertyName: "subroutes", predicate: LayoutSubrouteComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  {{ label }}\n</ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSubrouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutSubrouteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-layout-subroute', standalone: true, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+            args: [{ selector: 'onemrva-layout-subroute', standalone: true, template: "<ng-template>\n  {{ label }}\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
                 type: Input
             }], template: [{
@@ -116,6 +123,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 type: Input
             }], dataCy: [{
                 type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
             }], subroutes: [{
                 type: ContentChildren,
                 args: [LayoutSubrouteComponent]
@@ -124,8 +135,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
 class LayoutRouteComponent {
     constructor() {
         this.template = null;
-        this.mobileTemplate = null;
-        this.contentTemplate = null;
         this.cd = inject(ChangeDetectorRef);
         this.router = inject(Router);
     }
@@ -134,6 +143,9 @@ class LayoutRouteComponent {
     }
     ngAfterViewInit() {
         this.cd.detectChanges();
+        if (this.label === undefined) {
+            console.error('ONEM/RVA DESIGN SYSTEM ERROR : Since 20.1.0 , you must add a label attribute to the onemrva-layout-route', this.routerLink);
+        }
     }
     isRouteActive() {
         if (this.routerLink === null || this.routerLink === undefined) {
@@ -146,10 +158,10 @@ class LayoutRouteComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: LayoutRouteComponent, isStandalone: true, selector: "onemrva-layout-route", inputs: { customNgClass: "customNgClass", routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy", baseRouteForActiveMenu: "baseRouteForActiveMenu", label: "label" }, queries: [{ propertyName: "subroutes", predicate: LayoutSubrouteComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: ["navTpl"], descendants: true }, { propertyName: "mobileTemplate", first: true, predicate: ["navMblTpl"], descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["contentTpl"], descendants: true }], ngImport: i0, template: "<ng-template #navTpl>\n  @if (!hasSubroutes()) {\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  }\n\n  @if (hasSubroutes()) {\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\">expand_more</mat-icon>\n    <mat-menu #menu>\n      @for (e of subroutes?.toArray(); track e.routerLink) {\n        @if (!e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n        }\n        @if (e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n          <mat-menu #submenu>\n            @for (es of e.subroutes?.toArray(); track es.routerLink) {\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                @if (es.template; as routeTemplate) {\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                }\n              </button>\n            }\n          </mat-menu>\n        }\n      }\n    </mat-menu>\n  }\n</ng-template>\n\n<ng-template #navMblTpl>\n  <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n</ng-template>\n\n<ng-template #contentTmpl>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: LayoutRouteComponent, isStandalone: true, selector: "onemrva-layout-route", inputs: { customNgClass: "customNgClass", routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy", baseRouteForActiveMenu: "baseRouteForActiveMenu", label: "label", icon: "icon" }, queries: [{ propertyName: "subroutes", predicate: LayoutSubrouteComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: ["navTpl"], descendants: true }], ngImport: i0, template: "<ng-template #navTpl>\n  @if (!hasSubroutes()) {\n    {{ label }}\n  } @else if (hasSubroutes()) {\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\">expand_more</mat-icon>\n    <mat-menu #menu>\n      @for (e of subroutes?.toArray(); track e.routerLink) {\n        @if (!e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n        }\n        @if (e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n          <mat-menu #submenu>\n            @for (es of e.subroutes?.toArray(); track es.routerLink) {\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                @if (es.template; as routeTemplate) {\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                }\n              </button>\n            }\n          </mat-menu>\n        }\n      }\n    </mat-menu>\n  }\n</ng-template>\n", dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutRouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutRouteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-layout-route', standalone: true, imports: [
                         MatIcon,
@@ -160,18 +172,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                         RouterLinkActive,
                         NgTemplateOutlet,
                         NgClass,
-                    ], template: "<ng-template #navTpl>\n  @if (!hasSubroutes()) {\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  }\n\n  @if (hasSubroutes()) {\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\">expand_more</mat-icon>\n    <mat-menu #menu>\n      @for (e of subroutes?.toArray(); track e.routerLink) {\n        @if (!e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n        }\n        @if (e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n          <mat-menu #submenu>\n            @for (es of e.subroutes?.toArray(); track es.routerLink) {\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                @if (es.template; as routeTemplate) {\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                }\n              </button>\n            }\n          </mat-menu>\n        }\n      }\n    </mat-menu>\n  }\n</ng-template>\n\n<ng-template #navMblTpl>\n  <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n</ng-template>\n\n<ng-template #contentTmpl>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+                    ], template: "<ng-template #navTpl>\n  @if (!hasSubroutes()) {\n    {{ label }}\n  } @else if (hasSubroutes()) {\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\">expand_more</mat-icon>\n    <mat-menu #menu>\n      @for (e of subroutes?.toArray(); track e.routerLink) {\n        @if (!e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n        }\n        @if (e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n          <mat-menu #submenu>\n            @for (es of e.subroutes?.toArray(); track es.routerLink) {\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                @if (es.template; as routeTemplate) {\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                }\n              </button>\n            }\n          </mat-menu>\n        }\n      }\n    </mat-menu>\n  }\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
                 type: Input
             }], template: [{
                 type: ViewChild,
                 args: ['navTpl']
-            }], mobileTemplate: [{
-                type: ViewChild,
-                args: ['navMblTpl']
-            }], contentTemplate: [{
-                type: ViewChild,
-                args: ['contentTpl']
             }], routerLink: [{
                 type: Input
             }], routerLinkActiveOptions: [{
@@ -182,6 +188,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 type: Input
             }], label: [{
                 type: Input
+            }], icon: [{
+                type: Input
             }], subroutes: [{
                 type: ContentChildren,
                 args: [LayoutSubrouteComponent]
@@ -194,10 +202,10 @@ class LayoutContentComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutContentComponent, isStandalone: true, selector: "onemrva-layout-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: LayoutContentComponent, isStandalone: true, selector: "onemrva-layout-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-content',
@@ -218,10 +226,10 @@ class LayoutTitleComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutTitleComponent, isStandalone: true, selector: "onemrva-layout-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: LayoutTitleComponent, isStandalone: true, selector: "onemrva-layout-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-title',
@@ -244,10 +252,10 @@ var Environment;
 })(Environment || (Environment = {}));
 
 class LayoutFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutFooterComponent, isStandalone: true, selector: "onemrva-layout-footer", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: LayoutFooterComponent, isStandalone: true, selector: "onemrva-layout-footer", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-footer',
@@ -266,10 +274,10 @@ class LayoutLoginMenuComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutLoginMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutLoginMenuComponent, isStandalone: true, selector: "onemrva-layout-login-menu", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutLoginMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: LayoutLoginMenuComponent, isStandalone: true, selector: "onemrva-layout-login-menu", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutLoginMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutLoginMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-login-menu',
@@ -310,10 +318,10 @@ class DrawerHostDirective {
             this.bodyClass();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DrawerHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: DrawerHostDirective, isStandalone: true, selector: "[drawerhost]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: DrawerHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: DrawerHostDirective, isStandalone: true, selector: "[drawerhost]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DrawerHostDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: DrawerHostDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[drawerhost]',
@@ -323,16 +331,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
 
 class OnemrvaDrawerService {
     constructor() {
-        this.hasBackdrop = false;
+        this.hasBackdrop = signal(true, ...(ngDevMode ? [{ debugName: "hasBackdrop" }] : []));
+        this.size = signal('', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.isSide = false;
     }
-    toggle() {
+    toggle(isSide = false) {
         if (!this.drawer)
             return;
+        this.isSide = isSide;
         this.drawer?.toggle();
     }
-    open() {
+    open(isSide = false) {
         if (!this.drawer)
             return;
+        this.isSide = isSide;
         this.drawer?.open();
     }
     close() {
@@ -340,10 +352,19 @@ class OnemrvaDrawerService {
             return;
         this.drawer?.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaDrawerService, providedIn: 'root' }); }
+    classes() {
+        if (this.isSide) {
+            return [this.size(), 'side-menu'];
+        }
+        return [this.size()];
+    }
+    setDrawer(drawer) {
+        this.drawer = drawer;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaDrawerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaDrawerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaDrawerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -352,31 +373,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
 
 class LayoutSidenavComponent {
     constructor() {
+        this.languages = [];
+        this.items = [];
         this.translateService = inject(TranslateService);
         this.document = inject(DOCUMENT$1);
         this.drawerService = inject(OnemrvaDrawerService);
-        this.selectedLanguageIndex$ = this.translateService.onLangChange.pipe(startWith(null), map(() => this.languages.findIndex(l => l.code === this.translateService.currentLang)));
     }
     ngOnInit() {
+        this.currentLanguage = this.languages.filter(l => l.code == this.translateService.currentLang)[0];
         if (this.routes)
             this.helpMenuOpen = this.routes.map(route => route.hasSubroutes()
                 ? ['out', ...route.subroutes.map(() => 'out')]
                 : ['in']);
+        // Replace your existing items population with:
+        this.items = this.populateItemsRecursively(this.routes);
     }
-    changeLanguage(index) {
-        const language = this.languages[index];
-        this.translateService.use(language.code);
-        this.document.documentElement.lang = language.code;
+    changeLanguage(event) {
+        this.translateService.use(event.value.code);
+        this.document.documentElement.lang = event.value.code;
     }
     close() {
         this.drawerService.close();
     }
-    openSubmenu(index, subIdx = 0) {
-        this.helpMenuOpen[index][subIdx] =
-            this.helpMenuOpen[index][subIdx] === 'out' ? 'in' : 'out';
+    populateItemsRecursively(routes) {
+        const items = [];
+        if (routes === undefined)
+            routes = [];
+        const routeArray = Array.isArray(routes) ? routes : routes.toArray();
+        for (const route of routeArray) {
+            const navItem = {
+                routerLink: typeof route.routerLink === 'string' ? route.routerLink : undefined,
+                label: this.getRouteLabel(route),
+                icon: route.icon, // LayoutSubrouteComponent doesn't have icon, so cast to any
+                dataCy: route.dataCy,
+            };
+            // Recursively populate children if subroutes exist
+            if (route.hasSubroutes() && route.subroutes) {
+                navItem.children = this.populateItemsRecursively(route.subroutes);
+            }
+            items.push(navItem);
+        }
+        return items;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: LayoutSidenavComponent, isStandalone: true, selector: "onemrva-layout-sidenav", inputs: { isSmall: "isSmall", languages: "languages", routes: "routes" }, ngImport: i0, template: "@if (\n  isSmall && (routes?.toArray()?.length || (languages && languages.length > 1))\n) {\n  <ng-container>\n    <button\n      type=\"button\"\n      mat-icon-button\n      class=\"float-right\"\n      (click)=\"close()\"\n      data-cy=\"smallDeviceMenu\"\n      attr.aria-label=\"{{ 'layout.menu' | translate }}\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    @if (isSmall && languages && languages.length > 1) {\n      <ng-container>\n        <mat-tab-group\n          class=\"language-tabs\"\n          [selectedIndex]=\"selectedLanguageIndex$ | async\"\n          (selectedIndexChange)=\"changeLanguage($event)\"\n        >\n          @for (lang of languages; track lang.code) {\n            <mat-tab>\n              <div *matTabLabel [attr.data-cy]=\"'language_' + lang.code\">\n                {{ lang.label }}\n              </div>\n            </mat-tab>\n          }\n        </mat-tab-group>\n      </ng-container>\n    }\n    @if (isSmall && routes?.toArray()?.length) {\n      <ng-container>\n        @if (languages && languages.length > 1) {\n          <mat-divider\n            style=\"align-self: stretch; margin-bottom: 10px\"\n          ></mat-divider>\n        }\n        <div>\n          @for (\n            e of routes?.toArray();\n            track e.routerLink;\n            let rtidx = $index\n          ) {\n            @if (!e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: true }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                >\n                  @if (e.mobileTemplate; as routeTemplate) {\n                    <ng-container\n                      *ngTemplateOutlet=\"routeTemplate\"\n                    ></ng-container>\n                  }\n                </button>\n              </ng-container>\n            }\n            @if (e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: false }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                  (click)=\"openSubmenu(rtidx)\"\n                  [attr.data-cy]=\"e.dataCy\"\n                >\n                  {{ e.label }}\n                  <mat-icon>expand_more</mat-icon>\n                </button>\n                <div [@slideInOut]=\"helpMenuOpen[rtidx][0]\">\n                  @for (\n                    es of e.subroutes?.toArray();\n                    track es.dataCy;\n                    let j = $index\n                  ) {\n                    <button\n                      [routerLink]=\"es.routerLink\"\n                      [routerLinkActiveOptions]=\"{ exact: true }\"\n                      routerLinkActive=\"active\"\n                      class=\"mobile-menu-item\"\n                      (click)=\"openSubmenu(rtidx, j + 1)\"\n                      [attr.data-cy]=\"es.dataCy\"\n                    >\n                      @if (es.template; as routeTemplate) {\n                        <ng-container>\n                          <ng-container\n                            *ngTemplateOutlet=\"routeTemplate\"\n                          ></ng-container>\n                        </ng-container>\n                      }\n                      @if (es.hasSubroutes()) {\n                        <mat-icon>expand_more</mat-icon>\n                      }\n                    </button>\n                    <div [@slideInOut]=\"helpMenuOpen[rtidx][j + 1]\">\n                      @for (ess of es.subroutes?.toArray(); track ess.dataCy) {\n                        <button\n                          [routerLink]=\"ess.routerLink\"\n                          [routerLinkActiveOptions]=\"{ exact: false }\"\n                          routerLinkActive=\"active\"\n                          class=\"mobile-menu-item\"\n                          [attr.data-cy]=\"ess.dataCy\"\n                        >\n                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n                          @if (ess.template; as routeTemplate) {\n                            <ng-container>\n                              <ng-container\n                                *ngTemplateOutlet=\"routeTemplate\"\n                              ></ng-container>\n                            </ng-container>\n                          }\n                        </button>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-container>\n            }\n          }\n        </div>\n      </ng-container>\n    }\n  </ng-container>\n}\n", styles: [":host{min-width:250px}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--spacer);border:none;box-shadow:none;font-size:1.2rem;align-items:center;text-align:left}:host .mobile-menu-item:active,:host .mobile-menu-item.active{border-right:4px solid var(--mat-sys-secondary);font-weight:700!important}:host .mobile-menu-item mat-icon{margin-left:4px}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
+    getRouteLabel(route) {
+        // Check if it's a LayoutRouteComponent with label property
+        if ('label' in route && route.label) {
+            return route.label;
+        }
+        return 'Unnamed Route';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: LayoutSidenavComponent, isStandalone: true, selector: "onemrva-layout-sidenav", inputs: { isSmall: "isSmall", routes: "routes", languages: "languages" }, ngImport: i0, template: "@if (\n  isSmall && (routes?.toArray()?.length || (languages && languages.length > 1))\n) {\n  <div class=\"sidebar\">\n    @if (isSmall && routes?.toArray()?.length) {\n      <div class=\"navigation\">\n        <div class=\"close-button\">\n          <button\n            type=\"button\"\n            mat-icon-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        </div>\n        <onemrva-mat-navigation [items]=\"items\"></onemrva-mat-navigation>\n      </div>\n      @if (languages && languages.length > 1) {\n        <div class=\"language-selector\">\n          <mat-form-field>\n            <mat-select\n              [ngModel]=\"currentLanguage\"\n              (selectionChange)=\"changeLanguage($event)\"\n            >\n              @for (lang of languages; track lang.code) {\n                <mat-option\n                  [value]=\"lang\"\n                  [attr.data-cy]=\"'language_' + lang.code\"\n                >\n                  {{ lang.label }}\n                </mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [":host{min-width:250px}:host .close-button{display:flex;justify-content:flex-end;padding:var(--spacer)}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--spacer);border:none;box-shadow:none;font-size:1.2rem;align-items:center;text-align:left}:host .mobile-menu-item:active,:host .mobile-menu-item.active{border-right:4px solid var(--mat-sys-secondary);font-weight:700!important}:host .mobile-menu-item mat-icon{margin-left:4px}:host .sidebar{overflow:scroll;display:flex;flex-direction:column;justify-content:space-between;height:100vh}:host .sidebar .language-selector{margin:var(--double-spacer);bottom:0}:host .sidebar .language-selector mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: OnemrvaMatNavigationComponent$1, selector: "onemrva-mat-navigation", inputs: ["items", "level", "translate"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
             trigger('slideInOut', [
                 state('in', style({
                     overflow: 'hidden',
@@ -392,7 +439,7 @@ class LayoutSidenavComponent {
             ]),
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSidenavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutSidenavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-layout-sidenav', animations: [
                         trigger('slideInOut', [
@@ -411,22 +458,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                     ], standalone: true, imports: [
                         MatIconButton,
                         MatIcon,
-                        MatTabGroup,
-                        MatTab,
-                        MatDivider,
-                        RouterLink,
-                        RouterLinkActive,
-                        NgTemplateOutlet,
                         TranslatePipe,
-                        AsyncPipe,
-                        MatTabLabel,
-                    ], template: "@if (\n  isSmall && (routes?.toArray()?.length || (languages && languages.length > 1))\n) {\n  <ng-container>\n    <button\n      type=\"button\"\n      mat-icon-button\n      class=\"float-right\"\n      (click)=\"close()\"\n      data-cy=\"smallDeviceMenu\"\n      attr.aria-label=\"{{ 'layout.menu' | translate }}\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    @if (isSmall && languages && languages.length > 1) {\n      <ng-container>\n        <mat-tab-group\n          class=\"language-tabs\"\n          [selectedIndex]=\"selectedLanguageIndex$ | async\"\n          (selectedIndexChange)=\"changeLanguage($event)\"\n        >\n          @for (lang of languages; track lang.code) {\n            <mat-tab>\n              <div *matTabLabel [attr.data-cy]=\"'language_' + lang.code\">\n                {{ lang.label }}\n              </div>\n            </mat-tab>\n          }\n        </mat-tab-group>\n      </ng-container>\n    }\n    @if (isSmall && routes?.toArray()?.length) {\n      <ng-container>\n        @if (languages && languages.length > 1) {\n          <mat-divider\n            style=\"align-self: stretch; margin-bottom: 10px\"\n          ></mat-divider>\n        }\n        <div>\n          @for (\n            e of routes?.toArray();\n            track e.routerLink;\n            let rtidx = $index\n          ) {\n            @if (!e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: true }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                >\n                  @if (e.mobileTemplate; as routeTemplate) {\n                    <ng-container\n                      *ngTemplateOutlet=\"routeTemplate\"\n                    ></ng-container>\n                  }\n                </button>\n              </ng-container>\n            }\n            @if (e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: false }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                  (click)=\"openSubmenu(rtidx)\"\n                  [attr.data-cy]=\"e.dataCy\"\n                >\n                  {{ e.label }}\n                  <mat-icon>expand_more</mat-icon>\n                </button>\n                <div [@slideInOut]=\"helpMenuOpen[rtidx][0]\">\n                  @for (\n                    es of e.subroutes?.toArray();\n                    track es.dataCy;\n                    let j = $index\n                  ) {\n                    <button\n                      [routerLink]=\"es.routerLink\"\n                      [routerLinkActiveOptions]=\"{ exact: true }\"\n                      routerLinkActive=\"active\"\n                      class=\"mobile-menu-item\"\n                      (click)=\"openSubmenu(rtidx, j + 1)\"\n                      [attr.data-cy]=\"es.dataCy\"\n                    >\n                      @if (es.template; as routeTemplate) {\n                        <ng-container>\n                          <ng-container\n                            *ngTemplateOutlet=\"routeTemplate\"\n                          ></ng-container>\n                        </ng-container>\n                      }\n                      @if (es.hasSubroutes()) {\n                        <mat-icon>expand_more</mat-icon>\n                      }\n                    </button>\n                    <div [@slideInOut]=\"helpMenuOpen[rtidx][j + 1]\">\n                      @for (ess of es.subroutes?.toArray(); track ess.dataCy) {\n                        <button\n                          [routerLink]=\"ess.routerLink\"\n                          [routerLinkActiveOptions]=\"{ exact: false }\"\n                          routerLinkActive=\"active\"\n                          class=\"mobile-menu-item\"\n                          [attr.data-cy]=\"ess.dataCy\"\n                        >\n                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n                          @if (ess.template; as routeTemplate) {\n                            <ng-container>\n                              <ng-container\n                                *ngTemplateOutlet=\"routeTemplate\"\n                              ></ng-container>\n                            </ng-container>\n                          }\n                        </button>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-container>\n            }\n          }\n        </div>\n      </ng-container>\n    }\n  </ng-container>\n}\n", styles: [":host{min-width:250px}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--spacer);border:none;box-shadow:none;font-size:1.2rem;align-items:center;text-align:left}:host .mobile-menu-item:active,:host .mobile-menu-item.active{border-right:4px solid var(--mat-sys-secondary);font-weight:700!important}:host .mobile-menu-item mat-icon{margin-left:4px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { isSmall: [{
-                type: Input
-            }], languages: [{
+                        OnemrvaMatNavigationComponent$1,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        FormsModule,
+                    ], template: "@if (\n  isSmall && (routes?.toArray()?.length || (languages && languages.length > 1))\n) {\n  <div class=\"sidebar\">\n    @if (isSmall && routes?.toArray()?.length) {\n      <div class=\"navigation\">\n        <div class=\"close-button\">\n          <button\n            type=\"button\"\n            mat-icon-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        </div>\n        <onemrva-mat-navigation [items]=\"items\"></onemrva-mat-navigation>\n      </div>\n      @if (languages && languages.length > 1) {\n        <div class=\"language-selector\">\n          <mat-form-field>\n            <mat-select\n              [ngModel]=\"currentLanguage\"\n              (selectionChange)=\"changeLanguage($event)\"\n            >\n              @for (lang of languages; track lang.code) {\n                <mat-option\n                  [value]=\"lang\"\n                  [attr.data-cy]=\"'language_' + lang.code\"\n                >\n                  {{ lang.label }}\n                </mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [":host{min-width:250px}:host .close-button{display:flex;justify-content:flex-end;padding:var(--spacer)}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--spacer);border:none;box-shadow:none;font-size:1.2rem;align-items:center;text-align:left}:host .mobile-menu-item:active,:host .mobile-menu-item.active{border-right:4px solid var(--mat-sys-secondary);font-weight:700!important}:host .mobile-menu-item mat-icon{margin-left:4px}:host .sidebar{overflow:scroll;display:flex;flex-direction:column;justify-content:space-between;height:100vh}:host .sidebar .language-selector{margin:var(--double-spacer);bottom:0}:host .sidebar .language-selector mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { isSmall: [{
                 type: Input
             }], routes: [{
                 type: Input
+            }], languages: [{
+                type: Input
             }] } });
 
 class LayoutAfterNavComponent {
@@ -436,10 +479,10 @@ class LayoutAfterNavComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutAfterNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutAfterNavComponent, isStandalone: true, selector: "onemrva-layout-after-nav", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutAfterNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: LayoutAfterNavComponent, isStandalone: true, selector: "onemrva-layout-after-nav", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutAfterNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutAfterNavComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-after-nav',
@@ -481,10 +524,8 @@ class LayoutComponent {
         this.isSmall = true;
         this.id = 'main';
         this.role = 'main';
-        this.drawerClass = '';
         this.showThemeSwitcher = true;
         this.activeTheme = signal('system', ...(ngDevMode ? [{ debugName: "activeTheme" }] : []));
-        this.effectiveDrawerClass = this.drawerClass;
         this.translateService = inject(TranslateService);
         this.cdn = inject(OnemRvaCDNService$1);
         this.cd = inject(ChangeDetectorRef);
@@ -502,7 +543,6 @@ class LayoutComponent {
     }
     ngOnInit() {
         this.selectedIndex = this.languages.findIndex(l => l.code === this.translateService.currentLang);
-        this.effectiveDrawerClass = this.drawerClass;
         this.document.documentElement.lang = this.translateService.currentLang;
         this.breakpointObserver
             .observe([Breakpoints.XSmall, Breakpoints.Small])
@@ -529,7 +569,7 @@ class LayoutComponent {
             this.selectedIndex = this.languages.findIndex(lang => lang.code === event.lang);
         });
         this.drawerService.host = this.drawerHost;
-        this.drawerService.drawer = this.drawer;
+        this.drawerService.setDrawer(this.drawer);
     }
     get currentLanguage() {
         return this.translateService.currentLang || '';
@@ -538,11 +578,10 @@ class LayoutComponent {
         if (isDevMode()) {
             this.cd.detectChanges();
         }
-        this.drawer.closedStart
-            .pipe(takeUntil(this.destroyNotifier$))
-            .subscribe(() => {
-            this.effectiveDrawerClass = this.drawerClass;
-        });
+        // this.drawer.closedStart
+        //   .pipe(takeUntil(this.destroyNotifier$))
+        //   .subscribe(() => {
+        //   });
     }
     ngOnDestroy() {
         this.destroyNotifier$.next();
@@ -560,17 +599,16 @@ class LayoutComponent {
     }
     toggleSideNav() {
         const componentRef = this.drawerHost.createComponent(LayoutSidenavComponent);
+        this.drawerService.size.set('');
         componentRef.instance.isSmall = this.isSmall;
         componentRef.instance.languages = this.languages;
         componentRef.instance.routes = this.routes;
-        this.drawerService.hasBackdrop = true;
-        this.effectiveDrawerClass = 'side-menu';
-        this.drawer.open();
+        this.drawerService.toggle(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: LayoutComponent, isStandalone: true, selector: "onemrva-layout", inputs: { logo: "logo", languages: "languages", environment: "environment", logoRedictionUrl: "logoRedictionUrl", profile: "profile", id: "id", role: "role", drawerClass: "drawerClass", showThemeSwitcher: "showThemeSwitcher" }, outputs: { login: "login", logout: "logout" }, queries: [{ propertyName: "title", first: true, predicate: LayoutTitleComponent, descendants: true }, { propertyName: "loginMenu", first: true, predicate: LayoutLoginMenuComponent, descendants: true }, { propertyName: "content", first: true, predicate: LayoutContentComponent, descendants: true }, { propertyName: "afterNav", first: true, predicate: LayoutAfterNavComponent, descendants: true }, { propertyName: "footer", first: true, predicate: LayoutFooterComponent, descendants: true }, { propertyName: "routes", predicate: LayoutRouteComponent }], viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true, static: true }, { propertyName: "drawerHost", first: true, predicate: DrawerHostDirective, descendants: true, static: true }], ngImport: i0, template: "<mat-drawer-container\n  id=\"onemrva-drawer-container\"\n  [hasBackdrop]=\"drawerService.hasBackdrop\"\n  autosize\n>\n  <div class=\"app-content\">\n    <header>\n      <mat-toolbar class=\"mat-elevation-z4\">\n        <div class=\"environment\" [class]=\"environment\">\n          {{ environment }}\n        </div>\n        <div class=\"nav-container onemrva-layout-container flex-center g-m\">\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo align-center clickable\"\n            [src]=\"logo\"\n            [attr.data-cy]=\"\n              'onemrva_logo_' + currentLanguage.toLocaleLowerCase()\n            \"\n            alt=\"Logo ONEM/RVA\"\n            [routerLink]=\"\n              logoRedictionUrl !== null ? logoRedictionUrl : undefined\n            \"\n            [ngStyle]=\"{\n              cursor: logoRedictionUrl !== null ? 'pointer' : 'default',\n            }\"\n          />\n          <div\n            class=\"application-title\"\n            [ngClass]=\"{ 'small-screen': isSmall }\"\n          >\n            @if (title?.template; as titleTpl) {\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            }\n          </div>\n\n          <div style=\"flex: 1\"></div>\n\n          @if (!isSmall) {\n            <div\n              class=\"flex-center topMenu\"\n              mat-tab-nav-bar\n              [tabPanel]=\"tabPanel\"\n            >\n              @for (e of routes?.toArray(); track e.label) {\n                <a\n                  mat-tab-link\n                  [routerLink]=\"e.routerLink\"\n                  [attr.data-ci]=\"e.dataCy\"\n                  [attr.data-cy]=\"e.dataCy\"\n                  [routerLinkActiveOptions]=\"{\n                    fragment: 'exact',\n                    matrixParams: 'exact',\n                    paths: 'exact',\n                    queryParams: 'ignored',\n                  }\"\n                  #rla=\"routerLinkActive\"\n                  routerLinkActive=\"mdc-tab--active\"\n                  [active]=\"rla.isActive || e.isRouteActive()\"\n                >\n                  @if (e.template; as routeTemplate) {\n                    <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                    </ng-container>\n                  }\n                </a>\n              }\n            </div>\n          }\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          @if (showThemeSwitcher) {\n            <button\n              mat-icon-button\n              [matMenuTriggerFor]=\"themeSwitch\"\n              [matTooltip]=\"'layout.mode.select' | translate\"\n            >\n              <mat-icon>{{\n                activeTheme() === 'dark'\n                  ? 'dark_mode'\n                  : activeTheme() === 'light'\n                    ? 'light_mode'\n                    : 'brightness_auto'\n              }}</mat-icon>\n            </button>\n            <mat-menu #themeSwitch>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.dark' | translate\"\n                (click)=\"toggleTheme('dark')\"\n              >\n                <mat-icon>dark_mode</mat-icon>\n                <span>{{ 'layout.mode.dark' | translate }}</span>\n              </button>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.light' | translate\"\n                (click)=\"toggleTheme('light')\"\n              >\n                <mat-icon>light_mode</mat-icon>\n                <span>{{ 'layout.mode.light' | translate }}</span>\n              </button>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.system' | translate\"\n                (click)=\"toggleTheme('system')\"\n              >\n                <mat-icon>brightness_auto</mat-icon>\n                <span>{{ 'layout.mode.system' | translate }}</span>\n              </button>\n            </mat-menu>\n          }\n          @if (afterNav?.template; as tpl) {\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          }\n\n          @if (profile !== null) {\n            @if (!isSmall) {\n              <mat-divider\n                vertical\n                style=\"height: 1em; align-self: center\"\n              ></mat-divider>\n            }\n            @if (profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                initials=\"{{ profile.initials() }}\"\n                color=\"accent\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            @if (!profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                icon=\"account_circle\"\n                color=\"\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            <mat-menu #menu=\"matMenu\">\n              @if (profile.isLoggedIn) {\n                <div class=\"menu-header m mb-m\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </div>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                @if (loginMenu?.template; as menuLoginTpl) {\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                }\n\n                <button\n                  type=\"button\"\n                  class=\"mat-mdc-menu-item\"\n                  mat-menu-item\n                  data-cy=\"logoutButton\"\n                  (click)=\"doLogout()\"\n                  [attr.aria-label]=\"'layout.logout' | translate\"\n                >\n                  <mat-icon>logout</mat-icon>\n                  {{ 'layout.logout' | translate }}\n                </button>\n              } @else {\n                <button\n                  type=\"button\"\n                  mat-menu-item\n                  data-cy=\"loginButton\"\n                  (click)=\"doLogin()\"\n                  [attr.aria-label]=\"'layout.login' | translate\"\n                >\n                  <mat-icon>login</mat-icon>\n                  {{ 'layout.login' | translate }}\n                </button>\n              }\n            </mat-menu>\n          }\n\n          @if (\n            isSmall &&\n            (routes?.toArray()?.length || (languages && languages.length > 1))\n          ) {\n            <button\n              type=\"button\"\n              mat-icon-button\n              class=\"menu-button\"\n              data-cy=\"smallDeviceMenu\"\n              (click)=\"toggleSideNav()\"\n              [attr.aria-label]=\"'layout.menu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n          @if (!isSmall) {\n            <div class=\"flex-center\" mat-tab-nav-bar [tabPanel]=\"tabPanel\">\n              <a\n                [matMenuTriggerFor]=\"languageMenu\"\n                data-cy=\"languageMenu\"\n                [attr.aria-label]=\"'language.selection' | translate\"\n                mat-tab-link\n              >\n                {{ currentLanguage }}\n                <mat-icon style=\"width: 16px\">expand_more</mat-icon>\n              </a>\n            </div>\n          }\n          <mat-menu #languageMenu>\n            @for (lang of languages; track lang.code) {\n              <button\n                type=\"button\"\n                class=\"mat-mdc-menu-item\"\n                mat-menu-item\n                [attr.data-cy]=\"'language_' + lang.code\"\n                (click)=\"changeLanguage(lang.code)\"\n                [attr.aria-label]=\"lang.label\"\n              >\n                {{ lang.label }}\n              </button>\n            }\n          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      @if (content?.template; as tpl) {\n        <div\n          [id]=\"id\"\n          [attr.role]=\"role\"\n          class=\"onemrva-layout-content onemrva-layout-container\"\n        >\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          @if (\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          ) {\n            <button\n              id=\"accessibility_fab\"\n              mat-fab\n              color=\"accent\"\n              aria-label=\"Accessibility check\"\n              matTooltip=\"Accessibility check\"\n              onclick=\"(function() {var _p='//openfed.github.io/AccessibilityCheck/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();\"\n            >\n              <mat-icon>accessibility</mat-icon>\n            </button>\n          }\n        </div>\n      }\n\n      <footer class=\"onemrva-footer p mb text-center\">\n        @if (footer?.template; as footerTpl) {\n          <div class=\"onemrva-layout-container\">\n            <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n          </div>\n        }\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer [class]=\"effectiveDrawerClass\" mode=\"over\" position=\"end\">\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: [":host{position:relative}:host a:active{outline:none}:host router-outlet{display:block;margin-bottom:90px}:host header mat-toolbar{position:fixed;height:var(--layout-header-height);z-index:400;--mat-tab-divider-color: transparent}:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}:host header mat-toolbar .logo{height:42px}:host header mat-toolbar .application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px;color:var(--mat-sys-tertiary)}:host .onemrva-layout-content{padding-top:var(--layout-content-padding-top);min-height:calc(100vh - 48px)}:host .mat-drawer-content{min-height:100vh}:host #accessibility_fab{position:fixed;bottom:16px;left:16px}:host .environment{position:fixed;top:0;left:0;z-index:24000;width:60px;height:50px;padding:15px 20px;font-weight:700;font-size:16px;border-radius:0 0 100%;color:#fff;display:none}:host .environment.LOCAL{background:transparent linear-gradient(90deg,#de2174,#eb142a) 0 0 no-repeat padding-box;display:block}:host .environment.TEST{background-color:#36c;display:block}:host .environment.VAL{background-color:#093;display:block}:host mat-drawer{padding:var(--double-spacer);background:var(--mat-sys-surface-container-high)}:host mat-drawer.xsmall{width:20%}:host mat-drawer.small{width:30%}:host mat-drawer.medium{width:50%}:host mat-drawer.large{width:60%}:host mat-drawer.xlarge{width:70%}:host mat-drawer.xxlarge{width:90%}@media screen and (max-width: 640px){:host mat-drawer{width:99%!important}}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:1.125rem!important;height:1.125rem;width:1.125rem}.mat-mdc-menu-content button span{font-size:14px!important}nav a.disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: OnemrvaMatAvatarModule$1 }, { kind: "component", type: i1.OnemrvaMatAvatarComponent, selector: "onemrva-mat-avatar", inputs: ["id", "roundShape", "initials", "icon", "src"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "directive", type: DrawerHostDirective, selector: "[drawerhost]" }, { kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: OnemRvaSizeDirective$1, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: ["size"] }, { kind: "directive", type: OnemRvaColorDirective$1, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: LayoutComponent, isStandalone: true, selector: "onemrva-layout", inputs: { logo: "logo", languages: "languages", environment: "environment", logoRedictionUrl: "logoRedictionUrl", profile: "profile", id: "id", role: "role", showThemeSwitcher: "showThemeSwitcher" }, outputs: { login: "login", logout: "logout" }, queries: [{ propertyName: "title", first: true, predicate: LayoutTitleComponent, descendants: true }, { propertyName: "loginMenu", first: true, predicate: LayoutLoginMenuComponent, descendants: true }, { propertyName: "content", first: true, predicate: LayoutContentComponent, descendants: true }, { propertyName: "afterNav", first: true, predicate: LayoutAfterNavComponent, descendants: true }, { propertyName: "footer", first: true, predicate: LayoutFooterComponent, descendants: true }, { propertyName: "routes", predicate: LayoutRouteComponent }], viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true, static: true }, { propertyName: "drawerHost", first: true, predicate: DrawerHostDirective, descendants: true, static: true }], ngImport: i0, template: "<mat-drawer-container\n  id=\"onemrva-drawer-container\"\n  [hasBackdrop]=\"drawerService.hasBackdrop()\"\n  autosize\n>\n  <mat-drawer\n    #mainDrawer\n    [class]=\"drawerService.classes()\"\n    mode=\"over\"\n    position=\"end\"\n  >\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n  <mat-drawer-content>\n    <div class=\"app-content\">\n      <header>\n        <mat-toolbar class=\"mat-elevation-z4\">\n          <div class=\"environment\" [class]=\"environment\">\n            {{ environment }}\n          </div>\n          <div class=\"nav-container onemrva-layout-container flex-center g-m\">\n            {{ logoRedictionUrl }}\n            <img\n              class=\"logo align-center clickable\"\n              [src]=\"logo\"\n              [attr.data-cy]=\"\n                'onemrva_logo_' + currentLanguage.toLocaleLowerCase()\n              \"\n              alt=\"Logo ONEM/RVA\"\n              [routerLink]=\"\n                logoRedictionUrl !== null ? logoRedictionUrl : undefined\n              \"\n              [ngStyle]=\"{\n                cursor: logoRedictionUrl !== null ? 'pointer' : 'default',\n              }\"\n            />\n            <div\n              class=\"application-title\"\n              [ngClass]=\"{ 'small-screen': isSmall }\"\n            >\n              @if (title?.template; as titleTpl) {\n                <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n              }\n            </div>\n\n            <div style=\"flex: 1\"></div>\n\n            @if (!isSmall) {\n              <div\n                class=\"flex-center topMenu\"\n                mat-tab-nav-bar\n                [tabPanel]=\"tabPanel\"\n              >\n                @for (e of routes?.toArray(); track $index) {\n                  <a\n                    mat-tab-link\n                    [routerLink]=\"e.routerLink\"\n                    [attr.data-ci]=\"e.dataCy\"\n                    [attr.data-cy]=\"e.dataCy\"\n                    [routerLinkActiveOptions]=\"{\n                      fragment: 'exact',\n                      matrixParams: 'exact',\n                      paths: 'exact',\n                      queryParams: 'ignored',\n                    }\"\n                    #rla=\"routerLinkActive\"\n                    routerLinkActive=\"mdc-tab--active\"\n                    [active]=\"rla.isActive || e.isRouteActive()\"\n                  >\n                    @if (e.template; as routeTemplate) {\n                      <ng-container\n                        *ngTemplateOutlet=\"routeTemplate\"\n                      ></ng-container>\n                    }\n                  </a>\n                }\n              </div>\n            }\n            <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n            @if (showThemeSwitcher) {\n              <button\n                mat-icon-button\n                [matMenuTriggerFor]=\"themeSwitch\"\n                [matTooltip]=\"'layout.mode.select' | translate\"\n              >\n                <mat-icon>{{\n                  activeTheme() === 'dark'\n                    ? 'dark_mode'\n                    : activeTheme() === 'light'\n                      ? 'light_mode'\n                      : 'brightness_auto'\n                }}</mat-icon>\n              </button>\n              <mat-menu #themeSwitch>\n                <button\n                  mat-menu-item\n                  [attr.aria-label]=\"'layout.mode.dark' | translate\"\n                  (click)=\"toggleTheme('dark')\"\n                >\n                  <mat-icon>dark_mode</mat-icon>\n                  <span>{{ 'layout.mode.dark' | translate }}</span>\n                </button>\n                <button\n                  mat-menu-item\n                  [attr.aria-label]=\"'layout.mode.light' | translate\"\n                  (click)=\"toggleTheme('light')\"\n                >\n                  <mat-icon>light_mode</mat-icon>\n                  <span>{{ 'layout.mode.light' | translate }}</span>\n                </button>\n                <button\n                  mat-menu-item\n                  [attr.aria-label]=\"'layout.mode.system' | translate\"\n                  (click)=\"toggleTheme('system')\"\n                >\n                  <mat-icon>brightness_auto</mat-icon>\n                  <span>{{ 'layout.mode.system' | translate }}</span>\n                </button>\n              </mat-menu>\n            }\n            @if (afterNav?.template; as tpl) {\n              <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n            }\n\n            @if (profile !== null) {\n              @if (!isSmall) {\n                <mat-divider\n                  vertical\n                  style=\"height: 1em; align-self: center\"\n                ></mat-divider>\n              }\n              @if (profile.isLoggedIn) {\n                <onemrva-mat-avatar\n                  matRipple\n                  [matMenuTriggerFor]=\"menu\"\n                  initials=\"{{ profile.initials() }}\"\n                  color=\"accent\"\n                  size=\"xsmall\"\n                  class=\"clickable\"\n                ></onemrva-mat-avatar>\n              }\n              @if (!profile.isLoggedIn) {\n                <onemrva-mat-avatar\n                  matRipple\n                  [matMenuTriggerFor]=\"menu\"\n                  icon=\"account_circle\"\n                  color=\"\"\n                  size=\"xsmall\"\n                  class=\"clickable\"\n                ></onemrva-mat-avatar>\n              }\n              <mat-menu #menu=\"matMenu\">\n                @if (profile.isLoggedIn) {\n                  <div class=\"menu-header m mb-m\">\n                    {{ profile.firstName }} {{ profile.lastName }}\n                  </div>\n                  <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                  @if (loginMenu?.template; as menuLoginTpl) {\n                    <ng-container\n                      *ngTemplateOutlet=\"menuLoginTpl\"\n                    ></ng-container>\n                  }\n\n                  <button\n                    type=\"button\"\n                    class=\"mat-mdc-menu-item\"\n                    mat-menu-item\n                    data-cy=\"logoutButton\"\n                    (click)=\"doLogout()\"\n                    [attr.aria-label]=\"'layout.logout' | translate\"\n                  >\n                    <mat-icon>logout</mat-icon>\n                    {{ 'layout.logout' | translate }}\n                  </button>\n                } @else {\n                  <button\n                    type=\"button\"\n                    mat-menu-item\n                    data-cy=\"loginButton\"\n                    (click)=\"doLogin()\"\n                    [attr.aria-label]=\"'layout.login' | translate\"\n                  >\n                    <mat-icon>login</mat-icon>\n                    {{ 'layout.login' | translate }}\n                  </button>\n                }\n              </mat-menu>\n            }\n\n            @if (\n              isSmall &&\n              (routes?.toArray()?.length || (languages && languages.length > 1))\n            ) {\n              <button\n                type=\"button\"\n                mat-icon-button\n                class=\"menu-button\"\n                data-cy=\"smallDeviceMenu\"\n                (click)=\"this.toggleSideNav()\"\n                [attr.aria-label]=\"'layout.menu' | translate\"\n              >\n                <mat-icon>menu</mat-icon>\n              </button>\n            }\n            @if (!isSmall) {\n              <div class=\"flex-center\" mat-tab-nav-bar [tabPanel]=\"tabPanel\">\n                <a\n                  [matMenuTriggerFor]=\"languageMenu\"\n                  data-cy=\"languageMenu\"\n                  [attr.aria-label]=\"'language.selection' | translate\"\n                  mat-tab-link\n                >\n                  {{ currentLanguage }}\n                  <mat-icon style=\"width: 16px\">expand_more</mat-icon>\n                </a>\n              </div>\n            }\n            <mat-menu #languageMenu>\n              @for (lang of languages; track lang.code) {\n                <button\n                  type=\"button\"\n                  class=\"mat-mdc-menu-item\"\n                  mat-menu-item\n                  [attr.data-cy]=\"'language_' + lang.code\"\n                  (click)=\"changeLanguage(lang.code)\"\n                  [attr.aria-label]=\"lang.label\"\n                >\n                  {{ lang.label }}\n                </button>\n              }\n            </mat-menu>\n          </div>\n        </mat-toolbar>\n      </header>\n      <ng-container>\n        @if (content?.template; as tpl) {\n          <div\n            [id]=\"id\"\n            [attr.role]=\"role\"\n            class=\"onemrva-layout-content onemrva-layout-container\"\n          >\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n            @if (\n              environment &&\n              (environment === env.LOCAL || environment === env.TEST)\n            ) {\n              <button\n                id=\"accessibility_fab\"\n                mat-fab\n                color=\"accent\"\n                aria-label=\"Accessibility check\"\n                matTooltip=\"Accessibility check\"\n                onclick=\"(function() {var _p='//openfed.github.io/AccessibilityCheck/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();\"\n              >\n                <mat-icon>accessibility</mat-icon>\n              </button>\n            }\n          </div>\n        }\n\n        <footer class=\"onemrva-footer p mb text-center\">\n          @if (footer?.template; as footerTpl) {\n            <div class=\"onemrva-layout-container\">\n              <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n            </div>\n          }\n        </footer>\n      </ng-container>\n    </div>\n  </mat-drawer-content>\n</mat-drawer-container>\n", styles: [":host{position:relative}:host a:active{outline:none}:host router-outlet{display:block;margin-bottom:90px}:host header mat-toolbar{position:fixed;height:var(--layout-header-height);z-index:400;--mat-tab-divider-color: transparent}:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}:host header mat-toolbar .logo{height:42px}:host header mat-toolbar .application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px;color:var(--mat-sys-tertiary)}:host .onemrva-layout-content{padding-top:var(--layout-content-padding-top);min-height:calc(100vh - 48px)}:host .mat-drawer-content{min-height:100vh}:host #accessibility_fab{position:fixed;bottom:16px;left:16px}:host .environment{position:fixed;top:0;left:0;z-index:24000;width:60px;height:50px;padding:15px 20px;font-weight:700;font-size:16px;border-radius:0 0 100%;color:#fff;display:none}:host .environment.LOCAL{background:transparent linear-gradient(90deg,#de2174,#eb142a) 0 0 no-repeat padding-box;display:block}:host .environment.TEST{background-color:#36c;display:block}:host .environment.VAL{background-color:#093;display:block}:host mat-drawer:not(.side-menu){padding:var(--double-spacer);background:var(--mat-sys-surface-container-high)}:host mat-drawer.xsmall{width:20%}:host mat-drawer.small{width:30%}:host mat-drawer.medium{width:50%}:host mat-drawer.large{width:60%}:host mat-drawer.xlarge{width:70%}:host mat-drawer.xxlarge{width:90%}@media screen and (max-width: 640px){:host mat-drawer{width:99%!important}}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:1.125rem!important;height:1.125rem;width:1.125rem}.mat-mdc-menu-content button span{font-size:14px!important}nav a.disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: OnemrvaMatAvatarModule$1 }, { kind: "component", type: i1$1.OnemrvaMatAvatarComponent, selector: "onemrva-mat-avatar", inputs: ["id", "roundShape", "initials", "icon", "src"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "directive", type: DrawerHostDirective, selector: "[drawerhost]" }, { kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: OnemRvaSizeDirective$1, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: ["size"] }, { kind: "directive", type: OnemRvaColorDirective$1, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i2$1.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-layout', standalone: true, imports: [
                         RouterLink,
@@ -598,7 +636,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                         MatRipple,
                         OnemRvaSizeDirective$1,
                         OnemRvaColorDirective$1,
-                    ], template: "<mat-drawer-container\n  id=\"onemrva-drawer-container\"\n  [hasBackdrop]=\"drawerService.hasBackdrop\"\n  autosize\n>\n  <div class=\"app-content\">\n    <header>\n      <mat-toolbar class=\"mat-elevation-z4\">\n        <div class=\"environment\" [class]=\"environment\">\n          {{ environment }}\n        </div>\n        <div class=\"nav-container onemrva-layout-container flex-center g-m\">\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo align-center clickable\"\n            [src]=\"logo\"\n            [attr.data-cy]=\"\n              'onemrva_logo_' + currentLanguage.toLocaleLowerCase()\n            \"\n            alt=\"Logo ONEM/RVA\"\n            [routerLink]=\"\n              logoRedictionUrl !== null ? logoRedictionUrl : undefined\n            \"\n            [ngStyle]=\"{\n              cursor: logoRedictionUrl !== null ? 'pointer' : 'default',\n            }\"\n          />\n          <div\n            class=\"application-title\"\n            [ngClass]=\"{ 'small-screen': isSmall }\"\n          >\n            @if (title?.template; as titleTpl) {\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            }\n          </div>\n\n          <div style=\"flex: 1\"></div>\n\n          @if (!isSmall) {\n            <div\n              class=\"flex-center topMenu\"\n              mat-tab-nav-bar\n              [tabPanel]=\"tabPanel\"\n            >\n              @for (e of routes?.toArray(); track e.label) {\n                <a\n                  mat-tab-link\n                  [routerLink]=\"e.routerLink\"\n                  [attr.data-ci]=\"e.dataCy\"\n                  [attr.data-cy]=\"e.dataCy\"\n                  [routerLinkActiveOptions]=\"{\n                    fragment: 'exact',\n                    matrixParams: 'exact',\n                    paths: 'exact',\n                    queryParams: 'ignored',\n                  }\"\n                  #rla=\"routerLinkActive\"\n                  routerLinkActive=\"mdc-tab--active\"\n                  [active]=\"rla.isActive || e.isRouteActive()\"\n                >\n                  @if (e.template; as routeTemplate) {\n                    <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                    </ng-container>\n                  }\n                </a>\n              }\n            </div>\n          }\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          @if (showThemeSwitcher) {\n            <button\n              mat-icon-button\n              [matMenuTriggerFor]=\"themeSwitch\"\n              [matTooltip]=\"'layout.mode.select' | translate\"\n            >\n              <mat-icon>{{\n                activeTheme() === 'dark'\n                  ? 'dark_mode'\n                  : activeTheme() === 'light'\n                    ? 'light_mode'\n                    : 'brightness_auto'\n              }}</mat-icon>\n            </button>\n            <mat-menu #themeSwitch>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.dark' | translate\"\n                (click)=\"toggleTheme('dark')\"\n              >\n                <mat-icon>dark_mode</mat-icon>\n                <span>{{ 'layout.mode.dark' | translate }}</span>\n              </button>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.light' | translate\"\n                (click)=\"toggleTheme('light')\"\n              >\n                <mat-icon>light_mode</mat-icon>\n                <span>{{ 'layout.mode.light' | translate }}</span>\n              </button>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.system' | translate\"\n                (click)=\"toggleTheme('system')\"\n              >\n                <mat-icon>brightness_auto</mat-icon>\n                <span>{{ 'layout.mode.system' | translate }}</span>\n              </button>\n            </mat-menu>\n          }\n          @if (afterNav?.template; as tpl) {\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          }\n\n          @if (profile !== null) {\n            @if (!isSmall) {\n              <mat-divider\n                vertical\n                style=\"height: 1em; align-self: center\"\n              ></mat-divider>\n            }\n            @if (profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                initials=\"{{ profile.initials() }}\"\n                color=\"accent\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            @if (!profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                icon=\"account_circle\"\n                color=\"\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            <mat-menu #menu=\"matMenu\">\n              @if (profile.isLoggedIn) {\n                <div class=\"menu-header m mb-m\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </div>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                @if (loginMenu?.template; as menuLoginTpl) {\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                }\n\n                <button\n                  type=\"button\"\n                  class=\"mat-mdc-menu-item\"\n                  mat-menu-item\n                  data-cy=\"logoutButton\"\n                  (click)=\"doLogout()\"\n                  [attr.aria-label]=\"'layout.logout' | translate\"\n                >\n                  <mat-icon>logout</mat-icon>\n                  {{ 'layout.logout' | translate }}\n                </button>\n              } @else {\n                <button\n                  type=\"button\"\n                  mat-menu-item\n                  data-cy=\"loginButton\"\n                  (click)=\"doLogin()\"\n                  [attr.aria-label]=\"'layout.login' | translate\"\n                >\n                  <mat-icon>login</mat-icon>\n                  {{ 'layout.login' | translate }}\n                </button>\n              }\n            </mat-menu>\n          }\n\n          @if (\n            isSmall &&\n            (routes?.toArray()?.length || (languages && languages.length > 1))\n          ) {\n            <button\n              type=\"button\"\n              mat-icon-button\n              class=\"menu-button\"\n              data-cy=\"smallDeviceMenu\"\n              (click)=\"toggleSideNav()\"\n              [attr.aria-label]=\"'layout.menu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n          @if (!isSmall) {\n            <div class=\"flex-center\" mat-tab-nav-bar [tabPanel]=\"tabPanel\">\n              <a\n                [matMenuTriggerFor]=\"languageMenu\"\n                data-cy=\"languageMenu\"\n                [attr.aria-label]=\"'language.selection' | translate\"\n                mat-tab-link\n              >\n                {{ currentLanguage }}\n                <mat-icon style=\"width: 16px\">expand_more</mat-icon>\n              </a>\n            </div>\n          }\n          <mat-menu #languageMenu>\n            @for (lang of languages; track lang.code) {\n              <button\n                type=\"button\"\n                class=\"mat-mdc-menu-item\"\n                mat-menu-item\n                [attr.data-cy]=\"'language_' + lang.code\"\n                (click)=\"changeLanguage(lang.code)\"\n                [attr.aria-label]=\"lang.label\"\n              >\n                {{ lang.label }}\n              </button>\n            }\n          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      @if (content?.template; as tpl) {\n        <div\n          [id]=\"id\"\n          [attr.role]=\"role\"\n          class=\"onemrva-layout-content onemrva-layout-container\"\n        >\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          @if (\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          ) {\n            <button\n              id=\"accessibility_fab\"\n              mat-fab\n              color=\"accent\"\n              aria-label=\"Accessibility check\"\n              matTooltip=\"Accessibility check\"\n              onclick=\"(function() {var _p='//openfed.github.io/AccessibilityCheck/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();\"\n            >\n              <mat-icon>accessibility</mat-icon>\n            </button>\n          }\n        </div>\n      }\n\n      <footer class=\"onemrva-footer p mb text-center\">\n        @if (footer?.template; as footerTpl) {\n          <div class=\"onemrva-layout-container\">\n            <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n          </div>\n        }\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer [class]=\"effectiveDrawerClass\" mode=\"over\" position=\"end\">\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: [":host{position:relative}:host a:active{outline:none}:host router-outlet{display:block;margin-bottom:90px}:host header mat-toolbar{position:fixed;height:var(--layout-header-height);z-index:400;--mat-tab-divider-color: transparent}:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}:host header mat-toolbar .logo{height:42px}:host header mat-toolbar .application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px;color:var(--mat-sys-tertiary)}:host .onemrva-layout-content{padding-top:var(--layout-content-padding-top);min-height:calc(100vh - 48px)}:host .mat-drawer-content{min-height:100vh}:host #accessibility_fab{position:fixed;bottom:16px;left:16px}:host .environment{position:fixed;top:0;left:0;z-index:24000;width:60px;height:50px;padding:15px 20px;font-weight:700;font-size:16px;border-radius:0 0 100%;color:#fff;display:none}:host .environment.LOCAL{background:transparent linear-gradient(90deg,#de2174,#eb142a) 0 0 no-repeat padding-box;display:block}:host .environment.TEST{background-color:#36c;display:block}:host .environment.VAL{background-color:#093;display:block}:host mat-drawer{padding:var(--double-spacer);background:var(--mat-sys-surface-container-high)}:host mat-drawer.xsmall{width:20%}:host mat-drawer.small{width:30%}:host mat-drawer.medium{width:50%}:host mat-drawer.large{width:60%}:host mat-drawer.xlarge{width:70%}:host mat-drawer.xxlarge{width:90%}@media screen and (max-width: 640px){:host mat-drawer{width:99%!important}}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:1.125rem!important;height:1.125rem;width:1.125rem}.mat-mdc-menu-content button span{font-size:14px!important}nav a.disabled{pointer-events:none}\n"] }]
+                        MatSidenavModule,
+                    ], template: "<mat-drawer-container\n  id=\"onemrva-drawer-container\"\n  [hasBackdrop]=\"drawerService.hasBackdrop()\"\n  autosize\n>\n  <mat-drawer\n    #mainDrawer\n    [class]=\"drawerService.classes()\"\n    mode=\"over\"\n    position=\"end\"\n  >\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n  <mat-drawer-content>\n    <div class=\"app-content\">\n      <header>\n        <mat-toolbar class=\"mat-elevation-z4\">\n          <div class=\"environment\" [class]=\"environment\">\n            {{ environment }}\n          </div>\n          <div class=\"nav-container onemrva-layout-container flex-center g-m\">\n            {{ logoRedictionUrl }}\n            <img\n              class=\"logo align-center clickable\"\n              [src]=\"logo\"\n              [attr.data-cy]=\"\n                'onemrva_logo_' + currentLanguage.toLocaleLowerCase()\n              \"\n              alt=\"Logo ONEM/RVA\"\n              [routerLink]=\"\n                logoRedictionUrl !== null ? logoRedictionUrl : undefined\n              \"\n              [ngStyle]=\"{\n                cursor: logoRedictionUrl !== null ? 'pointer' : 'default',\n              }\"\n            />\n            <div\n              class=\"application-title\"\n              [ngClass]=\"{ 'small-screen': isSmall }\"\n            >\n              @if (title?.template; as titleTpl) {\n                <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n              }\n            </div>\n\n            <div style=\"flex: 1\"></div>\n\n            @if (!isSmall) {\n              <div\n                class=\"flex-center topMenu\"\n                mat-tab-nav-bar\n                [tabPanel]=\"tabPanel\"\n              >\n                @for (e of routes?.toArray(); track $index) {\n                  <a\n                    mat-tab-link\n                    [routerLink]=\"e.routerLink\"\n                    [attr.data-ci]=\"e.dataCy\"\n                    [attr.data-cy]=\"e.dataCy\"\n                    [routerLinkActiveOptions]=\"{\n                      fragment: 'exact',\n                      matrixParams: 'exact',\n                      paths: 'exact',\n                      queryParams: 'ignored',\n                    }\"\n                    #rla=\"routerLinkActive\"\n                    routerLinkActive=\"mdc-tab--active\"\n                    [active]=\"rla.isActive || e.isRouteActive()\"\n                  >\n                    @if (e.template; as routeTemplate) {\n                      <ng-container\n                        *ngTemplateOutlet=\"routeTemplate\"\n                      ></ng-container>\n                    }\n                  </a>\n                }\n              </div>\n            }\n            <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n            @if (showThemeSwitcher) {\n              <button\n                mat-icon-button\n                [matMenuTriggerFor]=\"themeSwitch\"\n                [matTooltip]=\"'layout.mode.select' | translate\"\n              >\n                <mat-icon>{{\n                  activeTheme() === 'dark'\n                    ? 'dark_mode'\n                    : activeTheme() === 'light'\n                      ? 'light_mode'\n                      : 'brightness_auto'\n                }}</mat-icon>\n              </button>\n              <mat-menu #themeSwitch>\n                <button\n                  mat-menu-item\n                  [attr.aria-label]=\"'layout.mode.dark' | translate\"\n                  (click)=\"toggleTheme('dark')\"\n                >\n                  <mat-icon>dark_mode</mat-icon>\n                  <span>{{ 'layout.mode.dark' | translate }}</span>\n                </button>\n                <button\n                  mat-menu-item\n                  [attr.aria-label]=\"'layout.mode.light' | translate\"\n                  (click)=\"toggleTheme('light')\"\n                >\n                  <mat-icon>light_mode</mat-icon>\n                  <span>{{ 'layout.mode.light' | translate }}</span>\n                </button>\n                <button\n                  mat-menu-item\n                  [attr.aria-label]=\"'layout.mode.system' | translate\"\n                  (click)=\"toggleTheme('system')\"\n                >\n                  <mat-icon>brightness_auto</mat-icon>\n                  <span>{{ 'layout.mode.system' | translate }}</span>\n                </button>\n              </mat-menu>\n            }\n            @if (afterNav?.template; as tpl) {\n              <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n            }\n\n            @if (profile !== null) {\n              @if (!isSmall) {\n                <mat-divider\n                  vertical\n                  style=\"height: 1em; align-self: center\"\n                ></mat-divider>\n              }\n              @if (profile.isLoggedIn) {\n                <onemrva-mat-avatar\n                  matRipple\n                  [matMenuTriggerFor]=\"menu\"\n                  initials=\"{{ profile.initials() }}\"\n                  color=\"accent\"\n                  size=\"xsmall\"\n                  class=\"clickable\"\n                ></onemrva-mat-avatar>\n              }\n              @if (!profile.isLoggedIn) {\n                <onemrva-mat-avatar\n                  matRipple\n                  [matMenuTriggerFor]=\"menu\"\n                  icon=\"account_circle\"\n                  color=\"\"\n                  size=\"xsmall\"\n                  class=\"clickable\"\n                ></onemrva-mat-avatar>\n              }\n              <mat-menu #menu=\"matMenu\">\n                @if (profile.isLoggedIn) {\n                  <div class=\"menu-header m mb-m\">\n                    {{ profile.firstName }} {{ profile.lastName }}\n                  </div>\n                  <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                  @if (loginMenu?.template; as menuLoginTpl) {\n                    <ng-container\n                      *ngTemplateOutlet=\"menuLoginTpl\"\n                    ></ng-container>\n                  }\n\n                  <button\n                    type=\"button\"\n                    class=\"mat-mdc-menu-item\"\n                    mat-menu-item\n                    data-cy=\"logoutButton\"\n                    (click)=\"doLogout()\"\n                    [attr.aria-label]=\"'layout.logout' | translate\"\n                  >\n                    <mat-icon>logout</mat-icon>\n                    {{ 'layout.logout' | translate }}\n                  </button>\n                } @else {\n                  <button\n                    type=\"button\"\n                    mat-menu-item\n                    data-cy=\"loginButton\"\n                    (click)=\"doLogin()\"\n                    [attr.aria-label]=\"'layout.login' | translate\"\n                  >\n                    <mat-icon>login</mat-icon>\n                    {{ 'layout.login' | translate }}\n                  </button>\n                }\n              </mat-menu>\n            }\n\n            @if (\n              isSmall &&\n              (routes?.toArray()?.length || (languages && languages.length > 1))\n            ) {\n              <button\n                type=\"button\"\n                mat-icon-button\n                class=\"menu-button\"\n                data-cy=\"smallDeviceMenu\"\n                (click)=\"this.toggleSideNav()\"\n                [attr.aria-label]=\"'layout.menu' | translate\"\n              >\n                <mat-icon>menu</mat-icon>\n              </button>\n            }\n            @if (!isSmall) {\n              <div class=\"flex-center\" mat-tab-nav-bar [tabPanel]=\"tabPanel\">\n                <a\n                  [matMenuTriggerFor]=\"languageMenu\"\n                  data-cy=\"languageMenu\"\n                  [attr.aria-label]=\"'language.selection' | translate\"\n                  mat-tab-link\n                >\n                  {{ currentLanguage }}\n                  <mat-icon style=\"width: 16px\">expand_more</mat-icon>\n                </a>\n              </div>\n            }\n            <mat-menu #languageMenu>\n              @for (lang of languages; track lang.code) {\n                <button\n                  type=\"button\"\n                  class=\"mat-mdc-menu-item\"\n                  mat-menu-item\n                  [attr.data-cy]=\"'language_' + lang.code\"\n                  (click)=\"changeLanguage(lang.code)\"\n                  [attr.aria-label]=\"lang.label\"\n                >\n                  {{ lang.label }}\n                </button>\n              }\n            </mat-menu>\n          </div>\n        </mat-toolbar>\n      </header>\n      <ng-container>\n        @if (content?.template; as tpl) {\n          <div\n            [id]=\"id\"\n            [attr.role]=\"role\"\n            class=\"onemrva-layout-content onemrva-layout-container\"\n          >\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n            @if (\n              environment &&\n              (environment === env.LOCAL || environment === env.TEST)\n            ) {\n              <button\n                id=\"accessibility_fab\"\n                mat-fab\n                color=\"accent\"\n                aria-label=\"Accessibility check\"\n                matTooltip=\"Accessibility check\"\n                onclick=\"(function() {var _p='//openfed.github.io/AccessibilityCheck/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();\"\n              >\n                <mat-icon>accessibility</mat-icon>\n              </button>\n            }\n          </div>\n        }\n\n        <footer class=\"onemrva-footer p mb text-center\">\n          @if (footer?.template; as footerTpl) {\n            <div class=\"onemrva-layout-container\">\n              <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n            </div>\n          }\n        </footer>\n      </ng-container>\n    </div>\n  </mat-drawer-content>\n</mat-drawer-container>\n", styles: [":host{position:relative}:host a:active{outline:none}:host router-outlet{display:block;margin-bottom:90px}:host header mat-toolbar{position:fixed;height:var(--layout-header-height);z-index:400;--mat-tab-divider-color: transparent}:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}:host header mat-toolbar .logo{height:42px}:host header mat-toolbar .application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px;color:var(--mat-sys-tertiary)}:host .onemrva-layout-content{padding-top:var(--layout-content-padding-top);min-height:calc(100vh - 48px)}:host .mat-drawer-content{min-height:100vh}:host #accessibility_fab{position:fixed;bottom:16px;left:16px}:host .environment{position:fixed;top:0;left:0;z-index:24000;width:60px;height:50px;padding:15px 20px;font-weight:700;font-size:16px;border-radius:0 0 100%;color:#fff;display:none}:host .environment.LOCAL{background:transparent linear-gradient(90deg,#de2174,#eb142a) 0 0 no-repeat padding-box;display:block}:host .environment.TEST{background-color:#36c;display:block}:host .environment.VAL{background-color:#093;display:block}:host mat-drawer:not(.side-menu){padding:var(--double-spacer);background:var(--mat-sys-surface-container-high)}:host mat-drawer.xsmall{width:20%}:host mat-drawer.small{width:30%}:host mat-drawer.medium{width:50%}:host mat-drawer.large{width:60%}:host mat-drawer.xlarge{width:70%}:host mat-drawer.xxlarge{width:90%}@media screen and (max-width: 640px){:host mat-drawer{width:99%!important}}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:1.125rem!important;height:1.125rem;width:1.125rem}.mat-mdc-menu-content button span{font-size:14px!important}nav a.disabled{pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { routes: [{
                 type: ContentChildren,
                 args: [LayoutRouteComponent]
@@ -641,21 +680,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 type: Input
             }], role: [{
                 type: Input
-            }], drawerClass: [{
-                type: Input
             }], showThemeSwitcher: [{
                 type: Input
             }] } });
 
 class LayoutSidenavTitleComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSidenavTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutSidenavTitleComponent, isStandalone: true, selector: "onemrva-layout-sidenav-title", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutSidenavTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: LayoutSidenavTitleComponent, isStandalone: true, selector: "onemrva-layout-sidenav-title", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
     <ng-template>
       <ng-content></ng-content>
     </ng-template>
   `, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSidenavTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutSidenavTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-sidenav-title',
@@ -671,14 +708,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 args: [TemplateRef]
             }] } });
 
+class LayoutLeftSidenavComponent {
+    constructor() {
+        this.items = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutLeftSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: LayoutLeftSidenavComponent, isStandalone: true, selector: "onemrva-layout-left-sidenav", inputs: { items: "items" }, ngImport: i0, template: "@if (items.length > 0) {\n  <onemrva-mat-navigation [items]=\"items\"></onemrva-mat-navigation>\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{width:240px;margin-right:40px}\n"], dependencies: [{ kind: "component", type: OnemrvaMatNavigationComponent$1, selector: "onemrva-mat-navigation", inputs: ["items", "level", "translate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutLeftSidenavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-layout-left-sidenav', imports: [OnemrvaMatNavigationComponent$1], template: "@if (items.length > 0) {\n  <onemrva-mat-navigation [items]=\"items\"></onemrva-mat-navigation>\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{width:240px;margin-right:40px}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }] } });
+
 class LayoutDrawerActionsComponent {
     constructor() {
         this.drawerService = inject(OnemrvaDrawerService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutDrawerActionsComponent, isStandalone: true, selector: "onemrva-drawer-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer);text-align:right}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutDrawerActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: LayoutDrawerActionsComponent, isStandalone: true, selector: "onemrva-drawer-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer);text-align:right}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutDrawerActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-drawer-actions', standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer);text-align:right}\n"] }]
         }] });
@@ -687,10 +738,10 @@ class LayoutDrawerContentComponent {
     constructor() {
         this.drawerService = inject(OnemrvaDrawerService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutDrawerContentComponent, isStandalone: true, selector: "onemrva-drawer-content", ngImport: i0, template: "<span><ng-content></ng-content></span>\n", styles: [":host{background-color:var(--mat-sys-surface);padding:23px 32px;margin:0 var(--spacer);border-radius:var(--border-radius);display:block;height:calc(100vh - 180px);overflow:auto}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutDrawerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: LayoutDrawerContentComponent, isStandalone: true, selector: "onemrva-drawer-content", ngImport: i0, template: "<span><ng-content></ng-content></span>\n", styles: [":host{background-color:var(--mat-sys-surface);padding:23px 32px;margin:0 var(--spacer);border-radius:var(--border-radius);display:block;height:calc(100vh - 180px);overflow:auto}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutDrawerContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-drawer-content', standalone: true, template: "<span><ng-content></ng-content></span>\n", styles: [":host{background-color:var(--mat-sys-surface);padding:23px 32px;margin:0 var(--spacer);border-radius:var(--border-radius);display:block;height:calc(100vh - 180px);overflow:auto}\n"] }]
         }] });
@@ -700,12 +751,12 @@ class LayoutDrawerTitleComponent {
         this.showClose = true;
         this.drawerService = inject(OnemrvaDrawerService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: LayoutDrawerTitleComponent, isStandalone: true, selector: "onemrva-drawer-title", inputs: { showClose: "showClose" }, ngImport: i0, template: "<span><ng-content></ng-content></span>\n@if (showClose) {\n  <mat-icon\n    class=\"close-drawer clickable large float-right\"\n    (click)=\"drawerService.close()\"\n    >close</mat-icon\n  >\n}\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer)}:host span:first-child{font:var(--mat-sys-title-large);color:var(--mat-sys-error)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutDrawerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: LayoutDrawerTitleComponent, isStandalone: true, selector: "onemrva-drawer-title", inputs: { showClose: "showClose" }, ngImport: i0, template: "<span><ng-content></ng-content></span>\n@if (showClose) {\n  <mat-icon\n    class=\"close-drawer clickable large float-right\"\n    (click)=\"drawerService.close()\"\n    >close</mat-icon\n  >\n}\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer);margin:var(--spacer)}:host span:first-child{font:var(--mat-sys-title-large);color:var(--mat-sys-error)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutDrawerTitleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-drawer-title', standalone: true, imports: [MatIcon], template: "<span><ng-content></ng-content></span>\n@if (showClose) {\n  <mat-icon\n    class=\"close-drawer clickable large float-right\"\n    (click)=\"drawerService.close()\"\n    >close</mat-icon\n  >\n}\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer)}:host span:first-child{font:var(--mat-sys-title-large);color:var(--mat-sys-error)}\n"] }]
+            args: [{ selector: 'onemrva-drawer-title', standalone: true, imports: [MatIcon], template: "<span><ng-content></ng-content></span>\n@if (showClose) {\n  <mat-icon\n    class=\"close-drawer clickable large float-right\"\n    (click)=\"drawerService.close()\"\n    >close</mat-icon\n  >\n}\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer);margin:var(--spacer)}:host span:first-child{font:var(--mat-sys-title-large);color:var(--mat-sys-error)}\n"] }]
         }], propDecorators: { showClose: [{
                 type: Input
             }] } });
@@ -721,16 +772,17 @@ const layoutComponents = [
     LayoutSidenavComponent,
     LayoutLoginMenuComponent,
     LayoutAfterNavComponent,
+    LayoutLeftSidenavComponent,
 ];
 
 class StripHtmlPipe {
     transform(value) {
         return value.replace(/<.*?>/g, ''); // replace tags
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: StripHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: StripHtmlPipe, isStandalone: true, name: "striphtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: StripHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: StripHtmlPipe, isStandalone: true, name: "striphtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: StripHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: StripHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'striphtml',
@@ -813,8 +865,8 @@ class OnemRvaProfile {
 }
 
 class OnemrvaLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLayoutModule, imports: [LayoutComponent, LayoutContentComponent, LayoutFooterComponent, LayoutRouteComponent, LayoutSubrouteComponent, LayoutTitleComponent, LayoutSidenavTitleComponent, LayoutSidenavComponent, LayoutLoginMenuComponent, LayoutAfterNavComponent, StripHtmlPipe,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLayoutModule, imports: [LayoutComponent, LayoutContentComponent, LayoutFooterComponent, LayoutRouteComponent, LayoutSubrouteComponent, LayoutTitleComponent, LayoutSidenavTitleComponent, LayoutSidenavComponent, LayoutLoginMenuComponent, LayoutAfterNavComponent, LayoutLeftSidenavComponent, StripHtmlPipe,
             DrawerHostDirective,
             CommonModule,
             RouterModule,
@@ -829,13 +881,13 @@ class OnemrvaLayoutModule {
             OnemrvaMatAvatarModule$1,
             MatTooltipModule,
             TranslateModule,
-            MatRipple], exports: [LayoutComponent, LayoutContentComponent, LayoutFooterComponent, LayoutRouteComponent, LayoutSubrouteComponent, LayoutTitleComponent, LayoutSidenavTitleComponent, LayoutSidenavComponent, LayoutLoginMenuComponent, LayoutAfterNavComponent, LayoutModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLayoutModule, providers: [
+            MatRipple], exports: [LayoutComponent, LayoutContentComponent, LayoutFooterComponent, LayoutRouteComponent, LayoutSubrouteComponent, LayoutTitleComponent, LayoutSidenavTitleComponent, LayoutSidenavComponent, LayoutLoginMenuComponent, LayoutAfterNavComponent, LayoutLeftSidenavComponent, LayoutModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLayoutModule, providers: [
             {
                 provide: MAT_SNACK_BAR_DEFAULT_OPTIONS,
                 useValue: { horizontalPosition: 'right' },
             },
-        ], imports: [LayoutComponent, LayoutRouteComponent, LayoutSidenavComponent, CommonModule,
+        ], imports: [LayoutComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutLeftSidenavComponent, CommonModule,
             RouterModule,
             LayoutModule,
             MatToolbarModule,
@@ -849,7 +901,7 @@ class OnemrvaLayoutModule {
             MatTooltipModule,
             TranslateModule, LayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -882,6 +934,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 }]
         }] });
 
+class FlagIconComponent {
+    constructor() {
+        this.countryCode = 'xx';
+        this.mode = 'rectangle';
+        this.width = 26;
+        this.height = this.width;
+        this.cdn = inject(OnemRvaCDNService$1);
+        this.cdnUrl = this.cdn.getUrl();
+        if (this.mode === 'rectangle') {
+            this.height = this.width / 1.33;
+        }
+    }
+    get normalizedCountryCode() {
+        return (this.countryCode?.trim() || 'xx').toLowerCase();
+    }
+    get modeValue() {
+        if (this.mode === 'rectangle') {
+            return '4x3';
+        }
+        return '1x1';
+    }
+    get url() {
+        return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: FlagIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: FlagIconComponent, isStandalone: true, selector: "flag-icon", inputs: { countryCode: "countryCode", mode: "mode", width: "width" }, ngImport: i0, template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: FlagIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'flag-icon', standalone: true, imports: [NgOptimizedImage], template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { countryCode: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }] } });
+
 let NEXT_ID$a = 0;
 const MatAvatarType = mkenum({
     INITIALS: 'initials',
@@ -1086,10 +1176,10 @@ class OnemrvaMatAvatarComponent {
                 return 'custom avatar';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatAvatarComponent, isStandalone: true, selector: "onemrva-mat-avatar", inputs: { id: "id", roundShape: "roundShape", initials: "initials", icon: "icon", src: "src" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-avatar": "this.cssClass", "attr.aria-roledescription": "this.roleDescription", "attr.id": "this.id", "class.onemrva-mat-avatar--rounded": "this.roundShape", "class.onemrva-mat-avatar--image": "this._isImageType", "class.onemrva-mat-avatar--icon": "this._isIconType", "class.onemrva-mat-avatar--initials": "this._isInitialsType" } }, viewQueries: [{ propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "imageTemplate", first: true, predicate: ["imageTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "initialsTemplate", first: true, predicate: ["initialsTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "iconTemplate", first: true, predicate: ["iconTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #defaultTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #imageTemplate>\n  <div\n    #image\n    class=\"onemrva-avatar__image\"\n    [style.backgroundImage]=\"getSrcUrl()\"\n  ></div>\n</ng-template>\n\n<ng-template #initialsTemplate>\n  <span>{{ initials | slice: 0 : 2 }}</span>\n</ng-template>\n\n<ng-template #iconTemplate>\n  <mat-icon>{{ icon }}</mat-icon>\n</ng-template>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n", styles: [":host{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;vertical-align:middle;outline-style:none;flex-shrink:0;font-family:var(--text-font);font-weight:500;font-size:var(--avatar-font-size);line-height:calc(var(--avatar-size) / 2);width:var(--avatar-size);height:var(--avatar-size)}:host.mat-primary,:host.mat-success,:host.mat-info,:host.mat-warn,:host.mat-neutral{background:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}:host.mat-error{background:var(--mat-sys-error);color:var(--mat-sys-on-error)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient)}:host.onemrva-mat-avatar--icon{background:var(--mat-sys-on-surface);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variation-settings:\"FILL\" 0,\"wght\" 900,\"GRAD\" 0,\"opsz\" 48}:host.onemrva-mat-avatar--icon.mat-accent{background:var(--background-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-primary,:host.onemrva-mat-avatar--icon.mat-success,:host.onemrva-mat-avatar--icon.mat-info,:host.onemrva-mat-avatar--icon.mat-warn,:host.onemrva-mat-avatar--icon.mat-neutral{background:var(--mat-sys-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-error{background:var(--mat-sys-error);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host mat-icon.material-icons{font-size:calc(var(--avatar-size) + var(--avatar-resize));margin-top:calc(-1 * var(--avatar-resize));margin-left:calc(-1 * var(--avatar-resize));width:var(--avatar-size);height:var(--avatar-size);line-height:calc(var(--avatar-size) + var(--avatar-resize))}:host .onemrva-avatar__image{width:100%;height:100%;border-radius:inherit;background-color:var(--mat-sys-background);background-size:cover;background-repeat:no-repeat;background-position:center}:host.onemrva-mat-avatar--rounded{border-radius:var(--avatar-size)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatAvatarComponent, isStandalone: true, selector: "onemrva-mat-avatar", inputs: { id: "id", roundShape: "roundShape", initials: "initials", icon: "icon", src: "src" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-avatar": "this.cssClass", "attr.aria-roledescription": "this.roleDescription", "attr.id": "this.id", "class.onemrva-mat-avatar--rounded": "this.roundShape", "class.onemrva-mat-avatar--image": "this._isImageType", "class.onemrva-mat-avatar--icon": "this._isIconType", "class.onemrva-mat-avatar--initials": "this._isInitialsType" } }, viewQueries: [{ propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "imageTemplate", first: true, predicate: ["imageTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "initialsTemplate", first: true, predicate: ["initialsTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "iconTemplate", first: true, predicate: ["iconTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #defaultTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #imageTemplate>\n  <div\n    #image\n    class=\"onemrva-avatar__image\"\n    [style.backgroundImage]=\"getSrcUrl()\"\n  ></div>\n</ng-template>\n\n<ng-template #initialsTemplate>\n  <span>{{ initials | slice: 0 : 2 }}</span>\n</ng-template>\n\n<ng-template #iconTemplate>\n  <mat-icon>{{ icon }}</mat-icon>\n</ng-template>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n", styles: [":host{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;vertical-align:middle;outline-style:none;flex-shrink:0;font-family:var(--text-font);font-weight:500;font-size:var(--avatar-font-size);line-height:calc(var(--avatar-size) / 2);width:var(--avatar-size);height:var(--avatar-size)}:host.mat-primary,:host.mat-success,:host.mat-info,:host.mat-warn,:host.mat-neutral{background:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}:host.mat-error{background:var(--mat-sys-error);color:var(--mat-sys-on-error)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient)}:host.onemrva-mat-avatar--icon{background:var(--mat-sys-on-surface);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variation-settings:\"FILL\" 0,\"wght\" 900,\"GRAD\" 0,\"opsz\" 48}:host.onemrva-mat-avatar--icon.mat-accent{background:var(--background-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-primary,:host.onemrva-mat-avatar--icon.mat-success,:host.onemrva-mat-avatar--icon.mat-info,:host.onemrva-mat-avatar--icon.mat-warn,:host.onemrva-mat-avatar--icon.mat-neutral{background:var(--mat-sys-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-error{background:var(--mat-sys-error);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host mat-icon.material-icons{font-size:calc(var(--avatar-size) + var(--avatar-resize));margin-top:calc(-1 * var(--avatar-resize));margin-left:calc(-1 * var(--avatar-resize));width:var(--avatar-size);height:var(--avatar-size);line-height:calc(var(--avatar-size) + var(--avatar-resize))}:host .onemrva-avatar__image{width:100%;height:100%;border-radius:inherit;background-color:var(--mat-sys-background);background-size:cover;background-repeat:no-repeat;background-position:center}:host.onemrva-mat-avatar--rounded{border-radius:var(--avatar-size)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$2.SlicePipe, name: "slice" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-avatar', standalone: true, imports: [CommonModule, MatIconModule], template: "<ng-template #defaultTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #imageTemplate>\n  <div\n    #image\n    class=\"onemrva-avatar__image\"\n    [style.backgroundImage]=\"getSrcUrl()\"\n  ></div>\n</ng-template>\n\n<ng-template #initialsTemplate>\n  <span>{{ initials | slice: 0 : 2 }}</span>\n</ng-template>\n\n<ng-template #iconTemplate>\n  <mat-icon>{{ icon }}</mat-icon>\n</ng-template>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n", styles: [":host{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;vertical-align:middle;outline-style:none;flex-shrink:0;font-family:var(--text-font);font-weight:500;font-size:var(--avatar-font-size);line-height:calc(var(--avatar-size) / 2);width:var(--avatar-size);height:var(--avatar-size)}:host.mat-primary,:host.mat-success,:host.mat-info,:host.mat-warn,:host.mat-neutral{background:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}:host.mat-error{background:var(--mat-sys-error);color:var(--mat-sys-on-error)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient)}:host.onemrva-mat-avatar--icon{background:var(--mat-sys-on-surface);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variation-settings:\"FILL\" 0,\"wght\" 900,\"GRAD\" 0,\"opsz\" 48}:host.onemrva-mat-avatar--icon.mat-accent{background:var(--background-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-primary,:host.onemrva-mat-avatar--icon.mat-success,:host.onemrva-mat-avatar--icon.mat-info,:host.onemrva-mat-avatar--icon.mat-warn,:host.onemrva-mat-avatar--icon.mat-neutral{background:var(--mat-sys-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-error{background:var(--mat-sys-error);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host mat-icon.material-icons{font-size:calc(var(--avatar-size) + var(--avatar-resize));margin-top:calc(-1 * var(--avatar-resize));margin-left:calc(-1 * var(--avatar-resize));width:var(--avatar-size);height:var(--avatar-size);line-height:calc(var(--avatar-size) + var(--avatar-resize))}:host .onemrva-avatar__image{width:100%;height:100%;border-radius:inherit;background-color:var(--mat-sys-background);background-size:cover;background-repeat:no-repeat;background-position:center}:host.onemrva-mat-avatar--rounded{border-radius:var(--avatar-size)}\n"] }]
         }], propDecorators: { ariaLabel: [{
@@ -1144,11 +1234,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatAvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatAvatarModule, imports: [OnemrvaMatAvatarComponent], exports: [OnemrvaMatAvatarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatAvatarModule, imports: [OnemrvaMatAvatarComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatAvatarModule, imports: [OnemrvaMatAvatarComponent], exports: [OnemrvaMatAvatarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatAvatarModule, imports: [OnemrvaMatAvatarComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -1201,10 +1291,10 @@ class OnemrvaMatBreadcrumbService {
             this.addBreadcrumb(route.firstChild, routeUrl, breadcrumbs);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatBreadcrumbService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatBreadcrumbService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatBreadcrumbService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatBreadcrumbService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1228,10 +1318,10 @@ class OnemrvaMatBreadcrumbComponent {
             this.breadcrumbs$ = this.breadcrumbService.breadcrumbs$;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatBreadcrumbComponent, isStandalone: true, selector: "onemrva-mat-breadcrumb", inputs: { fakePath: "fakePath" }, ngImport: i0, template: "@if (breadcrumbs$ | async; as bc) {\n  <ng-container>\n    @if (bc.length > 0) {\n      <ul class=\"onemrva-mat-breadcrumb\">\n        @for (breadcrumb of bc; track breadcrumb.label; let bridx = $index) {\n          <li\n            class=\"onemrva-mat-breadcrumb-link-container\"\n            [ngStyle]=\"{\n              display: bc.length <= 6 || bridx <= 2 ? 'list-item' : 'none',\n            }\"\n          >\n            <div\n              [routerLink]=\"breadcrumb.url\"\n              class=\"onemrva-mat-breadcrumb-link\"\n            >\n              @if (breadcrumb.translate) {\n                {{ breadcrumb.label | translate }}\n              } @else {\n                {{ breadcrumb.label }}\n              }\n            </div>\n\n            @if (bridx < bc.length - 1) {\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            }\n          </li>\n          @if (bc.length > 6) {\n            <li\n              class=\"onemrva-mat-breadcrumb-link-container onemrva-mat-breadcrumb-link-container-hidden\"\n            >\n              ...\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            </li>\n            <li class=\"onemrva-mat-breadcrumb-link-container\">\n              <div\n                [routerLink]=\"bc[bc.length - 1].url\"\n                class=\"onemrva-mat-breadcrumb-link\"\n              >\n                {{ bc[bc.length - 1].label }}\n              </div>\n            </li>\n          }\n        }\n      </ul>\n    }\n  </ng-container>\n}\n", styles: [".onemrva-mat-breadcrumb{display:flex;list-style:none;padding:0;align-items:baseline}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container{margin-right:8px}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container .chevron-right{margin:0 var(--spacer);font-family:var(--icon-font);content:\"\\e5e1\";line-height:1rem;font-size:1rem;vertical-align:middle;height:1rem;width:.25rem}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child) .onemrva-mat-breadcrumb-link{text-decoration:none;color:var(--mat-sys-primary);display:inline-block;font:var(--mat-sys-body-small-size)}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child):hover .onemrva-mat-breadcrumb-link{text-decoration:underline;color:var(--mat-sys-primary);cursor:pointer}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link{display:inline-block;text-decoration:none}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link:hover{cursor:default}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child:hover{cursor:default}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatBreadcrumbComponent, isStandalone: true, selector: "onemrva-mat-breadcrumb", inputs: { fakePath: "fakePath" }, ngImport: i0, template: "@if (breadcrumbs$ | async; as bc) {\n  <ng-container>\n    @if (bc.length > 0) {\n      <ul class=\"onemrva-mat-breadcrumb\">\n        @for (breadcrumb of bc; track breadcrumb.label; let bridx = $index) {\n          <li\n            class=\"onemrva-mat-breadcrumb-link-container\"\n            [ngStyle]=\"{\n              display: bc.length <= 6 || bridx <= 2 ? 'list-item' : 'none',\n            }\"\n          >\n            <div\n              [routerLink]=\"breadcrumb.url\"\n              class=\"onemrva-mat-breadcrumb-link\"\n            >\n              @if (breadcrumb.translate) {\n                {{ breadcrumb.label | translate }}\n              } @else {\n                {{ breadcrumb.label }}\n              }\n            </div>\n\n            @if (bridx < bc.length - 1) {\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            }\n          </li>\n          @if (bc.length > 6) {\n            <li\n              class=\"onemrva-mat-breadcrumb-link-container onemrva-mat-breadcrumb-link-container-hidden\"\n            >\n              ...\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            </li>\n            <li class=\"onemrva-mat-breadcrumb-link-container\">\n              <div\n                [routerLink]=\"bc[bc.length - 1].url\"\n                class=\"onemrva-mat-breadcrumb-link\"\n              >\n                {{ bc[bc.length - 1].label }}\n              </div>\n            </li>\n          }\n        }\n      </ul>\n    }\n  </ng-container>\n}\n", styles: [".onemrva-mat-breadcrumb{display:flex;list-style:none;padding:0;align-items:baseline}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container{margin-right:8px}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container .chevron-right{margin:0 var(--spacer);font-family:var(--icon-font);content:\"\\e5e1\";line-height:1rem;font-size:1rem;vertical-align:middle;height:1rem;width:.25rem}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child) .onemrva-mat-breadcrumb-link{text-decoration:none;color:var(--mat-sys-primary);display:inline-block;font:var(--mat-sys-body-small-size)}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child):hover .onemrva-mat-breadcrumb-link{text-decoration:underline;color:var(--mat-sys-primary);cursor:pointer}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link{display:inline-block;text-decoration:none}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link:hover{cursor:default}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child:hover{cursor:default}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-breadcrumb', imports: [NgStyle, RouterLink, MatIcon, AsyncPipe, TranslatePipe], standalone: true, template: "@if (breadcrumbs$ | async; as bc) {\n  <ng-container>\n    @if (bc.length > 0) {\n      <ul class=\"onemrva-mat-breadcrumb\">\n        @for (breadcrumb of bc; track breadcrumb.label; let bridx = $index) {\n          <li\n            class=\"onemrva-mat-breadcrumb-link-container\"\n            [ngStyle]=\"{\n              display: bc.length <= 6 || bridx <= 2 ? 'list-item' : 'none',\n            }\"\n          >\n            <div\n              [routerLink]=\"breadcrumb.url\"\n              class=\"onemrva-mat-breadcrumb-link\"\n            >\n              @if (breadcrumb.translate) {\n                {{ breadcrumb.label | translate }}\n              } @else {\n                {{ breadcrumb.label }}\n              }\n            </div>\n\n            @if (bridx < bc.length - 1) {\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            }\n          </li>\n          @if (bc.length > 6) {\n            <li\n              class=\"onemrva-mat-breadcrumb-link-container onemrva-mat-breadcrumb-link-container-hidden\"\n            >\n              ...\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            </li>\n            <li class=\"onemrva-mat-breadcrumb-link-container\">\n              <div\n                [routerLink]=\"bc[bc.length - 1].url\"\n                class=\"onemrva-mat-breadcrumb-link\"\n              >\n                {{ bc[bc.length - 1].label }}\n              </div>\n            </li>\n          }\n        }\n      </ul>\n    }\n  </ng-container>\n}\n", styles: [".onemrva-mat-breadcrumb{display:flex;list-style:none;padding:0;align-items:baseline}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container{margin-right:8px}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container .chevron-right{margin:0 var(--spacer);font-family:var(--icon-font);content:\"\\e5e1\";line-height:1rem;font-size:1rem;vertical-align:middle;height:1rem;width:.25rem}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child) .onemrva-mat-breadcrumb-link{text-decoration:none;color:var(--mat-sys-primary);display:inline-block;font:var(--mat-sys-body-small-size)}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child):hover .onemrva-mat-breadcrumb-link{text-decoration:underline;color:var(--mat-sys-primary);cursor:pointer}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link{display:inline-block;text-decoration:none}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link:hover{cursor:default}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child:hover{cursor:default}\n"] }]
         }], propDecorators: { fakePath: [{
@@ -1239,17 +1329,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatBreadcrumbModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule,
             MatIconModule,
             RouterModule,
             OnemrvaMatBreadcrumbComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule,
             MatIconModule,
             RouterModule,
             OnemrvaMatBreadcrumbComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatBreadcrumbModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -1273,10 +1363,10 @@ class OnemrvaMatCarouselItemComponent {
         this.show = false;
         this.nativeElement = this.element.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatCarouselItemComponent, isStandalone: true, selector: "onemrva-mat-carousel-item", host: { properties: { "class.show": "this.show" } }, viewQueries: [{ propertyName: "tpl", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatCarouselItemComponent, isStandalone: true, selector: "onemrva-mat-carousel-item", host: { properties: { "class.show": "this.show" } }, viewQueries: [{ propertyName: "tpl", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatCarouselItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatCarouselItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-carousel-item', standalone: true, imports: [CommonModule], template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tpl: [{
@@ -1398,8 +1488,8 @@ class OnemrvaMatCarouselComponent {
             item.nativeElement.style.height = biggest + 'px';
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatCarouselComponent, isStandalone: true, selector: "onemrva-mat-carousel", inputs: { timing: "timing", gap: "gap", padding: "padding", showControls: "showControls", autoplay: "autoplay", showDots: "showDots" }, host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "items", predicate: OnemrvaMatCarouselItemComponent }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carouselWrapper"], descendants: true }], ngImport: i0, template: "@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'carousel.next' | translate\"\n    class=\"controls next\"\n  >\n    <mat-icon class=\"large\">chevron_right</mat-icon>\n  </button>\n}\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n@if (showDots) {\n  <div class=\"dots\">\n    @for (item of items; track item; let dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\n      ></span>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center;margin-top:var(--spacer)}:host .dots .dot{cursor:pointer;width:.75rem;height:.75rem;margin:var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatCarouselComponent, isStandalone: true, selector: "onemrva-mat-carousel", inputs: { timing: "timing", gap: "gap", padding: "padding", showControls: "showControls", autoplay: "autoplay", showDots: "showDots" }, host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "items", predicate: OnemrvaMatCarouselItemComponent }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carouselWrapper"], descendants: true }], ngImport: i0, template: "@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'carousel.next' | translate\"\n    class=\"controls next\"\n  >\n    <mat-icon class=\"large\">chevron_right</mat-icon>\n  </button>\n}\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n@if (showDots) {\n  <div class=\"dots\">\n    @for (item of items; track item; let dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\n      ></span>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center;margin-top:var(--spacer)}:host .dots .dot{cursor:pointer;width:.75rem;height:.75rem;margin:var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], animations: [
             trigger('inOutAnimation', [
                 transition(':enter', [
                     style({ opacity: 0 }),
@@ -1412,7 +1502,7 @@ class OnemrvaMatCarouselComponent {
             ]),
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatCarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-carousel', standalone: true, imports: [
                         CommonModule,
@@ -1492,8 +1582,8 @@ class OnemrvaMatChoiceChipComponent extends MatFormFieldControl {
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatChoiceChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatChoiceChipComponent, isStandalone: true, selector: "onemrva-mat-choice-chip", inputs: { checked: "checked", disabled: "disabled" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatChoiceChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatChoiceChipComponent, isStandalone: true, selector: "onemrva-mat-choice-chip", inputs: { checked: "checked", disabled: "disabled" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => OnemrvaMatChoiceChipComponent),
@@ -1501,7 +1591,7 @@ class OnemrvaMatChoiceChipComponent extends MatFormFieldControl {
             },
         ], usesInheritance: true, ngImport: i0, template: "<mat-checkbox [checked]=\"checked\" [disabled]=\"disabled\" color=\"primary\"\n  ><ng-content></ng-content\n></mat-checkbox>\n", styles: ["onemrva-mat-choice-chip{--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox{border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius);background:var(--mat-sys-primary-container);padding:0}onemrva-mat-choice-chip mat-checkbox label{color:var(--mat-sys-primary);font-family:var(--mat-sys-label-large-font);font-size:var(--mat-sys-label-large-size);font-weight:var(--mat-sys-label-large-weight);line-height:var(--mat-sys-label-large-line-height)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked{background-color:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background{background-color:var(--mat-sys-primary);background:none!important;border:none!important;top:-6px;left:10px}onemrva-mat-choice-chip mat-checkbox.mat-mdc-checkbox-checked label{line-height:var(--mdc-chip-container-height);padding:5px 14px 5px 22px;color:var(--mat-sys-on-primary)}onemrva-mat-choice-chip mat-checkbox .mdc-checkbox__ripple{display:none}onemrva-mat-choice-chip mat-checkbox .mdc-form-field{display:inline-block}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox{padding:0;margin:0;transition:width .4s}onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple,onemrva-mat-choice-chip mat-checkbox .mdc-form-field .mdc-checkbox input{display:none}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) label{line-height:var(--mdc-chip-container-height);padding:5px 14px}onemrva-mat-choice-chip mat-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox{visibility:hidden;width:1px}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled{background-color:var(--mat-sys-primary-container);border-color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled .mdc-checkbox__background .mdc-checkbox__checkmark{color:var(--mat-sys-primary-fixed-dim)}onemrva-mat-choice-chip mat-checkbox.mdc-checkbox--disabled label{color:var(--mat-sys-on-surface)}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatChoiceChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatChoiceChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-choice-chip', imports: [MatCheckbox], encapsulation: ViewEncapsulation.None, standalone: true, providers: [
                         {
@@ -1561,10 +1651,10 @@ class OnemrvaCopyToClipboardComponent {
             this.matTooltip.hide();
         }, 2000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaCopyToClipboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaCopyToClipboardComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy", onClick: "onClick", onHover: "onHover", onLeave: "onLeave" }, host: { listeners: { "click": "clicked($event.target)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  @if (!checked) {\n    <mat-icon class=\"small\" (click)=\"copy($event)\"> content_copy </mat-icon>\n  }\n  @if (checked) {\n    <mat-icon class=\"small\" color=\"success\">check</mat-icon>\n  }\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaCopyToClipboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaCopyToClipboardComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy", onClick: "onClick", onHover: "onHover", onLeave: "onLeave" }, host: { listeners: { "click": "clicked($event.target)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  @if (!checked) {\n    <mat-icon class=\"small\" (click)=\"copy($event)\"> content_copy </mat-icon>\n  }\n  @if (checked) {\n    <mat-icon class=\"small\" color=\"success\">check</mat-icon>\n  }\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaCopyToClipboardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaCopyToClipboardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'copy-to-clipboard', standalone: true, imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule], template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  @if (!checked) {\n    <mat-icon class=\"small\" (click)=\"copy($event)\"> content_copy </mat-icon>\n  }\n  @if (checked) {\n    <mat-icon class=\"small\" color=\"success\">check</mat-icon>\n  }\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"] }]
         }], propDecorators: { content: [{
@@ -1599,10 +1689,10 @@ class OnemrvaCountryItemComponent {
         this.countryCode = 'xx';
         this.countryName = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaCountryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaCountryItemComponent, isStandalone: true, selector: "mat-country-item", inputs: { countryCode: "countryCode", countryName: "countryName" }, ngImport: i0, template: "<div class=\"onemrva-country-item\">\n  <flag-icon [countryCode]=\"countryCode\" />\n  <span class=\"description\">{{ countryName }}</span>\n</div>\n", styles: [".onemrva-country-item{display:flex;align-items:center}.onemrva-country-item .description{display:flex;margin-left:.5em;text-transform:capitalize}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: FlagIconComponent$1, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaCountryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaCountryItemComponent, isStandalone: true, selector: "mat-country-item", inputs: { countryCode: "countryCode", countryName: "countryName" }, ngImport: i0, template: "<div class=\"onemrva-country-item\">\n  <flag-icon [countryCode]=\"countryCode\" />\n  <span class=\"description\">{{ countryName }}</span>\n</div>\n", styles: [".onemrva-country-item{display:flex;align-items:center}.onemrva-country-item .description{display:flex;margin-left:.5em;text-transform:capitalize}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: FlagIconComponent$1, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaCountryItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaCountryItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-country-item', standalone: true, imports: [CommonModule, TranslateModule, FlagIconComponent$1], encapsulation: ViewEncapsulation.None, template: "<div class=\"onemrva-country-item\">\n  <flag-icon [countryCode]=\"countryCode\" />\n  <span class=\"description\">{{ countryName }}</span>\n</div>\n", styles: [".onemrva-country-item{display:flex;align-items:center}.onemrva-country-item .description{display:flex;margin-left:.5em;text-transform:capitalize}\n"] }]
         }], propDecorators: { countryCode: [{
@@ -1753,10 +1843,10 @@ class OnemrvaMatDatepickerHeaderComponent {
         const maxYearLabel = this._dateAdapter.getYearName(this._dateAdapter.createDate(maxYearOfPage, 0, 1));
         return [minYearLabel, maxYearLabel];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatDatepickerHeaderComponent, isStandalone: true, selector: "onemrva-mat-datepicker-header", providers: [], ngImport: i0, template: "<div class=\"mat-calendar-header\">\n  <div class=\"mat-calendar-controls\">\n    <button\n      mat-button\n      type=\"button\"\n      class=\"mat-calendar-period-button\"\n      (click)=\"currentPeriodClicked()\"\n      [attr.aria-label]=\"periodButtonLabel\"\n      [attr.aria-describedby]=\"_periodButtonLabelId\"\n      aria-live=\"polite\"\n    >\n      <span aria-hidden=\"true\">{{ periodButtonText }}</span>\n      <svg\n        class=\"mat-calendar-arrow\"\n        [class.mat-calendar-invert]=\"calendar.currentView !== 'month'\"\n        viewBox=\"0 0 10 5\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <polygon points=\"0,0 5,5 10,0\" />\n      </svg>\n    </button>\n\n    <div class=\"mat-calendar-spacer\"></div>\n\n    <ng-content></ng-content>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!previousEnabled()\"\n      (click)=\"previousClicked()\"\n      [attr.aria-label]=\"prevButtonLabel\"\n      [matTooltip]=\"'Previous Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_left</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      (click)=\"setToday()\"\n      [attr.aria-label]=\"'Today' | translate\"\n      [matTooltip]=\"'Today' | translate\"\n    >\n      <mat-icon>today</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!nextEnabled()\"\n      (click)=\"nextClicked()\"\n      [attr.aria-label]=\"nextButtonLabel\"\n      [matTooltip]=\"'Next Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: ["a.onemrva-calendar-header-today{font-size:12px;color:var(--mat-sys-primary);text-decoration:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatDatepickerHeaderComponent, isStandalone: true, selector: "onemrva-mat-datepicker-header", providers: [], ngImport: i0, template: "<div class=\"mat-calendar-header\">\n  <div class=\"mat-calendar-controls\">\n    <button\n      mat-button\n      type=\"button\"\n      class=\"mat-calendar-period-button\"\n      (click)=\"currentPeriodClicked()\"\n      [attr.aria-label]=\"periodButtonLabel\"\n      [attr.aria-describedby]=\"_periodButtonLabelId\"\n      aria-live=\"polite\"\n    >\n      <span aria-hidden=\"true\">{{ periodButtonText }}</span>\n      <svg\n        class=\"mat-calendar-arrow\"\n        [class.mat-calendar-invert]=\"calendar.currentView !== 'month'\"\n        viewBox=\"0 0 10 5\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <polygon points=\"0,0 5,5 10,0\" />\n      </svg>\n    </button>\n\n    <div class=\"mat-calendar-spacer\"></div>\n\n    <ng-content></ng-content>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!previousEnabled()\"\n      (click)=\"previousClicked()\"\n      [attr.aria-label]=\"prevButtonLabel\"\n      [matTooltip]=\"'Previous Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_left</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      (click)=\"setToday()\"\n      [attr.aria-label]=\"'Today' | translate\"\n      [matTooltip]=\"'Today' | translate\"\n    >\n      <mat-icon>today</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      [disabled]=\"!nextEnabled()\"\n      (click)=\"nextClicked()\"\n      [attr.aria-label]=\"nextButtonLabel\"\n      [matTooltip]=\"'Next Month' | translate\"\n    >\n      <mat-icon>keyboard_arrow_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: ["a.onemrva-calendar-header-today{font-size:12px;color:var(--mat-sys-primary);text-decoration:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-datepicker-header', standalone: true, imports: [
                         CommonModule,
@@ -1819,10 +1909,10 @@ class OnemrvaMatEmptyRowComponent {
         this.imageAlt = this.translate.instant('Ori is wordless');
         this.clear = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatEmptyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatEmptyRowComponent, isStandalone: true, selector: "onemrva-mat-empty-row", inputs: { buttonText: "buttonText", text: "text", imageAlt: "imageAlt" }, outputs: { clear: "clear" }, ngImport: i0, template: "<span class=\"img\">\n  <img [ngSrc]=\"noresultimg\" alt=\"{{ imageAlt }}\" fill priority />\n</span>\n<span class=\"text\">\n  {{ text }}\n  <ng-content></ng-content>\n</span>\n<button mat-stroked-button (click)=\"clear.emit()\">{{ buttonText }}</button>\n", styles: ["onemrva-mat-empty-row{display:grid;grid-template-columns:repeat(6,1FR);grid-template-rows:repeat(2,1FR);justify-items:center;gap:15px}onemrva-mat-empty-row span.img{grid-area:1/1/3/2;display:block;min-width:80px;min-height:80px;height:10vw;width:10vw;margin:32px;position:relative;float:left}onemrva-mat-empty-row span.text{grid-area:1/2/2/7;justify-self:start;align-self:end}onemrva-mat-empty-row button{grid-area:2/2/3/7;justify-self:start;align-self:start}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatEmptyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatEmptyRowComponent, isStandalone: true, selector: "onemrva-mat-empty-row", inputs: { buttonText: "buttonText", text: "text", imageAlt: "imageAlt" }, outputs: { clear: "clear" }, ngImport: i0, template: "<span class=\"img\">\n  <img [ngSrc]=\"noresultimg\" alt=\"{{ imageAlt }}\" fill priority />\n</span>\n<span class=\"text\">\n  {{ text }}\n  <ng-content></ng-content>\n</span>\n<button mat-stroked-button (click)=\"clear.emit()\">{{ buttonText }}</button>\n", styles: ["onemrva-mat-empty-row{display:grid;grid-template-columns:repeat(6,1FR);grid-template-rows:repeat(2,1FR);justify-items:center;gap:15px}onemrva-mat-empty-row span.img{grid-area:1/1/3/2;display:block;min-width:80px;min-height:80px;height:10vw;width:10vw;margin:32px;position:relative;float:left}onemrva-mat-empty-row span.text{grid-area:1/2/2/7;justify-self:start;align-self:end}onemrva-mat-empty-row button{grid-area:2/2/3/7;justify-self:start;align-self:start}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatEmptyRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatEmptyRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-empty-row', standalone: true, imports: [NgOptimizedImage, MatButton], encapsulation: ViewEncapsulation.None, template: "<span class=\"img\">\n  <img [ngSrc]=\"noresultimg\" alt=\"{{ imageAlt }}\" fill priority />\n</span>\n<span class=\"text\">\n  {{ text }}\n  <ng-content></ng-content>\n</span>\n<button mat-stroked-button (click)=\"clear.emit()\">{{ buttonText }}</button>\n", styles: ["onemrva-mat-empty-row{display:grid;grid-template-columns:repeat(6,1FR);grid-template-rows:repeat(2,1FR);justify-items:center;gap:15px}onemrva-mat-empty-row span.img{grid-area:1/1/3/2;display:block;min-width:80px;min-height:80px;height:10vw;width:10vw;margin:32px;position:relative;float:left}onemrva-mat-empty-row span.text{grid-area:1/2/2/7;justify-self:start;align-self:end}onemrva-mat-empty-row button{grid-area:2/2/3/7;justify-self:start;align-self:start}\n"] }]
         }], propDecorators: { buttonText: [{
@@ -1930,10 +2020,10 @@ class OnemrvaFilePanelComponent {
     get _isPrimary() {
         return this.color === OnemrvaMatColor.PRIMARY;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaFilePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaFilePanelComponent, isStandalone: true, selector: "file-panel", inputs: { id: "id", dataCy: "dataCy", file: "file", actions: "actions", showProgress: "showProgress", displayDate: "displayDate", maxFileSize: "maxFileSize", color: "color" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.dataCy", "mat-accent": "this._colorAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-primary": "this._isPrimary" } }, ngImport: i0, template: "<div class=\"file-panel-title show-icon\" [attr.data-cy]=\"dataCy\">\n  <div class=\"file-panel-title-left\">\n    <span class=\"file-name\">\n      {{ file.name }}\n    </span>\n  </div>\n  <div class=\"file-panel-title-action float-right\">\n    @if (actions.length > 0) {\n      @for (action of actions; track action.dataCy) {\n        @if (action.showAction(file)) {\n          <mat-icon\n            role=\"button\"\n            color=\"primary\"\n            [attr.data-cy]=\"action.dataCy\"\n            matTooltip=\"{{ action.tooltipCode | translate }}\"\n            [attr.aria-label]=\"action.ariaCode | translate\"\n            class=\"clickable\"\n            (click)=\"action.clickHandler(file)\"\n            >{{ action.iconName }}</mat-icon\n          >\n        }\n      }\n    }\n  </div>\n</div>\n<div class=\"file-panel-content\">\n  @if (file.message === '') {\n    <ng-container>\n      <div class=\"fileInfos\">\n        <span>{{ displayDate }}</span>\n\n        @if (file.size > 0) {\n          <span class=\"float-right\">{{ size }}</span>\n        }\n      </div>\n      @if (showProgress && file.enableProgressBar) {\n        <mat-progress-bar\n          data-cy=\"file-upload-progress\"\n          mode=\"determinate\"\n          [value]=\"progress$ | async\"\n        ></mat-progress-bar>\n      }\n    </ng-container>\n  }\n  @if (file.message !== '') {\n    <p class=\"message\">\n      {{ file.message | translate: { limit: formattedSize(file.maxSize) } }}\n    </p>\n  }\n</div>\n", styles: [":host{flex:1 1 100%;border-radius:var(--border-radius);background-color:var(--mat-sys-primary-container);padding:var(--double-spacer);display:block}:host .file-panel-content{padding:0}:host .file-panel-content p:last-child{margin:0}:host .fileInfos{display:inline-block;width:100%;height:1.5rem;font:var(--mat-sys-body-medium)}:host .fileInfos .float-right{margin-right:var(--spacer)}:host .file-panel-title{font:var(--mat-sys-title-medium);margin-bottom:0;color:var(--mat-sys-primary)}:host .file-panel-title .file-panel-title-left{display:inline-flex;align-items:center;gap:var(--spacer)}:host .file-panel-title:before{margin-right:var(--spacer);margin-top:var(--quarter-spacer)}:host .file-panel-title .mat-progress-bar-fill:after{background:var(--mat-sys-primary)}:host .file-panel-title .mat-progress-bar-buffer{background-color:var(--mat-sys-primary-container)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaFilePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaFilePanelComponent, isStandalone: true, selector: "file-panel", inputs: { id: "id", dataCy: "dataCy", file: "file", actions: "actions", showProgress: "showProgress", displayDate: "displayDate", maxFileSize: "maxFileSize", color: "color" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.dataCy", "mat-accent": "this._colorAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-primary": "this._isPrimary" } }, ngImport: i0, template: "<div class=\"file-panel-title show-icon\" [attr.data-cy]=\"dataCy\">\n  <div class=\"file-panel-title-left\">\n    <span class=\"file-name\">\n      {{ file.name }}\n    </span>\n  </div>\n  <div class=\"file-panel-title-action float-right\">\n    @if (actions.length > 0) {\n      @for (action of actions; track action.dataCy) {\n        @if (action.showAction(file)) {\n          <mat-icon\n            role=\"button\"\n            color=\"primary\"\n            [attr.data-cy]=\"action.dataCy\"\n            matTooltip=\"{{ action.tooltipCode | translate }}\"\n            [attr.aria-label]=\"action.ariaCode | translate\"\n            class=\"clickable\"\n            (click)=\"action.clickHandler(file)\"\n            >{{ action.iconName }}</mat-icon\n          >\n        }\n      }\n    }\n  </div>\n</div>\n<div class=\"file-panel-content\">\n  @if (file.message === '') {\n    <ng-container>\n      <div class=\"fileInfos\">\n        <span>{{ displayDate }}</span>\n\n        @if (file.size > 0) {\n          <span class=\"float-right\">{{ size }}</span>\n        }\n      </div>\n      @if (showProgress && file.enableProgressBar) {\n        <mat-progress-bar\n          data-cy=\"file-upload-progress\"\n          mode=\"determinate\"\n          [value]=\"progress$ | async\"\n        ></mat-progress-bar>\n      }\n    </ng-container>\n  }\n  @if (file.message !== '') {\n    <p class=\"message\">\n      {{ file.message | translate: { limit: formattedSize(file.maxSize) } }}\n    </p>\n  }\n</div>\n", styles: [":host{flex:1 1 100%;border-radius:var(--border-radius);background-color:var(--mat-sys-primary-container);padding:var(--double-spacer);display:block}:host .file-panel-content{padding:0}:host .file-panel-content p:last-child{margin:0}:host .fileInfos{display:inline-block;width:100%;height:1.5rem;font:var(--mat-sys-body-medium)}:host .fileInfos .float-right{margin-right:var(--spacer)}:host .file-panel-title{font:var(--mat-sys-title-medium);margin-bottom:0;color:var(--mat-sys-primary)}:host .file-panel-title .file-panel-title-left{display:inline-flex;align-items:center;gap:var(--spacer)}:host .file-panel-title:before{margin-right:var(--spacer);margin-top:var(--quarter-spacer)}:host .file-panel-title .mat-progress-bar-fill:after{background:var(--mat-sys-primary)}:host .file-panel-title .mat-progress-bar-buffer{background-color:var(--mat-sys-primary-container)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaFilePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaFilePanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIcon, MatTooltip, TranslatePipe, AsyncPipe, MatProgressBar], template: "<div class=\"file-panel-title show-icon\" [attr.data-cy]=\"dataCy\">\n  <div class=\"file-panel-title-left\">\n    <span class=\"file-name\">\n      {{ file.name }}\n    </span>\n  </div>\n  <div class=\"file-panel-title-action float-right\">\n    @if (actions.length > 0) {\n      @for (action of actions; track action.dataCy) {\n        @if (action.showAction(file)) {\n          <mat-icon\n            role=\"button\"\n            color=\"primary\"\n            [attr.data-cy]=\"action.dataCy\"\n            matTooltip=\"{{ action.tooltipCode | translate }}\"\n            [attr.aria-label]=\"action.ariaCode | translate\"\n            class=\"clickable\"\n            (click)=\"action.clickHandler(file)\"\n            >{{ action.iconName }}</mat-icon\n          >\n        }\n      }\n    }\n  </div>\n</div>\n<div class=\"file-panel-content\">\n  @if (file.message === '') {\n    <ng-container>\n      <div class=\"fileInfos\">\n        <span>{{ displayDate }}</span>\n\n        @if (file.size > 0) {\n          <span class=\"float-right\">{{ size }}</span>\n        }\n      </div>\n      @if (showProgress && file.enableProgressBar) {\n        <mat-progress-bar\n          data-cy=\"file-upload-progress\"\n          mode=\"determinate\"\n          [value]=\"progress$ | async\"\n        ></mat-progress-bar>\n      }\n    </ng-container>\n  }\n  @if (file.message !== '') {\n    <p class=\"message\">\n      {{ file.message | translate: { limit: formattedSize(file.maxSize) } }}\n    </p>\n  }\n</div>\n", styles: [":host{flex:1 1 100%;border-radius:var(--border-radius);background-color:var(--mat-sys-primary-container);padding:var(--double-spacer);display:block}:host .file-panel-content{padding:0}:host .file-panel-content p:last-child{margin:0}:host .fileInfos{display:inline-block;width:100%;height:1.5rem;font:var(--mat-sys-body-medium)}:host .fileInfos .float-right{margin-right:var(--spacer)}:host .file-panel-title{font:var(--mat-sys-title-medium);margin-bottom:0;color:var(--mat-sys-primary)}:host .file-panel-title .file-panel-title-left{display:inline-flex;align-items:center;gap:var(--spacer)}:host .file-panel-title:before{margin-right:var(--spacer);margin-top:var(--quarter-spacer)}:host .file-panel-title .mat-progress-bar-fill:after{background:var(--mat-sys-primary)}:host .file-panel-title .mat-progress-bar-buffer{background-color:var(--mat-sys-primary-container)}\n"] }]
         }], propDecorators: { id: [{
@@ -2010,10 +2100,10 @@ class OnemrvaMatFileUploadService {
         alert(`Missing download implementation for file ID ${id}`);
         return of(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2319,10 +2409,10 @@ class OnemrvaMatFileUploadStore extends ComponentStore {
         if (this.customValidationFn)
             this.fn = this.customValidationFn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadStore }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadStore }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2353,10 +2443,10 @@ class DndDirective {
             this.fileDropped.emit(files);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: DndDirective, isStandalone: true, selector: "[appDnd]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.fileover": "this.fileOver" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: DndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: DndDirective, isStandalone: true, selector: "[appDnd]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.fileover": "this.fileOver" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DndDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: DndDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appDnd]',
@@ -2481,8 +2571,8 @@ class OnemrvaMatFileUploadComponent {
             this.fileDropRef.nativeElement.value = null;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatFileUploadComponent, isStandalone: true, selector: "onemrva-mat-file-upload", inputs: { accept: "accept", maxFileSize: "maxFileSize", numberOfFiles: "numberOfFiles", maxTotalFileSize: "maxTotalFileSize", uploadOnDrop: "uploadOnDrop", initialFiles: "initialFiles", errorMessage: "errorMessage", hideExtensions: "hideExtensions", dropFilesHereTextTranslationKey: "dropFilesHereTextTranslationKey", filePanelTemplate: "filePanelTemplate", dataCy: "dataCy" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, viewQueries: [{ propertyName: "fileDropRef", first: true, predicate: ["fileDropRef"], descendants: true }], ngImport: i0, template: "@if (files$ | async; as files) {\n  <div\n    class=\"onemrva-mat-file-upload-drop-area\"\n    appDnd\n    (fileDropped)=\"onFileDropped($event)\"\n    [ngClass]=\"{\n      filein: files.length > 0,\n    }\"\n  >\n    <input\n      type=\"file\"\n      #fileDropRef\n      [attr.id]=\"inputId\"\n      role=\"button\"\n      multiple\n      (change)=\"fileBrowseHandler($event)\"\n      accept=\"{{ acceptString$ | async }}\"\n    />\n    @if (numberOfFiles === 0 || numberOfFiles > files.length) {\n      <div class=\"download-outer\">\n        <div class=\"download-icon\">\n          <mat-icon class=\"onemrva-upload xxlarge\">download</mat-icon>\n        </div>\n\n        <div class=\"download-text\">\n          {{ dropFilesHereTextTranslationKey | translate }}\n          {{ 'file.upload.or' | translate }}\n          <label for=\"{{ inputId }}\" class=\"content\">\n            {{ 'file.upload.browse.for.file' | translate }} </label\n          ><br />\n          @if (maxFileSize > 0) {\n            <span class=\"restrictions\">\n              {{ 'file.upload.maximum' | translate }}\n              {{ maxFileSizeFormatted }}\n\n              @if (accept.length > 0) {\n                <span>{{ '| ' }}</span>\n              }\n\n              {{ acceptString$ | async }}\n            </span>\n          }\n        </div>\n      </div>\n    }\n    <ul class=\"files-list\">\n      @for (file of files; track file.id) {\n        <li>\n          <ng-container\n            *ngTemplateOutlet=\"\n              filePanelTemplate;\n              context: { file, $implicit: file }\n            \"\n          ></ng-container>\n        </li>\n      }\n    </ul>\n  </div>\n  @if (fileUploadErrorMessage$ | async; as fileUploadErrorMessage) {\n    <mat-error>\n      {{\n        fileUploadErrorMessage\n          | translate\n            : {\n                limit: numberOfFiles,\n                maxTotalFileSize: formattedSize(maxTotalFileSize),\n              }\n      }}\n      @if (errorMessage !== '') {\n        [ {{ errorMessage }} ]\n      }\n    </mat-error>\n  }\n}\n", styles: [":host .mat-mdc-form-field-error{margin-bottom:var(--spacer);padding:var(--spacer) 1em;background-color:var(--mat-sys-error-container);color:var(--mat-sys-on-error-container);border-bottom:1px solid var(--mat-sys-error);display:flex;line-height:1.125rem}:host .mat-mdc-form-field-error:before{font-family:var(--icon-font);content:\"\\e000\";float:left;font-size:1rem;font-variation-settings:\"FILL\" 1;margin-right:var(--spacer);vertical-align:baseline;flex:0 0 var(--double-spacer)}:host ul{list-style:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}:host ul li{width:100%}:host .onemrva-mat-file-upload-drop-area{padding:var(--triple-spacer);text-align:left;border:dashed 2px var(--mat-sys-outline);position:relative;border-radius:var(--border-radius);transition:background-color .3s ease-in-out,border .3s ease-in-out}:host .onemrva-mat-file-upload-drop-area mat-icon{color:var(--mat-sys-primary)}:host .onemrva-mat-file-upload-drop-area.fu-error{border:dashed 2px var(--mat-sys-error)}:host .onemrva-mat-file-upload-drop-area input[type=file]{display:none}:host .onemrva-mat-file-upload-drop-area .download-outer{display:flex;width:100%;margin:0}:host .onemrva-mat-file-upload-drop-area .download-outer .download-icon{padding-right:var(--double-spacer)}:host .onemrva-mat-file-upload-drop-area .download-outer .download-text label{display:block;color:var(--mat-sys-primary);text-decoration:underline;cursor:pointer;font-weight:700}:host .onemrva-mat-file-upload-drop-area .download-outer .download-text .restrictions{display:block;color:var(--mat-sys-outline);margin-bottom:0}:host .onemrva-mat-file-upload-drop-area.filein .download-outer{margin:0 0 var(--triple-spacer) 0}:host .onemrva-mat-file-upload-drop-area.fileover{background:var(--mat-sys-primary-container);border:2px dashed var(--mat-sys-primary)}:host .onemrva-mat-file-upload-drop-area .files-list{display:flex;flex-flow:row wrap;gap:var(--double-spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: DndDirective, selector: "[appDnd]", outputs: ["fileDropped"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatFileUploadComponent, isStandalone: true, selector: "onemrva-mat-file-upload", inputs: { accept: "accept", maxFileSize: "maxFileSize", numberOfFiles: "numberOfFiles", maxTotalFileSize: "maxTotalFileSize", uploadOnDrop: "uploadOnDrop", initialFiles: "initialFiles", errorMessage: "errorMessage", hideExtensions: "hideExtensions", dropFilesHereTextTranslationKey: "dropFilesHereTextTranslationKey", filePanelTemplate: "filePanelTemplate", dataCy: "dataCy" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, viewQueries: [{ propertyName: "fileDropRef", first: true, predicate: ["fileDropRef"], descendants: true }], ngImport: i0, template: "@if (files$ | async; as files) {\n  <div\n    class=\"onemrva-mat-file-upload-drop-area\"\n    appDnd\n    (fileDropped)=\"onFileDropped($event)\"\n    [ngClass]=\"{\n      filein: files.length > 0,\n    }\"\n  >\n    <input\n      type=\"file\"\n      #fileDropRef\n      [attr.id]=\"inputId\"\n      role=\"button\"\n      multiple\n      (change)=\"fileBrowseHandler($event)\"\n      accept=\"{{ acceptString$ | async }}\"\n    />\n    @if (numberOfFiles === 0 || numberOfFiles > files.length) {\n      <div class=\"download-outer\">\n        <div class=\"download-icon\">\n          <mat-icon class=\"onemrva-upload xxlarge\">download</mat-icon>\n        </div>\n\n        <div class=\"download-text\">\n          {{ dropFilesHereTextTranslationKey | translate }}\n          {{ 'file.upload.or' | translate }}\n          <label for=\"{{ inputId }}\" class=\"content\">\n            {{ 'file.upload.browse.for.file' | translate }} </label\n          ><br />\n          @if (maxFileSize > 0) {\n            <span class=\"restrictions\">\n              {{ 'file.upload.maximum' | translate }}\n              {{ maxFileSizeFormatted }}\n\n              @if (accept.length > 0) {\n                <span>{{ '| ' }}</span>\n              }\n\n              {{ acceptString$ | async }}\n            </span>\n          }\n        </div>\n      </div>\n    }\n    <ul class=\"files-list\">\n      @for (file of files; track file.id) {\n        <li>\n          <ng-container\n            *ngTemplateOutlet=\"\n              filePanelTemplate;\n              context: { file, $implicit: file }\n            \"\n          ></ng-container>\n        </li>\n      }\n    </ul>\n  </div>\n  @if (fileUploadErrorMessage$ | async; as fileUploadErrorMessage) {\n    <mat-error>\n      {{\n        fileUploadErrorMessage\n          | translate\n            : {\n                limit: numberOfFiles,\n                maxTotalFileSize: formattedSize(maxTotalFileSize),\n              }\n      }}\n      @if (errorMessage !== '') {\n        [ {{ errorMessage }} ]\n      }\n    </mat-error>\n  }\n}\n", styles: [":host .mat-mdc-form-field-error{margin-bottom:var(--spacer);padding:var(--spacer) 1em;background-color:var(--mat-sys-error-container);color:var(--mat-sys-on-error-container);border-bottom:1px solid var(--mat-sys-error);display:flex;line-height:1.125rem}:host .mat-mdc-form-field-error:before{font-family:var(--icon-font);content:\"\\e000\";float:left;font-size:1rem;font-variation-settings:\"FILL\" 1;margin-right:var(--spacer);vertical-align:baseline;flex:0 0 var(--double-spacer)}:host ul{list-style:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}:host ul li{width:100%}:host .onemrva-mat-file-upload-drop-area{padding:var(--triple-spacer);text-align:left;border:dashed 2px var(--mat-sys-outline);position:relative;border-radius:var(--border-radius);transition:background-color .3s ease-in-out,border .3s ease-in-out}:host .onemrva-mat-file-upload-drop-area mat-icon{color:var(--mat-sys-primary)}:host .onemrva-mat-file-upload-drop-area.fu-error{border:dashed 2px var(--mat-sys-error)}:host .onemrva-mat-file-upload-drop-area input[type=file]{display:none}:host .onemrva-mat-file-upload-drop-area .download-outer{display:flex;width:100%;margin:0}:host .onemrva-mat-file-upload-drop-area .download-outer .download-icon{padding-right:var(--double-spacer)}:host .onemrva-mat-file-upload-drop-area .download-outer .download-text label{display:block;color:var(--mat-sys-primary);text-decoration:underline;cursor:pointer;font-weight:700}:host .onemrva-mat-file-upload-drop-area .download-outer .download-text .restrictions{display:block;color:var(--mat-sys-outline);margin-bottom:0}:host .onemrva-mat-file-upload-drop-area.filein .download-outer{margin:0 0 var(--triple-spacer) 0}:host .onemrva-mat-file-upload-drop-area.fileover{background:var(--mat-sys-primary-container);border:2px dashed var(--mat-sys-primary)}:host .onemrva-mat-file-upload-drop-area .files-list{display:flex;flex-flow:row wrap;gap:var(--double-spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: DndDirective, selector: "[appDnd]", outputs: ["fileDropped"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
             trigger('inOutAnimation', [
                 state('in', style({ opacity: 1 })),
                 transition(':enter', [
@@ -2506,7 +2596,7 @@ class OnemrvaMatFileUploadComponent {
             ]),
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-file-upload', standalone: true, animations: [
                         trigger('inOutAnimation', [
@@ -2575,8 +2665,8 @@ const components$1 = [
 ];
 
 class OnemrvaMatFileUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadModule, imports: [OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, DndDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadModule, imports: [OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, DndDirective,
             CommonModule,
             ReactiveFormsModule,
             MatButtonModule,
@@ -2585,7 +2675,7 @@ class OnemrvaMatFileUploadModule {
             TranslateModule,
             MatIconModule,
             MatInputModule], exports: [OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, DndDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadModule, providers: [OnemrvaMatFileUploadStore, OnemrvaMatFileUploadService], imports: [components$1,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadModule, providers: [OnemrvaMatFileUploadStore, OnemrvaMatFileUploadService], imports: [components$1,
             CommonModule,
             ReactiveFormsModule,
             MatButtonModule,
@@ -2595,7 +2685,7 @@ class OnemrvaMatFileUploadModule {
             MatIconModule,
             MatInputModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatFileUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatFileUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -2620,44 +2710,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
  * Public API Surface of mat-file upload
  */
 
-class FlagIconComponent {
-    constructor() {
-        this.countryCode = 'xx';
-        this.mode = 'rectangle';
-        this.width = 26;
-        this.height = this.width;
-        this.cdn = inject(OnemRvaCDNService$1);
-        this.cdnUrl = this.cdn.getUrl();
-        if (this.mode === 'rectangle') {
-            this.height = this.width / 1.33;
-        }
-    }
-    get normalizedCountryCode() {
-        return (this.countryCode?.trim() || 'xx').toLowerCase();
-    }
-    get modeValue() {
-        if (this.mode === 'rectangle') {
-            return '4x3';
-        }
-        return '1x1';
-    }
-    get url() {
-        return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: FlagIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: FlagIconComponent, isStandalone: true, selector: "flag-icon", inputs: { countryCode: "countryCode", mode: "mode", width: "width" }, ngImport: i0, template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: FlagIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'flag-icon', standalone: true, imports: [NgOptimizedImage], template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { countryCode: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }] } });
-
 class OSMAddressFormatPipe {
     transform(result) {
         if (result.address.country_code !== 'be') {
@@ -2669,10 +2721,10 @@ class OSMAddressFormatPipe {
         }
         return `${result.address.road}, ${result.address.postcode} ${town}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OSMAddressFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OSMAddressFormatPipe, isStandalone: true, name: "addressFormatter" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OSMAddressFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OSMAddressFormatPipe, isStandalone: true, name: "addressFormatter" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OSMAddressFormatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OSMAddressFormatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'addressFormatter',
@@ -2726,10 +2778,10 @@ class OnemrvaMatInputAddressComponent {
             this.selectAddress(this.firstResult, false);
         this.autocompleteTrigger.closePanel();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatInputAddressComponent, isStandalone: true, selector: "onemrva-mat-input-address", inputs: { placeholder: "placeholder", readonly: "readonly", address: "address", mode: "mode", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", countryCodes: "countryCodes" }, outputs: { getAddress: "getAddress" }, viewQueries: [{ propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }], ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label | translate }}</mat-label>\n  <mat-icon matPrefix [ngClass]=\"{ spin: isLoading }\">\n    {{ isLoading ? 'refresh' : 'search' }}\n  </mat-icon>\n\n  @if (address.value !== '') {\n    <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n  }\n  <input\n    type=\"text\"\n    matInput\n    [formControl]=\"address\"\n    [readonly]=\"readonly\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder | translate\"\n    (keydown.enter)=\"handleEnter()\"\n  />\n\n  @if (hint) {\n    <mat-hint>{{ hint }}</mat-hint>\n  }\n\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    (optionSelected)=\"selectAddress($event.option.value)\"\n  >\n    @for (result of results$ | async; track result.place_id) {\n      <mat-option [value]=\"result\">\n        <span class=\"country\">\n          <flag-icon [countryCode]=\"result.address['country_code']\" />\n          {{ result | addressFormatter }}\n        </span>\n      </mat-option>\n    }\n    @if (showNoResult) {\n      <mat-option>\n        {{ noEntriesFoundLabel | translate }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n</mat-form-field>\n", styles: ["onemrva-mat-input-address mat-form-field{width:100%}onemrva-mat-input-address .spin{animation:spin 1s linear infinite}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FlagIconComponent$1, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: OSMAddressFormatPipe, name: "addressFormatter" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputAddressComponent, isStandalone: true, selector: "onemrva-mat-input-address", inputs: { placeholder: "placeholder", readonly: "readonly", address: "address", mode: "mode", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", countryCodes: "countryCodes" }, outputs: { getAddress: "getAddress" }, viewQueries: [{ propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }], ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label | translate }}</mat-label>\n  <mat-icon matPrefix [ngClass]=\"{ spin: isLoading }\">\n    {{ isLoading ? 'refresh' : 'search' }}\n  </mat-icon>\n\n  @if (address.value !== '') {\n    <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n  }\n  <input\n    type=\"text\"\n    matInput\n    [formControl]=\"address\"\n    [readonly]=\"readonly\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder | translate\"\n    (keydown.enter)=\"handleEnter()\"\n  />\n\n  @if (hint) {\n    <mat-hint>{{ hint }}</mat-hint>\n  }\n\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    (optionSelected)=\"selectAddress($event.option.value)\"\n  >\n    @for (result of results$ | async; track result.place_id) {\n      <mat-option [value]=\"result\">\n        <span class=\"country\">\n          <flag-icon [countryCode]=\"result.address['country_code']\" />\n          {{ result | addressFormatter }}\n        </span>\n      </mat-option>\n    }\n    @if (showNoResult) {\n      <mat-option>\n        {{ noEntriesFoundLabel | translate }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n</mat-form-field>\n", styles: ["onemrva-mat-input-address mat-form-field{width:100%}onemrva-mat-input-address .spin{animation:spin 1s linear infinite}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FlagIconComponent$1, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: OSMAddressFormatPipe, name: "addressFormatter" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputAddressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputAddressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-input-address', standalone: true, imports: [
                         CommonModule,
@@ -2807,10 +2859,10 @@ class OnemRvaAddress {
             this.postalCodeControl.setValue(postalCode);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaAddress, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemRvaAddress, isStandalone: true, selector: "onemrva-address", outputs: { update: "update" }, ngImport: i0, template: "<onemrva-mat-input-country\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n></onemrva-mat-input-country>\n\n<div class=\"line-2\">\n  <onemrva-mat-input-address\n    mode=\"road-only\"\n    [countryCodes]=\"[countryForm.value || '']\"\n    [address]=\"addressControl\"\n    (getAddress)=\"onAddressSelected($event)\"\n  >\n  </onemrva-mat-input-address>\n\n  <mat-form-field>\n    <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n    <input\n      matInput\n      [formControl]=\"numeroControl\"\n      [placeholder]=\"'input.address.number.placeholder' | translate\"\n    />\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n    <input\n      matInput\n      [formControl]=\"boiteControl\"\n      [placeholder]=\"'input.address.box.placeholder' | translate\"\n    />\n  </mat-form-field>\n</div>\n\n<div class=\"line-3\">\n  <mat-form-field>\n    <mat-label>{{ 'input.address.postal-code.label' | translate}}</mat-label>\n    <input\n      matInput\n      [formControl]=\"postalCodeControl\"\n      [placeholder]=\"'input.address.postal-code.label' | translate\"\n    />\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n    <input\n      matInput\n      [formControl]=\"cityControl\"\n      [placeholder]=\"'input.address.city.placeholder' | translate\"\n    />\n  </mat-form-field>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:400px}:host onemrva-mat-input-country{display:flex;width:100%}:host .line-2{display:flex}:host .line-2 onemrva-mat-input-address{width:248px;max-width:248px;margin-right:var(--spacer)}:host .line-2 mat-form-field:first-of-type{margin-right:var(--spacer)}:host .line-3{width:100%;display:flex}:host .line-3 mat-form-field:first-child{display:flex;width:30%;margin-right:var(--spacer)}:host .line-3 mat-form-field:last-child{display:flex;width:auto;flex-grow:1}:host .line-4{width:100%;display:flex}:host .line-4 mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: OnemrvaMatInputCountryComponent$1, selector: "onemrva-mat-input-country", inputs: ["readonly", "country", "label", "noEntriesFoundLabel", "hint", "placeholderLabel", "searchAriaLabel"], outputs: ["getCountry"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: OnemrvaMatInputAddressComponent$1, selector: "onemrva-mat-input-address", inputs: ["placeholder", "readonly", "address", "mode", "label", "noEntriesFoundLabel", "hint", "countryCodes"], outputs: ["getAddress"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaAddress, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemRvaAddress, isStandalone: true, selector: "onemrva-address", outputs: { update: "update" }, ngImport: i0, template: "<onemrva-mat-input-country\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n></onemrva-mat-input-country>\n\n<div class=\"line-2\">\n  <onemrva-mat-input-address\n    mode=\"road-only\"\n    [countryCodes]=\"[countryForm.value || '']\"\n    [address]=\"addressControl\"\n    (getAddress)=\"onAddressSelected($event)\"\n  >\n  </onemrva-mat-input-address>\n\n  <mat-form-field>\n    <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n    <input\n      matInput\n      [formControl]=\"numeroControl\"\n      [placeholder]=\"'input.address.number.placeholder' | translate\"\n    />\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n    <input\n      matInput\n      [formControl]=\"boiteControl\"\n      [placeholder]=\"'input.address.box.placeholder' | translate\"\n    />\n  </mat-form-field>\n</div>\n\n<div class=\"line-3\">\n  <mat-form-field>\n    <mat-label>{{ 'input.address.postal-code.label' | translate}}</mat-label>\n    <input\n      matInput\n      [formControl]=\"postalCodeControl\"\n      [placeholder]=\"'input.address.postal-code.label' | translate\"\n    />\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n    <input\n      matInput\n      [formControl]=\"cityControl\"\n      [placeholder]=\"'input.address.city.placeholder' | translate\"\n    />\n  </mat-form-field>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:400px}:host onemrva-mat-input-country{display:flex;width:100%}:host .line-2{display:flex}:host .line-2 onemrva-mat-input-address{width:248px;max-width:248px;margin-right:var(--spacer)}:host .line-2 mat-form-field:first-of-type{margin-right:var(--spacer)}:host .line-3{width:100%;display:flex}:host .line-3 mat-form-field:first-child{display:flex;width:30%;margin-right:var(--spacer)}:host .line-3 mat-form-field:last-child{display:flex;width:auto;flex-grow:1}:host .line-4{width:100%;display:flex}:host .line-4 mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: OnemrvaMatInputCountryComponent$1, selector: "onemrva-mat-input-country", inputs: ["readonly", "country", "label", "noEntriesFoundLabel", "hint", "placeholderLabel", "searchAriaLabel"], outputs: ["getCountry"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: OnemrvaMatInputAddressComponent$1, selector: "onemrva-mat-input-address", inputs: ["placeholder", "readonly", "address", "mode", "label", "noEntriesFoundLabel", "hint", "countryCodes"], outputs: ["getAddress"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaAddress, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaAddress, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-address', imports: [
                         CommonModule,
@@ -2916,10 +2968,10 @@ class OnemrvaMatInputBirthPlaceComponent {
                 return country;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputBirthPlaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatInputBirthPlaceComponent, isStandalone: true, selector: "onemrva-mat-input-birthplace", inputs: { readonly: "readonly", countryCode: "countryCode", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel", returnValue: "returnValue" }, outputs: { getCountry: "getCountry" }, ngImport: i0, template: "<mat-form-field class=\"onemrva-input-country-common\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    class=\"onemrva-country-select-common\"\n    [formControl]=\"countryCode\"\n    [placeholder]=\"placeholderLabel\"\n  >\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"selectedCountryCode()\"\n        [countryName]=\"selectedCountryName()\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n        [placeholderLabel]=\"placeholderLabel\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track country.code) {\n      <mat-option [value]=\"country\">\n        <mat-country-item\n          [countryCode]=\"country.singlePropertiesMap.codeSepa.toLowerCase()\"\n          [countryName]=\"getCountryName(country)\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint !== '') {\n    <mat-hint>{{ hint }}</mat-hint>\n  }\n  @if (countryCode.invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["mat-option.mdc-list-item .mdc-list-item__primary-text{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i1$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: OnemrvaCountryItemComponent$1, selector: "mat-country-item", inputs: ["countryCode", "countryName"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputBirthPlaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputBirthPlaceComponent, isStandalone: true, selector: "onemrva-mat-input-birthplace", inputs: { readonly: "readonly", countryCode: "countryCode", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel", returnValue: "returnValue" }, outputs: { getCountry: "getCountry" }, ngImport: i0, template: "<mat-form-field class=\"onemrva-input-country-common\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    class=\"onemrva-country-select-common\"\n    [formControl]=\"countryCode\"\n    [placeholder]=\"placeholderLabel\"\n  >\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"selectedCountryCode()\"\n        [countryName]=\"selectedCountryName()\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n        [placeholderLabel]=\"placeholderLabel\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track country.code) {\n      <mat-option [value]=\"country\">\n        <mat-country-item\n          [countryCode]=\"country.singlePropertiesMap.codeSepa.toLowerCase()\"\n          [countryName]=\"getCountryName(country)\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint !== '') {\n    <mat-hint>{{ hint }}</mat-hint>\n  }\n  @if (countryCode.invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["mat-option.mdc-list-item .mdc-list-item__primary-text{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: OnemrvaCountryItemComponent$1, selector: "mat-country-item", inputs: ["countryCode", "countryName"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputBirthPlaceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputBirthPlaceComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-input-birthplace', standalone: true, imports: [
                         CommonModule,
@@ -3000,10 +3052,10 @@ class OnemrvaMatInputCountryComponent {
         }
         return 'input.country.unknown.error';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputCountryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatInputCountryComponent, isStandalone: true, selector: "onemrva-mat-input-country", inputs: { readonly: "readonly", country: "country", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel" }, outputs: { getCountry: "getCountry" }, ngImport: i0, template: "<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"country.getRawValue().toLowerCase()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n        [placeholderLabel]=\"placeholderLabel\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint !== '') {\n    <mat-hint>{{ hint }}</mat-hint>\n  }\n  @if (country.invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["mat-form-field.onemrva-input-country{width:100%}:host mat-option.mdc-list-item .country{position:relative;display:block;padding-top:var(--half-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i1$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: OnemrvaCountryItemComponent$1, selector: "mat-country-item", inputs: ["countryCode", "countryName"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputCountryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputCountryComponent, isStandalone: true, selector: "onemrva-mat-input-country", inputs: { readonly: "readonly", country: "country", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel" }, outputs: { getCountry: "getCountry" }, ngImport: i0, template: "<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"country.getRawValue().toLowerCase()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n        [placeholderLabel]=\"placeholderLabel\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint !== '') {\n    <mat-hint>{{ hint }}</mat-hint>\n  }\n  @if (country.invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["mat-form-field.onemrva-input-country{width:100%}:host mat-option.mdc-list-item .country{position:relative;display:block;padding-top:var(--half-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: OnemrvaCountryItemComponent$1, selector: "mat-country-item", inputs: ["countryCode", "countryName"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputCountryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputCountryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-input-country', standalone: true, imports: [
                         CommonModule,
@@ -3159,10 +3211,10 @@ class OnemrvaMatInputEnterpriseNumberComponent {
         }
         return 'input.vies.unknown.error';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputEnterpriseNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatInputEnterpriseNumberComponent, isStandalone: true, selector: "onemrva-mat-input-enterprise-number", inputs: { readonly: "readonly", enterpriseNumber: "enterpriseNumber", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", placeholderLabel: "placeholderLabel", defaultCountry: "defaultCountry", searchAriaLabel: "searchAriaLabel", hint: "hint" }, outputs: { getCountry: "getCountry" }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: ["numberInput"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <mat-form-field class=\"onemrva-input-enterprise-number\">\n    <mat-label>{{ label }}</mat-label>\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"text\"\n      matInput\n      #numberInput\n      placeholder=\"\"\n      [formControl]=\"enterpriseNumber\"\n      class=\"onemrva-text-enterprise-number\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.getRawValue()\" />\n      </mat-select-trigger>\n\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"filterCtrl\"\n          [ariaLabel]=\"searchAriaLabel\"\n          [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n          [placeholderLabel]=\"placeholderLabel\"\n        ></mat-select-search>\n      </mat-option>\n\n      @for (country of filteredCountries$ | async; track country.code) {\n        <mat-option [value]=\"country.code\">\n          <flag-icon [countryCode]=\"country.code\" />&nbsp;&nbsp;{{\n            country.name\n          }}\n        </mat-option>\n      }\n    </mat-select>\n    @if (hint !== '') {\n      <mat-hint>{{ hint }}</mat-hint>\n    }\n    @if (number.invalid) {\n      <mat-error>{{ errors() | translate }}</mat-error>\n    }\n  </mat-form-field>\n</ng-container>\n", styles: [".onemrva-input-enterprise-number mat-select{padding:0 0 0 8px}.onemrva-input-enterprise-number mat-select .mat-mdc-select-placeholder{width:1em!important;display:block!important}.onemrva-input-enterprise-number mat-select .mat-mdc-select-placeholder:before{width:1em!important;height:1em!important;background:#eee!important;visibility:visible!important;margin:10px 0!important}.onemrva-input-enterprise-number mat-select .mat-mdc-select-value{padding-right:8px}.onemrva-input-enterprise-number .onemrva-text-enterprise-number{padding-left:12px!important;vertical-align:middle}.onemrva-input-enterprise-number .mat-mdc-form-field-text-prefix mat-select{line-height:14px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: FlagIconComponent$1, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputEnterpriseNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputEnterpriseNumberComponent, isStandalone: true, selector: "onemrva-mat-input-enterprise-number", inputs: { readonly: "readonly", enterpriseNumber: "enterpriseNumber", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", placeholderLabel: "placeholderLabel", defaultCountry: "defaultCountry", searchAriaLabel: "searchAriaLabel", hint: "hint" }, outputs: { getCountry: "getCountry" }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: ["numberInput"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <mat-form-field class=\"onemrva-input-enterprise-number\">\n    <mat-label>{{ label }}</mat-label>\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"text\"\n      matInput\n      #numberInput\n      placeholder=\"\"\n      [formControl]=\"enterpriseNumber\"\n      class=\"onemrva-text-enterprise-number\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.getRawValue()\" />\n      </mat-select-trigger>\n\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"filterCtrl\"\n          [ariaLabel]=\"searchAriaLabel\"\n          [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n          [placeholderLabel]=\"placeholderLabel\"\n        ></mat-select-search>\n      </mat-option>\n\n      @for (country of filteredCountries$ | async; track country.code) {\n        <mat-option [value]=\"country.code\">\n          <flag-icon [countryCode]=\"country.code\" />&nbsp;&nbsp;{{\n            country.name\n          }}\n        </mat-option>\n      }\n    </mat-select>\n    @if (hint !== '') {\n      <mat-hint>{{ hint }}</mat-hint>\n    }\n    @if (number.invalid) {\n      <mat-error>{{ errors() | translate }}</mat-error>\n    }\n  </mat-form-field>\n</ng-container>\n", styles: [".onemrva-input-enterprise-number mat-select{padding:0 0 0 8px}.onemrva-input-enterprise-number mat-select .mat-mdc-select-placeholder{width:1em!important;display:block!important}.onemrva-input-enterprise-number mat-select .mat-mdc-select-placeholder:before{width:1em!important;height:1em!important;background:#eee!important;visibility:visible!important;margin:10px 0!important}.onemrva-input-enterprise-number mat-select .mat-mdc-select-value{padding-right:8px}.onemrva-input-enterprise-number .onemrva-text-enterprise-number{padding-left:12px!important;vertical-align:middle}.onemrva-input-enterprise-number .mat-mdc-form-field-text-prefix mat-select{line-height:14px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: FlagIconComponent$1, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputEnterpriseNumberComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputEnterpriseNumberComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-input-enterprise-number', standalone: true, imports: [
                         CommonModule,
@@ -3425,12 +3477,12 @@ class OnemrvaMatInputIbanComponent {
             this.parts.clearValidators();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputIbanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatInputIbanComponent, isStandalone: true, selector: "onemrva-mat-input-iban", inputs: { noEntriesFoundLabel: "noEntriesFoundLabel", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel", label: "label", prioritizedCountries: "prioritizedCountries", onlySEPA: "onlySEPA", value: "value", readonly: "readonly", disabled: "disabled", placeholder: "placeholder", required: "required" }, outputs: { getCountry: "getCountry" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputIbanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputIbanComponent, isStandalone: true, selector: "onemrva-mat-input-iban", inputs: { noEntriesFoundLabel: "noEntriesFoundLabel", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel", label: "label", prioritizedCountries: "prioritizedCountries", onlySEPA: "onlySEPA", value: "value", readonly: "readonly", disabled: "disabled", placeholder: "placeholder", required: "required" }, outputs: { getCountry: "getCountry" }, providers: [
             { provide: MatFormFieldControl, useExisting: OnemrvaMatInputIbanComponent },
-        ], viewQueries: [{ propertyName: "countryCode", first: true, predicate: ["countryCode"], descendants: true }, { propertyName: "bban", first: true, predicate: ["bban"], descendants: true }], ngImport: i0, template: "<ng-container [formGroup]=\"parts\">\n  <!--  <mat-form-field class=\"onemrva-input-iban\">-->\n  <!--    <mat-label>{{ label }}</mat-label>-->\n  <div class=\"iban-fields\">\n    <div class=\"iban-prefix\">\n      <mat-select\n        class=\"onemrva-iban-select\"\n        formControlName=\"countryCode\"\n        [attr.aria-label]=\"'Country' | translate\"\n        (selectionChange)=\"_handleInput(parts.controls.countryCode)\"\n        #countryCode\n      >\n        <mat-option>\n          <mat-select-search\n            [formControl]=\"filterCtrl\"\n            [ariaLabel]=\"searchAriaLabel\"\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n            [placeholderLabel]=\"placeholderLabel\"\n          ></mat-select-search>\n        </mat-option>\n\n        @for (country of filteredCountries$ | async; track $index) {\n          <ng-container>\n            <mat-option [value]=\"country\">\n              <span>{{ country }}</span>\n            </mat-option>\n            @if (isLastPrioritized($index)) {\n              <mat-divider></mat-divider>\n            }\n          </ng-container>\n        }\n      </mat-select>\n    </div>\n    <input\n      [attr.aria-label]=\"label\"\n      (click)=\"handleClick($event)\"\n      matInput\n      [placeholder]=\"placeholderIban\"\n      formControlName=\"bban\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n      (input)=\"_handleInput(parts.controls.bban)\"\n      (keyup)=\"onKeyup($event)\"\n      #bban\n    />\n  </div>\n</ng-container>\n", styles: ["onemrva-mat-input-iban{width:100%}onemrva-mat-input-iban .iban-fields{display:flex}onemrva-mat-input-iban .iban-fields .iban-prefix{width:40px;margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "countryCode", first: true, predicate: ["countryCode"], descendants: true }, { propertyName: "bban", first: true, predicate: ["bban"], descendants: true }], ngImport: i0, template: "<ng-container [formGroup]=\"parts\">\n  <!--  <mat-form-field class=\"onemrva-input-iban\">-->\n  <!--    <mat-label>{{ label }}</mat-label>-->\n  <div class=\"iban-fields\">\n    <div class=\"iban-prefix\">\n      <mat-select\n        class=\"onemrva-iban-select\"\n        formControlName=\"countryCode\"\n        [attr.aria-label]=\"'Country' | translate\"\n        (selectionChange)=\"_handleInput(parts.controls.countryCode)\"\n        #countryCode\n      >\n        <mat-option>\n          <mat-select-search\n            [formControl]=\"filterCtrl\"\n            [ariaLabel]=\"searchAriaLabel\"\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n            [placeholderLabel]=\"placeholderLabel\"\n          ></mat-select-search>\n        </mat-option>\n\n        @for (country of filteredCountries$ | async; track $index) {\n          <ng-container>\n            <mat-option [value]=\"country\">\n              <span>{{ country }}</span>\n            </mat-option>\n            @if (isLastPrioritized($index)) {\n              <mat-divider></mat-divider>\n            }\n          </ng-container>\n        }\n      </mat-select>\n    </div>\n    <input\n      [attr.aria-label]=\"label\"\n      (click)=\"handleClick($event)\"\n      matInput\n      [placeholder]=\"placeholderIban\"\n      formControlName=\"bban\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n      (input)=\"_handleInput(parts.controls.bban)\"\n      (keyup)=\"onKeyup($event)\"\n      #bban\n    />\n  </div>\n</ng-container>\n", styles: ["onemrva-mat-input-iban{width:100%}onemrva-mat-input-iban .iban-fields{display:flex}onemrva-mat-input-iban .iban-fields .iban-prefix{width:40px;margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputIbanComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputIbanComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-input-iban', standalone: true, imports: [
                         CommonModule,
@@ -3515,10 +3567,10 @@ class PhoneNumberDirective {
             return;
         e.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PhoneNumberDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: PhoneNumberDirective, isStandalone: true, selector: "[phoneNumber]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PhoneNumberDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: PhoneNumberDirective, isStandalone: true, selector: "[phoneNumber]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PhoneNumberDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PhoneNumberDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[phoneNumber]',
@@ -3699,10 +3751,10 @@ class OnemrvaMatInputPhoneComponent {
             return { phoneNumber: { value: 'input.phone.invalid' } };
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputPhoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatInputPhoneComponent, isStandalone: true, selector: "onemrva-mat-input-phone", inputs: { readonly: "readonly", phoneNumber: "phoneNumber", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", placeholder: "placeholder", placeholderLabel: "placeholderLabel", defaultPrefix: "defaultPrefix", searchAriaLabel: "searchAriaLabel", hint: "hint" }, outputs: { getCountry: "getCountry" }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: ["numberInput"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <mat-form-field class=\"onemrva-input-phone-number\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      phoneNumber\n      #numberInput\n      [placeholder]=\"placeholder\"\n      [formControl]=\"phoneNumber\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.getRawValue()\" />\n      </mat-select-trigger>\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"filterCtrl\"\n          [ariaLabel]=\"searchAriaLabel\"\n          [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n          [placeholderLabel]=\"placeholderLabel\"\n        ></mat-select-search>\n      </mat-option>\n      @for (country of filteredCountries$ | async; track country.code) {\n        <mat-option [value]=\"country.code\">\n          <flag-icon [countryCode]=\"country.code\" />\n          &nbsp;&nbsp;&nbsp;\n          {{ country.name }}\n          &nbsp;&nbsp;&nbsp;\n          <span class=\"dialcode\">\n            {{ country.dial_code }}\n          </span>\n        </mat-option>\n      }\n    </mat-select>\n    @if (hint !== '') {\n      <mat-hint>{{ hint }}</mat-hint>\n    }\n    @if (number.invalid) {\n      <mat-error>{{ errors() | translate }}</mat-error>\n    }\n  </mat-form-field>\n</ng-container>\n", styles: [".onemrva-input-phone-number mat-select .mat-mdc-select-placeholder{width:1em!important;display:block!important}.onemrva-input-phone-number mat-select .mat-mdc-select-placeholder:before{width:1em!important;height:1em!important;background:#eee!important;visibility:visible!important;margin:10px 0!important}.onemrva-input-phone-number mat-select .mat-mdc-select-value{padding-right:8px}.onemrva-input-phone-number .onemrva-text-number{padding-left:12px!important;vertical-align:middle}.onemrva-input-phone-number .mat-mdc-form-field-text-prefix mat-select{line-height:14px!important}.onemrva-input-phone-number span.dialcode{color:#acaab2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: PhoneNumberDirective, selector: "[phoneNumber]" }, { kind: "component", type: FlagIconComponent$1, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputPhoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputPhoneComponent, isStandalone: true, selector: "onemrva-mat-input-phone", inputs: { readonly: "readonly", phoneNumber: "phoneNumber", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", placeholder: "placeholder", placeholderLabel: "placeholderLabel", defaultPrefix: "defaultPrefix", searchAriaLabel: "searchAriaLabel", hint: "hint" }, outputs: { getCountry: "getCountry" }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: ["numberInput"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <mat-form-field class=\"onemrva-input-phone-number\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      phoneNumber\n      #numberInput\n      [placeholder]=\"placeholder\"\n      [formControl]=\"phoneNumber\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.getRawValue()\" />\n      </mat-select-trigger>\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"filterCtrl\"\n          [ariaLabel]=\"searchAriaLabel\"\n          [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n          [placeholderLabel]=\"placeholderLabel\"\n        ></mat-select-search>\n      </mat-option>\n      @for (country of filteredCountries$ | async; track country.code) {\n        <mat-option [value]=\"country.code\">\n          <flag-icon [countryCode]=\"country.code\" />\n          &nbsp;&nbsp;&nbsp;\n          {{ country.name }}\n          &nbsp;&nbsp;&nbsp;\n          <span class=\"dialcode\">\n            {{ country.dial_code }}\n          </span>\n        </mat-option>\n      }\n    </mat-select>\n    @if (hint !== '') {\n      <mat-hint>{{ hint }}</mat-hint>\n    }\n    @if (number.invalid) {\n      <mat-error>{{ errors() | translate }}</mat-error>\n    }\n  </mat-form-field>\n</ng-container>\n", styles: [".onemrva-input-phone-number mat-select .mat-mdc-select-placeholder{width:1em!important;display:block!important}.onemrva-input-phone-number mat-select .mat-mdc-select-placeholder:before{width:1em!important;height:1em!important;background:#eee!important;visibility:visible!important;margin:10px 0!important}.onemrva-input-phone-number mat-select .mat-mdc-select-value{padding-right:8px}.onemrva-input-phone-number .onemrva-text-number{padding-left:12px!important;vertical-align:middle}.onemrva-input-phone-number .mat-mdc-form-field-text-prefix mat-select{line-height:14px!important}.onemrva-input-phone-number span.dialcode{color:#acaab2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule$1 }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: PhoneNumberDirective, selector: "[phoneNumber]" }, { kind: "component", type: FlagIconComponent$1, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatInputPhoneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputPhoneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-input-phone', standalone: true, imports: [
                         CommonModule,
@@ -3878,10 +3930,10 @@ class OnemrvaMatMessageBoxComponent {
             this.mbcontent.nativeElement.insertAdjacentHTML('beforeend', this.messageCode);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatMessageBoxComponent, isStandalone: true, selector: "onemrva-mat-message-box", inputs: { label: "label", messageCode: "messageCode", id: "id", dataCy: "dataCy", color: "color" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class.show-icon": "this.showIcon", "attr.role": "this.role", "class.onemrva-mat-message-box": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-primary": "this._isPrimary", "class.mat-neutral": "this.isGrayscale", "class.mat-info": "this._isInfo" } }, viewQueries: [{ propertyName: "mbcontent", first: true, predicate: ["mbcontent"], descendants: true }], ngImport: i0, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;padding:var(--spacer) var(--spacer) var(--spacer) var(--half-spacer);border-radius:var(--half-spacer);gap:var(--spacer);font:var(--mat-sys-body-small);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host onemrva-mat-sticker{line-height:calc(var(--spacer) * 2.25);margin-right:var(--double-spacer)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatMessageBoxComponent, isStandalone: true, selector: "onemrva-mat-message-box", inputs: { label: "label", messageCode: "messageCode", id: "id", dataCy: "dataCy", color: "color" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class.show-icon": "this.showIcon", "attr.role": "this.role", "class.onemrva-mat-message-box": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-primary": "this._isPrimary", "class.mat-neutral": "this.isGrayscale", "class.mat-info": "this._isInfo" } }, viewQueries: [{ propertyName: "mbcontent", first: true, predicate: ["mbcontent"], descendants: true }], ngImport: i0, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;padding:var(--spacer) var(--spacer) var(--spacer) var(--half-spacer);border-radius:var(--half-spacer);gap:var(--spacer);font:var(--mat-sys-body-small);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host onemrva-mat-sticker{line-height:calc(var(--spacer) * 2.25);margin-right:var(--double-spacer)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMessageBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-message-box', standalone: true, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;padding:var(--spacer) var(--spacer) var(--spacer) var(--half-spacer);border-radius:var(--half-spacer);gap:var(--spacer);font:var(--mat-sys-body-small);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host onemrva-mat-sticker{line-height:calc(var(--spacer) * 2.25);margin-right:var(--double-spacer)}\n"] }]
         }], propDecorators: { label: [{
@@ -3936,11 +3988,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatMessageBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMessageBoxModule, imports: [OnemrvaMatMessageBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMessageBoxModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxModule, imports: [OnemrvaMatMessageBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMessageBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -4076,8 +4128,8 @@ class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
             this.searchFilter.updateValueAndValidity({ emitEvent: true });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatMultiSelectComponent, isStandalone: true, selector: "onemrva-mat-multi-select", inputs: { multiple: "multiple", formControl: "formControl", role: ["attr.role", "role"], label: ["attr.aria-label", "label"], invalid: ["attr.aria-invalid", "invalid"], showFilter: "showFilter", selectionToggle: "selectionToggle", dataCy: ["attr.data-cy", "dataCy"] }, host: { properties: { "style.opacity": "this.opacity" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatMultiSelectComponent, isStandalone: true, selector: "onemrva-mat-multi-select", inputs: { multiple: "multiple", formControl: "formControl", role: ["attr.role", "role"], label: ["attr.aria-label", "label"], invalid: ["attr.aria-invalid", "invalid"], showFilter: "showFilter", selectionToggle: "selectionToggle", dataCy: ["attr.data-cy", "dataCy"] }, host: { properties: { "style.opacity": "this.opacity" } }, providers: [
             {
                 provide: MatFormFieldControl,
                 useExisting: OnemrvaMatMultiSelectComponent,
@@ -4088,9 +4140,9 @@ class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
                 useExisting: forwardRef(() => OnemrvaMatMultiSelectComponent),
                 multi: true,
             },
-        ], queries: [{ propertyName: "matOptions", predicate: MatOption }], usesInheritance: true, ngImport: i0, template: "<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  [placeholder]=\"'select.select.placeholder' | translate\"\n>\n  @if (multiple && selectionToggle) {\n    <div class=\"selection-choice text-right\">\n      <a\n        tabindex=\"1\"\n        [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n        (click)=\"selectAll()\"\n        >{{ 'select.select.all' | translate }}</a\n      ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n      <a\n        tabindex=\"2\"\n        [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n        (click)=\"deselectAll($event)\"\n        >{{ 'select.deselect.all' | translate }}</a\n      >\n    </div>\n  }\n  <div class=\"option-list\">\n    <!-- @if (showFilter) {\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"searchFilter\"\n          ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n          noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n          placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n        ></mat-select-search>\n      </mat-option>\n    } -->\n    @for (matOption of matOptions$ | async; track matOption.value) {\n      <ng-container>\n        <mat-option\n          [disabled]=\"matOption.disabled\"\n          [value]=\"matOption.value\"\n          [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n        >\n          {{ matOption._text?.nativeElement?.textContent }}\n        </mat-option>\n      </ng-container>\n    }\n  </div>\n</mat-select>\n@if (multiple && counter > 0) {\n  <div class=\"mat-select-counter float-right position-absolute text-center\">\n    <span class=\"text\">{{ counter }}</span\n    ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n  </div>\n}\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+        ], queries: [{ propertyName: "matOptions", predicate: MatOption }], usesInheritance: true, ngImport: i0, template: "<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  [placeholder]=\"'select.select.placeholder' | translate\"\n>\n  @if (multiple && selectionToggle) {\n    <div class=\"selection-choice text-right\">\n      <a\n        tabindex=\"1\"\n        [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n        (click)=\"selectAll()\"\n        >{{ 'select.select.all' | translate }}</a\n      ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n      <a\n        tabindex=\"2\"\n        [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n        (click)=\"deselectAll($event)\"\n        >{{ 'select.deselect.all' | translate }}</a\n      >\n    </div>\n  }\n  <div class=\"option-list\">\n    <!-- @if (showFilter) {\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"searchFilter\"\n          ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n          noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n          placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n        ></mat-select-search>\n      </mat-option>\n    } -->\n    @for (matOption of matOptions$ | async; track matOption.value) {\n      <ng-container>\n        <mat-option\n          [disabled]=\"matOption.disabled\"\n          [value]=\"matOption.value\"\n          [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n        >\n          {{ matOption._text?.nativeElement?.textContent }}\n        </mat-option>\n      </ng-container>\n    }\n  </div>\n</mat-select>\n@if (multiple && counter > 0) {\n  <div class=\"mat-select-counter float-right position-absolute text-center\">\n    <span class=\"text\">{{ counter }}</span\n    ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n  </div>\n}\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMultiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-multi-select', providers: [
                         {
@@ -4140,11 +4192,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatMultiSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [OnemrvaMatMultiSelectComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [OnemrvaMatMultiSelectComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [OnemrvaMatMultiSelectComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [OnemrvaMatMultiSelectComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatMultiSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMultiSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -4207,10 +4259,10 @@ class OnemrvaMatNotificationComponent {
         this._isOpen = false;
         this.notificationClose.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy" }, outputs: { notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "this._closed", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "attr.aria-live": "this.ariaLive", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message !== '') {\n      {{ message | translate }}\n    }\n    <ng-content></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy" }, outputs: { notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "this._closed", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "attr.aria-live": "this.ariaLive", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message !== '') {\n      {{ message | translate }}\n    }\n    <ng-content></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-notification', standalone: true, imports: [CommonModule, TranslateModule, MatIconModule], template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message !== '') {\n      {{ message | translate }}\n    }\n    <ng-content></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { message: [{
@@ -4240,6 +4292,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 args: ['attr.role']
             }] } });
 
+class OnemrvaMatNavigationItemComponent {
+    constructor() {
+        this.label = '';
+        this.level = 0;
+        this.translate = true;
+        this.isExpanded = false;
+        this.cd = inject(ChangeDetectorRef);
+    }
+    get isHighlighted() {
+        return this.highlighted;
+    }
+    get isHighlighted2() {
+        return !this.highlighted && this.isExpanded;
+    }
+    get indentArray() {
+        return Array(this.level).fill(0);
+    }
+    ngAfterViewInit() {
+        this.matExpansionPanel?.afterCollapse.subscribe(() => {
+            this.highlighted = false;
+            this.isExpanded = false;
+            this.cd.markForCheck();
+        });
+        this.matExpansionPanel?.afterExpand.subscribe(() => {
+            this.isExpanded = true;
+            this.cd.markForCheck();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatNavigationItemComponent, isStandalone: true, selector: "onemrva-mat-navigation-item", inputs: { routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy", baseRouteForActiveMenu: "baseRouteForActiveMenu", label: "label", icon: "icon", level: "level", highlighted: "highlighted", opened: "opened", children: "children", customNgClass: "customNgClass", translate: "translate" }, host: { properties: { "class.highlighted": "this.isHighlighted", "class.highlighted2": "this.isHighlighted2" } }, viewQueries: [{ propertyName: "matExpansionPanel", first: true, predicate: MatExpansionPanel, descendants: true }], ngImport: i0, template: "@if (routerLink) {\n  <button\n    [routerLink]=\"routerLink\"\n    [attr.data-cy]=\"dataCy\"\n    [routerLinkActiveOptions]=\"{ exact: true }\"\n    routerLinkActive=\"active\"\n    class=\"mobile-menu-item\"\n  >\n    @for (indent of indentArray; track $index) {\n      <span class=\"indent-spacer\"></span>\n    }\n    @if (icon) {\n      <mat-icon>{{ icon }}</mat-icon>\n    }\n    @if (translate && label.trim() !== '') {\n      <span>{{ label | translate }}</span>\n    } @else {\n      <span>{{ label }}</span>\n    }\n  </button>\n} @else {\n  <button\n    [ngClass]=\"{ 'mobile-menu-item': true, highlighted: highlighted === true }\"\n    [attr.data-cy]=\"dataCy\"\n    (click)=\"subMenu.toggle()\"\n  >\n    @for (indent of indentArray; track $index) {\n      <span class=\"indent-spacer\"></span>\n    }\n\n    @if (icon) {\n      <mat-icon>{{ icon }}</mat-icon>\n    }\n\n    @if (translate && label.trim() !== '') {\n      <span>{{ label | translate }}</span>\n    } @else {\n      <span>{{ label }}</span>\n    }\n\n    <mat-icon [ngClass]=\"{ end: true, opened: subMenu.expanded }\"\n      >arrow_drop_down</mat-icon\n    >\n  </button>\n  <mat-expansion-panel #subMenu [expanded]=\"opened\">\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n}\n", styles: [":host.highlighted2{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary-container)}:host.highlighted2 .mobile-menu-item{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary-container)}:host.highlighted{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary)}:host.highlighted .mobile-menu-item{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary)}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--double-spacer) var(--quad-spacer);border:none;box-shadow:none;align-items:center;text-align:left;cursor:pointer;font:var(--mat-sys-body-medium);text-decoration:none;color:var(--mat-sys-on-surface);border-left:.5rem solid transparent}:host .mobile-menu-item.active{border-left:.5rem solid var(--mat-sys-tertiary);font-weight:600;background:var(--mat-sys-surface-container-low)}:host .mobile-menu-item.active mat-icon{font-variation-settings:\"FILL\" 1,\"wght\" 600,\"GRAD\" 0,\"opsz\" 24}:host .mobile-menu-item:hover,:host .mobile-menu-item:focus{background:var(--mat-sys-surface-container-low)}:host .mobile-menu-item mat-icon{margin-left:-4px;margin-right:var(--spacer);transition:transform .3s ease}:host .mobile-menu-item mat-icon.opened{transform:rotate(180deg)}:host .mobile-menu-item mat-icon.end{margin-left:auto}:host .mobile-menu-item .indent-spacer{width:var(--double-spacer);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-navigation-item', imports: [
+                        MatIcon,
+                        RouterLinkActive,
+                        RouterLink,
+                        MatExpansionPanel,
+                        NgClass,
+                        TranslatePipe,
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (routerLink) {\n  <button\n    [routerLink]=\"routerLink\"\n    [attr.data-cy]=\"dataCy\"\n    [routerLinkActiveOptions]=\"{ exact: true }\"\n    routerLinkActive=\"active\"\n    class=\"mobile-menu-item\"\n  >\n    @for (indent of indentArray; track $index) {\n      <span class=\"indent-spacer\"></span>\n    }\n    @if (icon) {\n      <mat-icon>{{ icon }}</mat-icon>\n    }\n    @if (translate && label.trim() !== '') {\n      <span>{{ label | translate }}</span>\n    } @else {\n      <span>{{ label }}</span>\n    }\n  </button>\n} @else {\n  <button\n    [ngClass]=\"{ 'mobile-menu-item': true, highlighted: highlighted === true }\"\n    [attr.data-cy]=\"dataCy\"\n    (click)=\"subMenu.toggle()\"\n  >\n    @for (indent of indentArray; track $index) {\n      <span class=\"indent-spacer\"></span>\n    }\n\n    @if (icon) {\n      <mat-icon>{{ icon }}</mat-icon>\n    }\n\n    @if (translate && label.trim() !== '') {\n      <span>{{ label | translate }}</span>\n    } @else {\n      <span>{{ label }}</span>\n    }\n\n    <mat-icon [ngClass]=\"{ end: true, opened: subMenu.expanded }\"\n      >arrow_drop_down</mat-icon\n    >\n  </button>\n  <mat-expansion-panel #subMenu [expanded]=\"opened\">\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n}\n", styles: [":host.highlighted2{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary-container)}:host.highlighted2 .mobile-menu-item{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary-container)}:host.highlighted{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary)}:host.highlighted .mobile-menu-item{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary)}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--double-spacer) var(--quad-spacer);border:none;box-shadow:none;align-items:center;text-align:left;cursor:pointer;font:var(--mat-sys-body-medium);text-decoration:none;color:var(--mat-sys-on-surface);border-left:.5rem solid transparent}:host .mobile-menu-item.active{border-left:.5rem solid var(--mat-sys-tertiary);font-weight:600;background:var(--mat-sys-surface-container-low)}:host .mobile-menu-item.active mat-icon{font-variation-settings:\"FILL\" 1,\"wght\" 600,\"GRAD\" 0,\"opsz\" 24}:host .mobile-menu-item:hover,:host .mobile-menu-item:focus{background:var(--mat-sys-surface-container-low)}:host .mobile-menu-item mat-icon{margin-left:-4px;margin-right:var(--spacer);transition:transform .3s ease}:host .mobile-menu-item mat-icon.opened{transform:rotate(180deg)}:host .mobile-menu-item mat-icon.end{margin-left:auto}:host .mobile-menu-item .indent-spacer{width:var(--double-spacer);flex-shrink:0}\n"] }]
+        }], propDecorators: { routerLink: [{
+                type: Input
+            }], routerLinkActiveOptions: [{
+                type: Input
+            }], dataCy: [{
+                type: Input
+            }], baseRouteForActiveMenu: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }], highlighted: [{
+                type: Input
+            }], opened: [{
+                type: Input
+            }], children: [{
+                type: Input
+            }], customNgClass: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], matExpansionPanel: [{
+                type: ViewChild,
+                args: [MatExpansionPanel]
+            }], isHighlighted: [{
+                type: HostBinding,
+                args: ['class.highlighted']
+            }], isHighlighted2: [{
+                type: HostBinding,
+                args: ['class.highlighted2']
+            }] } });
+
+class OnemrvaMatNavigationTreeComponent {
+    constructor() {
+        this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.level = input(0, ...(ngDevMode ? [{ debugName: "level" }] : []));
+        this.translate = input(true, ...(ngDevMode ? [{ debugName: "translate" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNavigationTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatNavigationTreeComponent, isStandalone: true, selector: "onemrva-mat-navigation-tree", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, translate: { classPropertyName: "translate", publicName: "translate", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@for (item of items(); track item) {\n  <onemrva-mat-navigation-item\n    [label]=\"item.label\"\n    [icon]=\"item.icon\"\n    [routerLink]=\"item.routerLink\"\n    [level]=\"level()\"\n    [dataCy]=\"item.dataCy\"\n    [highlighted]=\"item.highlighted\"\n    [children]=\"item.children\"\n    [opened]=\"item.opened\"\n    [translate]=\"translate()\"\n  >\n    @if (item.children?.length) {\n      <onemrva-mat-navigation-tree\n        [items]=\"item.children ?? []\"\n        [level]=\"level() + 1\"\n      ></onemrva-mat-navigation-tree>\n    }\n  </onemrva-mat-navigation-item>\n}\n", styles: [""], dependencies: [{ kind: "component", type: OnemrvaMatNavigationTreeComponent, selector: "onemrva-mat-navigation-tree", inputs: ["items", "level", "translate"] }, { kind: "component", type: OnemrvaMatNavigationItemComponent, selector: "onemrva-mat-navigation-item", inputs: ["routerLink", "routerLinkActiveOptions", "dataCy", "baseRouteForActiveMenu", "label", "icon", "level", "highlighted", "opened", "children", "customNgClass", "translate"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNavigationTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-navigation-tree', imports: [OnemrvaMatNavigationItemComponent], encapsulation: ViewEncapsulation.None, standalone: true, template: "@for (item of items(); track item) {\n  <onemrva-mat-navigation-item\n    [label]=\"item.label\"\n    [icon]=\"item.icon\"\n    [routerLink]=\"item.routerLink\"\n    [level]=\"level()\"\n    [dataCy]=\"item.dataCy\"\n    [highlighted]=\"item.highlighted\"\n    [children]=\"item.children\"\n    [opened]=\"item.opened\"\n    [translate]=\"translate()\"\n  >\n    @if (item.children?.length) {\n      <onemrva-mat-navigation-tree\n        [items]=\"item.children ?? []\"\n        [level]=\"level() + 1\"\n      ></onemrva-mat-navigation-tree>\n    }\n  </onemrva-mat-navigation-item>\n}\n" }]
+        }] });
+
+class OnemrvaMatNavigationComponent {
+    constructor() {
+        this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.level = input(0, ...(ngDevMode ? [{ debugName: "level" }] : []));
+        this.translate = input(true, ...(ngDevMode ? [{ debugName: "translate" }] : []));
+        this.router = inject(Router);
+        this.router.events
+            .pipe(filter(event => event instanceof NavigationEnd))
+            .subscribe((event) => {
+            this.updateNavigationState(this.items(), event.urlAfterRedirects);
+        });
+    }
+    updateNavigationState(items, url) {
+        // First, reset all states
+        this.resetNavigationStates(items);
+        // Find the active item and build the path to it
+        const activePath = this.findActiveItemPath(items, url, []);
+        if (activePath.length > 0) {
+            // Set the highest parent (first item in path - level 0) as highlighted
+            if (activePath.length > 0) {
+                activePath[0].highlighted = true;
+            }
+            // Set opened to true for all parents to expand the path to the active item
+            for (let i = 0; i < activePath.length - 1; i++) {
+                activePath[i].opened = true;
+            }
+        }
+    }
+    resetNavigationStates(items) {
+        for (const item of items) {
+            item.highlighted = false;
+            item.opened = false;
+            if (item.children) {
+                this.resetNavigationStates(item.children);
+            }
+        }
+    }
+    findActiveItemPath(items, url, currentPath) {
+        for (const item of items) {
+            const newPath = [...currentPath, item];
+            if (item.routerLink && item.routerLink === url) {
+                return newPath;
+            }
+            if (item.children) {
+                const childPath = this.findActiveItemPath(item.children, url, newPath);
+                if (childPath.length > 0) {
+                    return childPath;
+                }
+            }
+        }
+        return [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: OnemrvaMatNavigationComponent, isStandalone: true, selector: "onemrva-mat-navigation", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, translate: { classPropertyName: "translate", publicName: "translate", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<onemrva-mat-navigation-tree\n  [items]=\"items()\"\n  [level]=\"level() + 1\"\n></onemrva-mat-navigation-tree>\n", styles: ["onemrva-mat-navigation{min-width:250px}onemrva-mat-navigation .mat-expansion-panel-body{padding:0}onemrva-mat-navigation .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--double-spacer);border:none;box-shadow:none;align-items:center;text-align:left;font:var(--mat-sys-body-medium)}onemrva-mat-navigation .mobile-menu-item:active,onemrva-mat-navigation .mobile-menu-item.active{border-left:4px solid var(--mat-sys-tertiary)}onemrva-mat-navigation .mobile-menu-item:hover,onemrva-mat-navigation .mobile-menu-item:focus{background:var(--mat-sys-surface-container-low)}onemrva-mat-navigation .mobile-menu-item mat-icon{margin-left:var(--half-spacer)}onemrva-mat-navigation .mobile-menu-item mat-icon:first-child{margin-right:var(--spacer)}onemrva-mat-navigation .mobile-menu-item mat-icon.end{margin-left:auto}\n"], dependencies: [{ kind: "component", type: OnemrvaMatNavigationTreeComponent, selector: "onemrva-mat-navigation-tree", inputs: ["items", "level", "translate"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-navigation', imports: [OnemrvaMatNavigationTreeComponent], encapsulation: ViewEncapsulation.None, standalone: true, template: "<onemrva-mat-navigation-tree\n  [items]=\"items()\"\n  [level]=\"level() + 1\"\n></onemrva-mat-navigation-tree>\n", styles: ["onemrva-mat-navigation{min-width:250px}onemrva-mat-navigation .mat-expansion-panel-body{padding:0}onemrva-mat-navigation .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--double-spacer);border:none;box-shadow:none;align-items:center;text-align:left;font:var(--mat-sys-body-medium)}onemrva-mat-navigation .mobile-menu-item:active,onemrva-mat-navigation .mobile-menu-item.active{border-left:4px solid var(--mat-sys-tertiary)}onemrva-mat-navigation .mobile-menu-item:hover,onemrva-mat-navigation .mobile-menu-item:focus{background:var(--mat-sys-surface-container-low)}onemrva-mat-navigation .mobile-menu-item mat-icon{margin-left:var(--half-spacer)}onemrva-mat-navigation .mobile-menu-item mat-icon:first-child{margin-right:var(--spacer)}onemrva-mat-navigation .mobile-menu-item mat-icon.end{margin-left:auto}\n"] }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of mat-sticker
+ */
+
 class OnemrvaMatPaginatorComponent {
     constructor() {
         this.type = 'default';
@@ -4437,10 +4643,10 @@ class OnemrvaMatPaginatorComponent {
     ngOnDestroy() {
         this._initializedStream.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatPaginatorComponent, isStandalone: true, selector: "onemrva-mat-paginator", inputs: { type: "type", pageSizeSelector: "pageSizeSelector", pageSizeOptions: "pageSizeOptions", pageSizeDefaultOption: "pageSizeDefaultOption", recordKey: "recordKey", pageIndex: "pageIndex", length: "length", pageSize: "pageSize", previousKey: "previousKey", nextKey: "nextKey" }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n  @if (pageSizeSelector) {\n    <div class=\"paginator-size-selector-container\">\n      @if (pageSizeOptions.length > 1) {\n        <mat-form-field\n          appearance=\"outline\"\n          class=\"paginator-size-selector\"\n          data-cy=\"onemrva-mat-paginator-page-size-selector\"\n        >\n          <mat-select [value]=\"pageSize\">\n            @for (size of pageSizeOptions; track size) {\n              <mat-option\n                [value]=\"size\"\n                (click)=\"pageSize = size\"\n                [attr.data-cy]=\"\n                  'onemrva-mat-paginator-page-size-option-' + size\n                \"\n                >{{ size }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      }\n      <div>\n        @if (pageSizeOptions.length > 1) {\n          <span style=\"display: inline-block\">{{\n            'paginator.' + recordKey | translate\n          }}</span>\n          <mat-divider vertical></mat-divider>\n        }\n        {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n        <span>{{ 'paginator.outOf' | translate }}</span>\n        {{ length }}\n      </div>\n    </div>\n  }\n\n  @if (pages.length > 1) {\n    <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n        data-cy=\"onemrva-mat-paginator-btn-previous\"\n        [disabled]=\"pageIndex === 0\"\n        (click)=\"pageIndex = pageIndex - 1\"\n      >\n        {{ 'paginator.' + previousKey | translate }}\n      </button>\n\n      @if (pages[0] > 0 && type === 'complex') {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n          data-cy=\"onemrva-mat-paginator-first\"\n          (click)=\"pageIndex = 0\"\n        >\n          1\n        </button>\n      }\n      @if (pages[0] > 0) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n          (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @for (page of pages; track page) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n          [ngClass]=\"{\n            'onemrva-mat-paginator-current-index': pageIndex === page,\n          }\"\n          data-cy=\"onemrva-mat-paginator-btn-page\"\n          (click)=\"pageIndex = page\"\n        >\n          {{ page + 1 }}\n        </button>\n      }\n      @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n          (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @if (\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      ) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n          data-cy=\"onemrva-mat-paginator-btn-last\"\n          (click)=\"pageIndex = totalNumberOfPages - 1\"\n        >\n          {{ totalNumberOfPages }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n        data-cy=\"onemrva-mat-paginator-btn-next\"\n        [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n        (click)=\"pageIndex = pageIndex + 1\"\n      >\n        {{ 'paginator.' + nextKey | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption$1, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPaginatorComponent, isStandalone: true, selector: "onemrva-mat-paginator", inputs: { type: "type", pageSizeSelector: "pageSizeSelector", pageSizeOptions: "pageSizeOptions", pageSizeDefaultOption: "pageSizeDefaultOption", recordKey: "recordKey", pageIndex: "pageIndex", length: "length", pageSize: "pageSize", previousKey: "previousKey", nextKey: "nextKey" }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n  @if (pageSizeSelector) {\n    <div class=\"paginator-size-selector-container\">\n      @if (pageSizeOptions.length > 1) {\n        <mat-form-field\n          appearance=\"outline\"\n          class=\"paginator-size-selector\"\n          data-cy=\"onemrva-mat-paginator-page-size-selector\"\n        >\n          <mat-select [value]=\"pageSize\">\n            @for (size of pageSizeOptions; track size) {\n              <mat-option\n                [value]=\"size\"\n                (click)=\"pageSize = size\"\n                [attr.data-cy]=\"\n                  'onemrva-mat-paginator-page-size-option-' + size\n                \"\n                >{{ size }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      }\n      <div>\n        @if (pageSizeOptions.length > 1) {\n          <span style=\"display: inline-block\">{{\n            'paginator.' + recordKey | translate\n          }}</span>\n          <mat-divider vertical></mat-divider>\n        }\n        {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n        <span>{{ 'paginator.outOf' | translate }}</span>\n        {{ length }}\n      </div>\n    </div>\n  }\n\n  @if (pages.length > 1) {\n    <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n        data-cy=\"onemrva-mat-paginator-btn-previous\"\n        [disabled]=\"pageIndex === 0\"\n        (click)=\"pageIndex = pageIndex - 1\"\n      >\n        {{ 'paginator.' + previousKey | translate }}\n      </button>\n\n      @if (pages[0] > 0 && type === 'complex') {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n          data-cy=\"onemrva-mat-paginator-first\"\n          (click)=\"pageIndex = 0\"\n        >\n          1\n        </button>\n      }\n      @if (pages[0] > 0) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n          (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @for (page of pages; track page) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n          [ngClass]=\"{\n            'onemrva-mat-paginator-current-index': pageIndex === page,\n          }\"\n          data-cy=\"onemrva-mat-paginator-btn-page\"\n          (click)=\"pageIndex = page\"\n        >\n          {{ page + 1 }}\n        </button>\n      }\n      @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n          (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @if (\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      ) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n          data-cy=\"onemrva-mat-paginator-btn-last\"\n          (click)=\"pageIndex = totalNumberOfPages - 1\"\n        >\n          {{ totalNumberOfPages }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n        data-cy=\"onemrva-mat-paginator-btn-next\"\n        [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n        (click)=\"pageIndex = pageIndex + 1\"\n      >\n        {{ 'paginator.' + nextKey | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption$1, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPaginatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         MatFormField,
@@ -4477,11 +4683,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatPaginatorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPaginatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -4495,10 +4701,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
  */
 
 class OnemrvaMatPanelTitleActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-title-action', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgClass], template: "<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
@@ -4515,10 +4721,10 @@ class OnemrvaMatPanelTitleComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-title', standalone: true, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"] }]
         }], propDecorators: { customNgClass: [{
@@ -4532,10 +4738,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatPanelContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
         }], propDecorators: { customNgClass: [{
@@ -4546,10 +4752,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatPanelIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPanelIconComponent, isStandalone: true, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelIconComponent, isStandalone: true, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-icon', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"] }]
         }], propDecorators: { customNgClass: [{
@@ -4570,10 +4776,10 @@ class OnemrvaMatPanelComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "@if (icon?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n  <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n  @if (title?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n  @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border:none}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "@if (icon?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n  <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n  @if (title?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n  @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border:none}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], standalone: true, template: "@if (icon?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n  <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n  @if (title?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n  @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border:none}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
         }], propDecorators: { id: [{
@@ -4606,8 +4812,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatPanelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
             OnemrvaMatPanelTitleComponent,
             OnemrvaMatPanelContentComponent,
             OnemrvaMatPanelTitleActionComponent,
@@ -4616,9 +4822,9 @@ class OnemrvaMatPanelModule {
             OnemrvaMatPanelContentComponent,
             OnemrvaMatPanelTitleActionComponent,
             OnemrvaMatPanelIconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -4644,10 +4850,10 @@ class OnemrvaMatPopOverTriggerComponent {
     constructor() {
         this.dataCy = `onemrvaMatPopOverTrigger_${++index$1}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPopOverTriggerComponent, isStandalone: true, selector: "onemrva-mat-pop-over-trigger", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPopOverTriggerComponent, isStandalone: true, selector: "onemrva-mat-pop-over-trigger", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-mat-pop-over-trigger',
@@ -4666,10 +4872,10 @@ class OnemrvaMatPopOverContentComponent {
     constructor() {
         this.dataCy = `onemrvaMatPopOverContent_${++index}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPopOverContentComponent, isStandalone: true, selector: "onemrva-mat-pop-over-content", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPopOverContentComponent, isStandalone: true, selector: "onemrva-mat-pop-over-content", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-mat-pop-over-content',
@@ -4702,10 +4908,10 @@ class OnemrvaMatPopOverComponent {
     closePopOver() {
         this.isOpen = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatPopOverComponent, isStandalone: true, selector: "onemrva-mat-pop-over", inputs: { position: "position", dataCyTrigger: "dataCyTrigger", dataCyPo: "dataCyPo", poId: "poId" }, queries: [{ propertyName: "trigger", first: true, predicate: OnemrvaMatPopOverTriggerComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPopOverContentComponent, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-pop-over\">\n  @if (isOpen) {\n    <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n  }\n  <a\n    tabindex=\"1\"\n    class=\"onemrva-pop-over-trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    @if (trigger?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </a>\n\n  @if (isOpen) {\n    @if (content?.template; as tpl) {\n      <div\n        class=\"onemrva-pop-over-frame\"\n        [ngClass]=\"position\"\n        [attr.data-cy]=\"dataCyPo\"\n        role=\"region\"\n        [attr.aria-labelledby]=\"poId\"\n      >\n        <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPopOverComponent, isStandalone: true, selector: "onemrva-mat-pop-over", inputs: { position: "position", dataCyTrigger: "dataCyTrigger", dataCyPo: "dataCyPo", poId: "poId" }, queries: [{ propertyName: "trigger", first: true, predicate: OnemrvaMatPopOverTriggerComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPopOverContentComponent, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-pop-over\">\n  @if (isOpen) {\n    <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n  }\n  <a\n    tabindex=\"1\"\n    class=\"onemrva-pop-over-trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    @if (trigger?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </a>\n\n  @if (isOpen) {\n    @if (content?.template; as tpl) {\n      <div\n        class=\"onemrva-pop-over-frame\"\n        [ngClass]=\"position\"\n        [attr.data-cy]=\"dataCyPo\"\n        role=\"region\"\n        [attr.aria-labelledby]=\"poId\"\n      >\n        <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-pop-over', standalone: true, imports: [NgTemplateOutlet, NgClass], template: "<div class=\"onemrva-pop-over\">\n  @if (isOpen) {\n    <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n  }\n  <a\n    tabindex=\"1\"\n    class=\"onemrva-pop-over-trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    @if (trigger?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </a>\n\n  @if (isOpen) {\n    @if (content?.template; as tpl) {\n      <div\n        class=\"onemrva-pop-over-frame\"\n        [ngClass]=\"position\"\n        [attr.data-cy]=\"dataCyPo\"\n        role=\"region\"\n        [attr.aria-labelledby]=\"poId\"\n      >\n        <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"] }]
         }], propDecorators: { position: [{
@@ -4730,15 +4936,15 @@ const components = [
     OnemrvaMatPopOverTriggerComponent,
 ];
 class OnemrvaMatPopOverModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
             OnemrvaMatPopOverContentComponent,
             OnemrvaMatPopOverTriggerComponent], exports: [OnemrvaMatPopOverComponent,
             OnemrvaMatPopOverContentComponent,
             OnemrvaMatPopOverTriggerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -4762,10 +4968,10 @@ class OnemrvaMatProgressBarComponent {
             this.label$ = this.progress$;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy", ariaLabel: "ariaLabel" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.mat-success": "this.success" } }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n  <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n    <div\n      class=\"onemrva-progress-bar-inner\"\n      [ngStyle]=\"{ width: progress$ | async }\"\n      [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n      [attr.data-cy]=\"dataCy\"\n      [attr.value]=\"progress$ | async\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy", ariaLabel: "ariaLabel" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.mat-success": "this.success" } }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n  <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n    <div\n      class=\"onemrva-progress-bar-inner\"\n      [ngStyle]=\"{ width: progress$ | async }\"\n      [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n      [attr.data-cy]=\"dataCy\"\n      [attr.value]=\"progress$ | async\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n  <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n    <div\n      class=\"onemrva-progress-bar-inner\"\n      [ngStyle]=\"{ width: progress$ | async }\"\n      [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n      [attr.data-cy]=\"dataCy\"\n      [attr.value]=\"progress$ | async\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\n"] }]
         }], propDecorators: { label$: [{
@@ -4795,10 +5001,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
  * </mat-select-search>
  */
 class MatSelectSearchClearDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: MatSelectSearchClearDirective, isStandalone: true, selector: "[matSelectSearchClear]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: MatSelectSearchClearDirective, isStandalone: true, selector: "[matSelectSearchClear]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchClearDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchClearDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[matSelectSearchClear]',
@@ -4850,10 +5056,10 @@ const MAT_SELECTSEARCH_DEFAULT_OPTIONS = new InjectionToken('mat-selectsearch-de
  * </mat-select-search>
  */
 class MatSelectNoEntriesFoundDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectNoEntriesFoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: MatSelectNoEntriesFoundDirective, isStandalone: true, selector: "[matSelectNoEntriesFound]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectNoEntriesFoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: MatSelectNoEntriesFoundDirective, isStandalone: true, selector: "[matSelectNoEntriesFound]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectNoEntriesFoundDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectNoEntriesFoundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[matSelectNoEntriesFound]',
@@ -5259,8 +5465,8 @@ class MatSelectSearchComponent {
         this.activeDescendant?.removeAttribute('aria-selected');
         this.searchSelectInput?.nativeElement.removeAttribute('aria-activedescendant');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: MatSelectSearchComponent, isStandalone: true, selector: "mat-select-search", inputs: { placeholderLabel: "placeholderLabel", type: "type", closeIcon: "closeIcon", closeSvgIcon: "closeSvgIcon", noEntriesFoundLabel: "noEntriesFoundLabel", clearSearchInput: "clearSearchInput", searching: "searching", disableInitialFocus: "disableInitialFocus", enableClearOnEscapePressed: "enableClearOnEscapePressed", preventHomeEndKeyPropagation: "preventHomeEndKeyPropagation", disableScrollToActiveOnOptionsChanged: "disableScrollToActiveOnOptionsChanged", ariaLabel: "ariaLabel", showToggleAllCheckbox: "showToggleAllCheckbox", toggleAllCheckboxChecked: "toggleAllCheckboxChecked", toggleAllCheckboxIndeterminate: "toggleAllCheckboxIndeterminate", toggleAllCheckboxTooltipMessage: "toggleAllCheckboxTooltipMessage", toggleAllCheckboxTooltipPosition: "toggleAllCheckboxTooltipPosition", hideClearSearchButton: "hideClearSearchButton", alwaysRestoreSelectedOptionsMulti: "alwaysRestoreSelectedOptionsMulti" }, outputs: { toggleAll: "toggleAll" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: MatSelectSearchComponent, isStandalone: true, selector: "mat-select-search", inputs: { placeholderLabel: "placeholderLabel", type: "type", closeIcon: "closeIcon", closeSvgIcon: "closeSvgIcon", noEntriesFoundLabel: "noEntriesFoundLabel", clearSearchInput: "clearSearchInput", searching: "searching", disableInitialFocus: "disableInitialFocus", enableClearOnEscapePressed: "enableClearOnEscapePressed", preventHomeEndKeyPropagation: "preventHomeEndKeyPropagation", disableScrollToActiveOnOptionsChanged: "disableScrollToActiveOnOptionsChanged", ariaLabel: "ariaLabel", showToggleAllCheckbox: "showToggleAllCheckbox", toggleAllCheckboxChecked: "toggleAllCheckboxChecked", toggleAllCheckboxIndeterminate: "toggleAllCheckboxIndeterminate", toggleAllCheckboxTooltipMessage: "toggleAllCheckboxTooltipMessage", toggleAllCheckboxTooltipPosition: "toggleAllCheckboxTooltipPosition", hideClearSearchButton: "hideClearSearchButton", alwaysRestoreSelectedOptionsMulti: "alwaysRestoreSelectedOptionsMulti" }, outputs: { toggleAll: "toggleAll" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MatSelectSearchComponent),
@@ -5268,7 +5474,7 @@ class MatSelectSearchComponent {
             },
         ], queries: [{ propertyName: "clearIcon", first: true, predicate: MatSelectSearchClearDirective, descendants: true }, { propertyName: "noEntriesFound", first: true, predicate: MatSelectNoEntriesFoundDirective, descendants: true }], viewQueries: [{ propertyName: "searchSelectInput", first: true, predicate: ["searchSelectInput"], descendants: true, read: ElementRef, static: true }, { propertyName: "innerSelectSearch", first: true, predicate: ["innerSelectSearch"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<!--\nCopyright (c) 2018 Bithost GmbH All Rights Reserved.\n\nUse of this source code is governed by an MIT-style license that can be\nfound in the LICENSE file at https://angular.io/license\n-->\n<!-- Placeholder to adjust vertical offset of the mat-option elements -->\n<input matInput class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: the  mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->\n<div\n  #innerSelectSearch\n  class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n  [ngClass]=\"{\n    'mat-select-search-inner-multiple': matSelect.multiple,\n    'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible(),\n  }\"\n>\n  @if (_isToggleAllCheckboxVisible()) {\n    <mat-checkbox\n      class=\"mat-select-search-toggle-all-checkbox\"\n      [checked]=\"toggleAllCheckboxChecked\"\n      [indeterminate]=\"toggleAllCheckboxIndeterminate\"\n      [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n      matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n      [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n      (change)=\"_emitSelectAllBooleanToParent($event.checked)\"\n    ></mat-checkbox>\n  }\n  <input\n    class=\"mat-select-search-input\"\n    autocomplete=\"off\"\n    [type]=\"type\"\n    [formControl]=\"_formControl\"\n    #searchSelectInput\n    (keydown)=\"_handleKeydown($event)\"\n    (keyup)=\"_handleKeyup($event)\"\n    (blur)=\"onBlur()\"\n    [placeholder]=\"placeholderLabel\"\n    [attr.aria-label]=\"ariaLabel\"\n  />\n  @if (value === '' && !searching) {\n    <mat-icon class=\"suffix\">search</mat-icon>\n  }\n  @if (searching) {\n    <mat-spinner class=\"mat-select-search-spinner\" diameter=\"16\"></mat-spinner>\n  }\n  @if (!hideClearSearchButton && value && !searching) {\n    <button\n      mat-icon-button\n      aria-label=\"Clear\"\n      (click)=\"_reset(true)\"\n      class=\"mat-select-search-clear\"\n    >\n      @if (clearIcon) {\n        <ng-content select=\"[matSelectSearchClear]\"></ng-content>\n      } @else {\n        <mat-icon [svgIcon]=\"closeSvgIcon\">\n          {{ !closeSvgIcon ? closeIcon : null }}\n        </mat-icon>\n      }\n    </button>\n  }\n\n  <ng-content select=\".mat-select-search-custom-header-content\"></ng-content>\n\n  <mat-divider></mat-divider>\n</div>\n\n@if (_showNoEntriesFound$ | async) {\n  <div class=\"mat-select-search-no-entries-found\">\n    @if (noEntriesFound) {\n      <ng-content select=\"[matSelectNoEntriesFound]\"></ng-content>\n    } @else {\n      {{ noEntriesFoundLabel }}\n    }\n  </div>\n}\n", styles: [":host .mat-select-search-hidden{visibility:hidden}:host .mat-select-search-inner{position:absolute;top:0;left:0;width:100%;z-index:100;font-size:inherit;box-shadow:none}:host .mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all{display:flex;align-items:center}:host .suffix{position:absolute;top:var(--spacer-and-half);right:var(--spacer)}:host .mat-select-search-input{box-sizing:border-box;width:100%;border:none;font-family:inherit;font-size:inherit;color:currentColor;outline:none;background:var(--mat-sys-surface-container-high);line-height:var(--input-height);height:var(--input-height);padding:var(--spacer)}:host-context([dir=rtl]) :host .mat-select-search-input{padding-right:var(--double-spacer)}:host .mat-select-search-inner-toggle-all .mat-select-search-input{padding-left:var(--half-spacer)}:host .mat-select-search-no-entries-found{padding-top:var(--spacer);padding-bottom:var(--spacer)}:host .mat-select-search-clear{position:absolute;right:var(--half-spacer);top:0}:host-context([dir=rtl]) :host .mat-select-search-clear{right:auto;left:var(--half-spacer)}:host .mat-select-search-spinner{position:absolute;right:var(--double-spacer);top:calc(50% - var(--spacer))}:host-context([dir=rtl]) :host .mat-select-search-spinner{right:auto;left:var(--double-spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-select-search', providers: [
                         {
@@ -5349,15 +5555,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
  * found in the LICENSE file at https://angular.io/license
  */
 class MatSelectSearchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent,
             MatSelectSearchClearDirective,
             MatSelectNoEntriesFoundDirective], exports: [MatSelectSearchComponent,
             MatSelectSearchClearDirective,
             MatSelectNoEntriesFoundDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5403,12 +5609,12 @@ class OnemrvaMatSelectableBoxComponent {
             this.radioButton._inputElement.nativeElement.dispatchEvent(new MouseEvent('click', { bubbles: false }));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatSelectableBoxComponent, isStandalone: true, selector: "onemrva-mat-selectable-box", inputs: { id: "id", value: "value", disabled: "disabled", checked: "checked", iconSize: "iconSize" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"m-m onemrva-shadow-highlight clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"m selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: [":host mat-radio-button{pointer-events:none}:host mat-card.onemrva-shadow-highlight{box-shadow:none;border-radius:var(--border-radius);overflow:hidden;padding:0;margin:0}:host mat-card.onemrva-shadow-highlight:not(.disabled):hover{box-shadow:var(--box-shadow)}:host mat-card.onemrva-shadow-highlight.checked{outline:2px solid var(--mat-sys-secondary)}:host mat-card.onemrva-shadow-highlight.checked .mat-mdc-card-title{background-color:transparent;background:var(--mat-sys-secondary-container)!important;color:var(--mat-sys-on-background)!important}:host mat-card.onemrva-shadow-highlight.checked .mat-mdc-card-title mat-icon{color:var(--mat-sys-primary)!important}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title{display:flex;align-items:center;padding:var(--half-spacer);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-label{font-family:var(--mat-sys-title-large-font);font-size:1rem;font-weight:var(--mat-sys-title-small-weight)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-icon.selectable-box-icon{flex:0 0 var(--icon-size-xlarge)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-icon.selectable-box-icon:empty{display:none}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title .sticker{align-self:center;margin-left:auto;margin-right:var(--spacer)}:host mat-card.onemrva-shadow-highlight.disabled{cursor:auto}:host mat-card.onemrva-shadow-highlight.disabled .mat-mdc-card-title{color:var(--mat-sys-outline-variant);background-color:var(--mat-sys-surface-container)}:host mat-card mat-card-content{padding:var(--double-spacer);background-color:var(--mat-sys-background);border-bottom:1px solid var(--mat-sys-outline-variant);border-left:1px solid var(--mat-sys-outline-variant);border-right:1px solid var(--mat-sys-outline-variant);border-radius:0 0 var(--border-radius) var(--border-radius)}:host mat-card mat-card-content:empty{padding:0;border:none}\n"], dependencies: [{ kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: OnemRvaSizeDirective$1, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: ["size"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatSelectableBoxComponent, isStandalone: true, selector: "onemrva-mat-selectable-box", inputs: { id: "id", value: "value", disabled: "disabled", checked: "checked", iconSize: "iconSize" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"onemrva-selectable-box m-m clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;padding:var(--spacer-and-half) var(--spacer-and-half) var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));align-items:center;box-shadow:none;color:inherit;font-family:var(--label-large-font-family, Poppins);font-size:var(--label-large-font-size, 16px);font-style:normal;font-weight:var(--label-large-font-weight, 500);line-height:var(--label-large-line-height, 21px)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box mat-card-content{background:var(--mat-sys-surface);padding:var(--spacer-and-half);border-bottom-left-radius:var(--half-border-radius);border-bottom-right-radius:var(--half-border-radius)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"], dependencies: [{ kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: OnemRvaSizeDirective$1, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: ["size"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-selectable-box', standalone: true, imports: [
+            args: [{ selector: 'onemrva-mat-selectable-box', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
                         MatCardTitle,
                         MatCard,
                         MatRadioButton,
@@ -5416,7 +5622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                         MatIcon,
                         MatCardContent,
                         OnemRvaSizeDirective$1,
-                    ], template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"m-m onemrva-shadow-highlight clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"m selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: [":host mat-radio-button{pointer-events:none}:host mat-card.onemrva-shadow-highlight{box-shadow:none;border-radius:var(--border-radius);overflow:hidden;padding:0;margin:0}:host mat-card.onemrva-shadow-highlight:not(.disabled):hover{box-shadow:var(--box-shadow)}:host mat-card.onemrva-shadow-highlight.checked{outline:2px solid var(--mat-sys-secondary)}:host mat-card.onemrva-shadow-highlight.checked .mat-mdc-card-title{background-color:transparent;background:var(--mat-sys-secondary-container)!important;color:var(--mat-sys-on-background)!important}:host mat-card.onemrva-shadow-highlight.checked .mat-mdc-card-title mat-icon{color:var(--mat-sys-primary)!important}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title{display:flex;align-items:center;padding:var(--half-spacer);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-label{font-family:var(--mat-sys-title-large-font);font-size:1rem;font-weight:var(--mat-sys-title-small-weight)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-icon.selectable-box-icon{flex:0 0 var(--icon-size-xlarge)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-icon.selectable-box-icon:empty{display:none}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title .sticker{align-self:center;margin-left:auto;margin-right:var(--spacer)}:host mat-card.onemrva-shadow-highlight.disabled{cursor:auto}:host mat-card.onemrva-shadow-highlight.disabled .mat-mdc-card-title{color:var(--mat-sys-outline-variant);background-color:var(--mat-sys-surface-container)}:host mat-card mat-card-content{padding:var(--double-spacer);background-color:var(--mat-sys-background);border-bottom:1px solid var(--mat-sys-outline-variant);border-left:1px solid var(--mat-sys-outline-variant);border-right:1px solid var(--mat-sys-outline-variant);border-radius:0 0 var(--border-radius) var(--border-radius)}:host mat-card mat-card-content:empty{padding:0;border:none}\n"] }]
+                    ], template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"onemrva-selectable-box m-m clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;padding:var(--spacer-and-half) var(--spacer-and-half) var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));align-items:center;box-shadow:none;color:inherit;font-family:var(--label-large-font-family, Poppins);font-size:var(--label-large-font-size, 16px);font-style:normal;font-weight:var(--label-large-font-weight, 500);line-height:var(--label-large-line-height, 21px)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box mat-card-content{background:var(--mat-sys-surface);padding:var(--spacer-and-half);border-bottom-left-radius:var(--half-border-radius);border-bottom-right-radius:var(--half-border-radius)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"] }]
         }], propDecorators: { id: [{
                 type: HostBinding,
                 args: ['attr.id']
@@ -5438,11 +5644,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatSelectableBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent], exports: [OnemrvaMatSelectableBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent], exports: [OnemrvaMatSelectableBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -5480,10 +5686,10 @@ class OnemrvaMatSideMenuComponent {
     selectMenu(menu) {
         this.onSelectOption.emit(menu);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "@if (isSmall) {\n  <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n    @for (menu of menus; track menu.key; let i = $index) {\n      <mat-chip\n        role=\"\"\n        class=\"onemrva-side-menu-option\"\n        (click)=\"selectMenu(menu)\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n      >\n        {{ menu.wordingKey | translate }}\n      </mat-chip>\n    }\n  </mat-chip-row>\n} @else {\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    @for (menu of menus; track menu.key; let mnidx = $index) {\n      <div\n        tabindex=\"1\"\n        role=\"button\"\n        class=\"onemrva-side-menu-option\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        (click)=\"selectMenu(menu)\"\n        [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n      >\n        {{ menu.wordingKey | translate }}\n      </div>\n    }\n  </div>\n}\n", styles: [":host mat-chip-list{width:100%}:host .onemrva-side-menu-option{color:#312f3b;background-color:#f6f5f9}:host .onemrva-side-menu-option:hover{cursor:pointer;background-color:#d1d0d7}:host .onemrva-side-menu-option.onemrva-side-menu-current-option{background-color:#d1d0d7}:host .onemrva-expanded-side-menu{width:250px;border:1px solid var(--mat-sys-surface-bright);border-radius:20px}:host .onemrva-expanded-side-menu .onemrva-side-menu-header{border-radius:20px 20px 0 0;padding:27px 30px 25px;background-color:#6f6d77;color:#fff;font-weight:700;text-transform:uppercase}:host .onemrva-expanded-side-menu .onemrva-side-menu-option{border-top:1px solid var(--mat-sys-surface-bright);padding:20px 30px}:host .onemrva-expanded-side-menu .onemrva-side-menu-option:last-child{border-radius:0 0 20px 20px}\n"], dependencies: [{ kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "@if (isSmall) {\n  <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n    @for (menu of menus; track menu.key; let i = $index) {\n      <mat-chip\n        role=\"\"\n        class=\"onemrva-side-menu-option\"\n        (click)=\"selectMenu(menu)\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n      >\n        {{ menu.wordingKey | translate }}\n      </mat-chip>\n    }\n  </mat-chip-row>\n} @else {\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    @for (menu of menus; track menu.key; let mnidx = $index) {\n      <div\n        tabindex=\"1\"\n        role=\"button\"\n        class=\"onemrva-side-menu-option\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        (click)=\"selectMenu(menu)\"\n        [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n      >\n        {{ menu.wordingKey | translate }}\n      </div>\n    }\n  </div>\n}\n", styles: [":host mat-chip-list{width:100%}:host .onemrva-side-menu-option{color:#312f3b;background-color:#f6f5f9}:host .onemrva-side-menu-option:hover{cursor:pointer;background-color:#d1d0d7}:host .onemrva-side-menu-option.onemrva-side-menu-current-option{background-color:#d1d0d7}:host .onemrva-expanded-side-menu{width:250px;border:1px solid var(--mat-sys-surface-bright);border-radius:20px}:host .onemrva-expanded-side-menu .onemrva-side-menu-header{border-radius:20px 20px 0 0;padding:27px 30px 25px;background-color:#6f6d77;color:#fff;font-weight:700;text-transform:uppercase}:host .onemrva-expanded-side-menu .onemrva-side-menu-option{border-top:1px solid var(--mat-sys-surface-bright);padding:20px 30px}:host .onemrva-expanded-side-menu .onemrva-side-menu-option:last-child{border-radius:0 0 20px 20px}\n"], dependencies: [{ kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-side-menu', standalone: true, imports: [MatChip, MatChipRow, NgClass, TranslatePipe], template: "@if (isSmall) {\n  <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n    @for (menu of menus; track menu.key; let i = $index) {\n      <mat-chip\n        role=\"\"\n        class=\"onemrva-side-menu-option\"\n        (click)=\"selectMenu(menu)\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n      >\n        {{ menu.wordingKey | translate }}\n      </mat-chip>\n    }\n  </mat-chip-row>\n} @else {\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    @for (menu of menus; track menu.key; let mnidx = $index) {\n      <div\n        tabindex=\"1\"\n        role=\"button\"\n        class=\"onemrva-side-menu-option\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        (click)=\"selectMenu(menu)\"\n        [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n      >\n        {{ menu.wordingKey | translate }}\n      </div>\n    }\n  </div>\n}\n", styles: [":host mat-chip-list{width:100%}:host .onemrva-side-menu-option{color:#312f3b;background-color:#f6f5f9}:host .onemrva-side-menu-option:hover{cursor:pointer;background-color:#d1d0d7}:host .onemrva-side-menu-option.onemrva-side-menu-current-option{background-color:#d1d0d7}:host .onemrva-expanded-side-menu{width:250px;border:1px solid var(--mat-sys-surface-bright);border-radius:20px}:host .onemrva-expanded-side-menu .onemrva-side-menu-header{border-radius:20px 20px 0 0;padding:27px 30px 25px;background-color:#6f6d77;color:#fff;font-weight:700;text-transform:uppercase}:host .onemrva-expanded-side-menu .onemrva-side-menu-option{border-top:1px solid var(--mat-sys-surface-bright);padding:20px 30px}:host .onemrva-expanded-side-menu .onemrva-side-menu-option:last-child{border-radius:0 0 20px 20px}\n"] }]
         }], propDecorators: { menuHeaderKey: [{
@@ -5497,11 +5703,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatSideMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -5638,10 +5844,10 @@ class OnemrvaMatSkeletonComponent {
     ngOnChanges() {
         this.items.length = this.count;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatSkeletonComponent, isStandalone: true, selector: "onemrva-mat-skeleton", inputs: { count: "count", animation: "animation", type: "type", size: "size", theme: "theme", ariaLabel: "ariaLabel", role: "role", loadingText: "loadingText", id: "id" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "attr.valuetext": "this.loadingText", "attr.id": "this.id", "class.progress": "this._isProgress", "class.pulse": "this._isPulse", "class.h1": "this.isH1", "class.h2": "this.isH2", "class.h3": "this.isH3", "class.h4": "this.isH4", "class.h5": "this.isH5", "class.h6": "this.isH6", "class.line": "this._isLine", "class.button": "this._isButton", "class.circle": "this._isCircle", "class.square": "this._isSquare", "class.custom": "this._isCustom", "class.onemrva-mat-avatar--xsmall": "this._isXSmallSize", "class.onemrva-mat-avatar--small": "this._isSmallSize", "class.onemrva-mat-avatar--medium": "this._isMediumSize", "class.onemrva-mat-avatar--large": "this._isLargeSize", "class.onemrva-mat-avatar--xlarge": "this._isXLargeSize" } }, usesOnChanges: true, ngImport: i0, template: "@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme\"\n  >\n    @if (type === 'custom') {\n      <ng-content></ng-content>\n    }\n  </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:#eff1f6 no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatSkeletonComponent, isStandalone: true, selector: "onemrva-mat-skeleton", inputs: { count: "count", animation: "animation", type: "type", size: "size", theme: "theme", ariaLabel: "ariaLabel", role: "role", loadingText: "loadingText", id: "id" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "attr.valuetext": "this.loadingText", "attr.id": "this.id", "class.progress": "this._isProgress", "class.pulse": "this._isPulse", "class.h1": "this.isH1", "class.h2": "this.isH2", "class.h3": "this.isH3", "class.h4": "this.isH4", "class.h5": "this.isH5", "class.h6": "this.isH6", "class.line": "this._isLine", "class.button": "this._isButton", "class.circle": "this._isCircle", "class.square": "this._isSquare", "class.custom": "this._isCustom", "class.onemrva-mat-avatar--xsmall": "this._isXSmallSize", "class.onemrva-mat-avatar--small": "this._isSmallSize", "class.onemrva-mat-avatar--medium": "this._isMediumSize", "class.onemrva-mat-avatar--large": "this._isLargeSize", "class.onemrva-mat-avatar--xlarge": "this._isXLargeSize" } }, usesOnChanges: true, ngImport: i0, template: "@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme\"\n  >\n    @if (type === 'custom') {\n      <ng-content></ng-content>\n    }\n  </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:#eff1f6 no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-skeleton', standalone: true, imports: [NgStyle], template: "@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme\"\n  >\n    @if (type === 'custom') {\n      <ng-content></ng-content>\n    }\n  </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:#eff1f6 no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"] }]
         }], propDecorators: { count: [{
@@ -5731,11 +5937,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatSkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -5745,10 +5951,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
         }] });
 
 class OnemrvaMatSpinnerComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatSpinnerComponent, isStandalone: true, selector: "onemrva-mat-spinner", ngImport: i0, template: "<div class=\"onemrva-spinner-container\">\n  <div class=\"onemrva-spinner\">\n    <svg\n      width=\"400\"\n      height=\"400\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"30 30 340 340\"\n    >\n      <g>\n        <circle\n          cx=\"202.6178609655925\"\n          cy=\"349.9771542734587\"\n          r=\"16\"\n          opacity=\"35.9\"\n        ></circle>\n        <circle\n          cx=\"205.23492450537515\"\n          cy=\"349.90862405286435\"\n          r=\"16\"\n          opacity=\"17.9\"\n        ></circle>\n        <circle\n          cx=\"207.85039343644158\"\n          cy=\"349.79443021318605\"\n          r=\"16\"\n          opacity=\"11.9\"\n        ></circle>\n        <circle\n          cx=\"210.4634710616188\"\n          cy=\"349.6346075389736\"\n          r=\"16\"\n          opacity=\"8.9\"\n        ></circle>\n        <circle\n          cx=\"213.07336141214873\"\n          cy=\"349.4292047137618\"\n          r=\"16\"\n          opacity=\"7.1\"\n        ></circle>\n        <circle\n          cx=\"215.67926949014802\"\n          cy=\"349.178284305241\"\n          r=\"16\"\n          opacity=\"5.9\"\n        ></circle>\n        <circle\n          cx=\"218.28040151077212\"\n          cy=\"348.88192274619826\"\n          r=\"16\"\n          opacity=\"5.042857142857143\"\n        ></circle>\n        <circle\n          cx=\"220.87596514400983\"\n          cy=\"348.54021031123557\"\n          r=\"16\"\n          opacity=\"4.4\"\n        ></circle>\n        <circle\n          cx=\"223.46516975603464\"\n          cy=\"348.15325108927067\"\n          r=\"16\"\n          opacity=\"3.9\"\n        ></circle>\n        <circle\n          cx=\"226.04722665003956\"\n          cy=\"347.72116295183116\"\n          r=\"16\"\n          opacity=\"3.5\"\n        ></circle>\n        <circle\n          cx=\"228.62134930648173\"\n          cy=\"347.2440775171496\"\n          r=\"16\"\n          opacity=\"3.1727272727272724\"\n        ></circle>\n        <circle\n          cx=\"231.1867536226639\"\n          cy=\"346.7221401100709\"\n          r=\"16\"\n          opacity=\"2.9\"\n        ></circle>\n        <circle\n          cx=\"233.74265815157975\"\n          cy=\"346.1555097177853\"\n          r=\"16\"\n          opacity=\"2.669230769230769\"\n        ></circle>\n        <circle\n          cx=\"236.28828433995017\"\n          cy=\"345.5443589413995\"\n          r=\"16\"\n          opacity=\"2.4714285714285715\"\n        ></circle>\n        <circle\n          cx=\"238.8228567653781\"\n          cy=\"344.88887394336024\"\n          r=\"16\"\n          opacity=\"2.3\"\n        ></circle>\n        <circle\n          cx=\"241.34560337254987\"\n          cy=\"344.1892543907478\"\n          r=\"16\"\n          opacity=\"2.15\"\n        ></circle>\n        <circle\n          cx=\"243.85575570841053\"\n          cy=\"343.4457133944553\"\n          r=\"16\"\n          opacity=\"2.0176470588235293\"\n        ></circle>\n        <circle\n          cx=\"246.3525491562421\"\n          cy=\"342.658477444273\"\n          r=\"16\"\n          opacity=\"1.9\"\n        ></circle>\n        <circle\n          cx=\"248.8352231685735\"\n          cy=\"341.82778633989756\"\n          r=\"16\"\n          opacity=\"1.7947368421052632\"\n        ></circle>\n        <circle\n          cx=\"251.3030214988503\"\n          cy=\"340.95389311788625\"\n          r=\"16\"\n          opacity=\"1.7\"\n        ></circle>\n        <circle\n          cx=\"253.75519243179502\"\n          cy=\"340.0370639745803\"\n          r=\"16\"\n          opacity=\"1.6142857142857143\"\n        ></circle>\n        <circle\n          cx=\"256.1909890123868\"\n          cy=\"339.0775781850181\"\n          r=\"16\"\n          opacity=\"1.5363636363636362\"\n        ></circle>\n        <circle\n          cx=\"258.60966927339103\"\n          cy=\"338.075728017866\"\n          r=\"16\"\n          opacity=\"1.465217391304348\"\n        ></circle>\n        <circle\n          cx=\"261.01049646137005\"\n          cy=\"337.0318186463901\"\n          r=\"16\"\n          opacity=\"1.4\"\n        ></circle>\n        <circle\n          cx=\"263.3927392611049\"\n          cy=\"335.9461680554975\"\n          r=\"16\"\n          opacity=\"1.34\"\n        ></circle>\n        <circle\n          cx=\"265.7556720183616\"\n          cy=\"334.81910694487505\"\n          r=\"16\"\n          opacity=\"1.2846153846153847\"\n        ></circle>\n        <circle\n          cx=\"268.098574960932\"\n          cy=\"333.6509786282552\"\n          r=\"16\"\n          opacity=\"1.2333333333333334\"\n        ></circle>\n        <circle\n          cx=\"270.42073441788364\"\n          cy=\"332.4421389288391\"\n          r=\"16\"\n          opacity=\"1.1857142857142857\"\n        ></circle>\n        <circle\n          cx=\"272.7214430369506\"\n          cy=\"331.19295607090936\"\n          r=\"16\"\n          opacity=\"1.1413793103448275\"\n        ></circle>\n        <circle cx=\"275\" cy=\"329.9038105676658\" r=\"16\" opacity=\"1.1\"></circle>\n        <circle\n          cx=\"277.2557112365081\"\n          cy=\"328.57509510531685\"\n          r=\"16\"\n          opacity=\"1.0612903225806452\"\n        ></circle>\n        <circle\n          cx=\"279.4878896349807\"\n          cy=\"327.2072144234639\"\n          r=\"16\"\n          opacity=\"1.025\"\n        ></circle>\n        <circle\n          cx=\"281.6958552522541\"\n          cy=\"325.80058519181364\"\n          r=\"16\"\n          opacity=\"0.990909090909091\"\n        ></circle>\n        <circle\n          cx=\"283.878935520612\"\n          cy=\"324.35563588325624\"\n          r=\"16\"\n          opacity=\"0.9588235294117647\"\n        ></circle>\n        <circle\n          cx=\"286.0364654526569\"\n          cy=\"322.8728066433488\"\n          r=\"16\"\n          opacity=\"0.9285714285714286\"\n        ></circle>\n        <circle\n          cx=\"288.167787843871\"\n          cy=\"321.3525491562421\"\n          r=\"16\"\n          opacity=\"0.9\"\n        ></circle>\n        <circle\n          cx=\"290.2722534728072\"\n          cy=\"319.79532650709393\"\n          r=\"16\"\n          opacity=\"0.8729729729729732\"\n        ></circle>\n        <circle\n          cx=\"292.34922129884876\"\n          cy=\"318.2016130410083\"\n          r=\"16\"\n          opacity=\"0.8473684210526315\"\n        ></circle>\n        <circle\n          cx=\"294.3980586574756\"\n          cy=\"316.57189421854565\"\n          r=\"16\"\n          opacity=\"0.823076923076923\"\n        ></circle>\n        <circle\n          cx=\"296.4181414529809\"\n          cy=\"314.9066664678467\"\n          r=\"16\"\n          opacity=\"0.8\"\n        ></circle>\n        <circle\n          cx=\"298.4088543485761\"\n          cy=\"313.2064370334158\"\n          r=\"16\"\n          opacity=\"0.7780487804878049\"\n        ></circle>\n        <circle\n          cx=\"300.3695909538287\"\n          cy=\"311.47172382160915\"\n          r=\"16\"\n          opacity=\"0.7571428571428571\"\n        ></circle>\n        <circle\n          cx=\"302.29975400937474\"\n          cy=\"309.7030552428756\"\n          r=\"16\"\n          opacity=\"0.7372093023255814\"\n        ></circle>\n        <circle\n          cx=\"304.1987555688496\"\n          cy=\"307.9009700507977\"\n          r=\"16\"\n          opacity=\"0.7181818181818181\"\n        ></circle>\n        <circle\n          cx=\"306.06601717798213\"\n          cy=\"306.06601717798213\"\n          r=\"16\"\n          opacity=\"0.7\"\n        ></circle>\n        <circle\n          cx=\"307.9009700507977\"\n          cy=\"304.1987555688496\"\n          r=\"16\"\n          opacity=\"0.682608695652174\"\n        ></circle>\n        <circle\n          cx=\"309.70305524287556\"\n          cy=\"302.29975400937474\"\n          r=\"16\"\n          opacity=\"0.6659574468085107\"\n        ></circle>\n        <circle\n          cx=\"311.47172382160915\"\n          cy=\"300.3695909538287\"\n          r=\"16\"\n          opacity=\"0.65\"\n        ></circle>\n        <circle\n          cx=\"313.2064370334158\"\n          cy=\"298.4088543485761\"\n          r=\"16\"\n          opacity=\"0.6346938775510204\"\n        ></circle>\n        <circle\n          cx=\"314.9066664678467\"\n          cy=\"296.4181414529809\"\n          r=\"16\"\n          opacity=\"0.62\"\n        ></circle>\n        <circle\n          cx=\"316.5718942185456\"\n          cy=\"294.39805865747564\"\n          r=\"16\"\n          opacity=\"0.6058823529411764\"\n        ></circle>\n        <circle\n          cx=\"318.2016130410083\"\n          cy=\"292.34922129884876\"\n          r=\"16\"\n          opacity=\"0.5923076923076923\"\n        ></circle>\n        <circle\n          cx=\"319.79532650709393\"\n          cy=\"290.2722534728073\"\n          r=\"16\"\n          opacity=\"0.5792452830188679\"\n        ></circle>\n        <circle\n          cx=\"321.3525491562421\"\n          cy=\"288.167787843871\"\n          r=\"16\"\n          opacity=\"0.5666666666666667\"\n        ></circle>\n        <circle\n          cx=\"322.8728066433488\"\n          cy=\"286.0364654526569\"\n          r=\"16\"\n          opacity=\"0.5545454545454546\"\n        ></circle>\n        <circle\n          cx=\"324.35563588325624\"\n          cy=\"283.878935520612\"\n          r=\"16\"\n          opacity=\"0.5428571428571428\"\n        ></circle>\n        <circle\n          cx=\"325.8005851918136\"\n          cy=\"281.6958552522541\"\n          r=\"16\"\n          opacity=\"0.531578947368421\"\n        ></circle>\n        <circle\n          cx=\"327.2072144234639\"\n          cy=\"279.4878896349807\"\n          r=\"16\"\n          opacity=\"0.5206896551724138\"\n        ></circle>\n        <circle\n          cx=\"328.5750951053168\"\n          cy=\"277.25571123650815\"\n          r=\"16\"\n          opacity=\"0.5101694915254237\"\n        ></circle>\n        <circle cx=\"329.9038105676658\" cy=\"275\" r=\"16\" opacity=\"0.5\"></circle>\n        <circle\n          cx=\"331.19295607090936\"\n          cy=\"272.7214430369506\"\n          r=\"16\"\n          opacity=\"0.4901639344262295\"\n        ></circle>\n        <circle\n          cx=\"332.44213892883903\"\n          cy=\"270.42073441788364\"\n          r=\"16\"\n          opacity=\"0.4806451612903226\"\n        ></circle>\n        <circle\n          cx=\"333.6509786282552\"\n          cy=\"268.098574960932\"\n          r=\"16\"\n          opacity=\"0.4714285714285714\"\n        ></circle>\n        <circle\n          cx=\"334.81910694487505\"\n          cy=\"265.7556720183616\"\n          r=\"16\"\n          opacity=\"0.4625\"\n        ></circle>\n        <circle\n          cx=\"335.9461680554975\"\n          cy=\"263.3927392611049\"\n          r=\"16\"\n          opacity=\"0.45384615384615384\"\n        ></circle>\n        <circle\n          cx=\"337.0318186463901\"\n          cy=\"261.01049646137005\"\n          r=\"16\"\n          opacity=\"0.44545454545454544\"\n        ></circle>\n        <circle\n          cx=\"338.075728017866\"\n          cy=\"258.6096692733911\"\n          r=\"16\"\n          opacity=\"0.4373134328358209\"\n        ></circle>\n        <circle\n          cx=\"339.0775781850181\"\n          cy=\"256.1909890123868\"\n          r=\"16\"\n          opacity=\"0.4294117647058823\"\n        ></circle>\n        <circle\n          cx=\"340.0370639745803\"\n          cy=\"253.75519243179505\"\n          r=\"16\"\n          opacity=\"0.4217391304347826\"\n        ></circle>\n        <circle\n          cx=\"340.95389311788625\"\n          cy=\"251.3030214988503\"\n          r=\"16\"\n          opacity=\"0.4142857142857143\"\n        ></circle>\n        <circle\n          cx=\"341.8277863398975\"\n          cy=\"248.83522316857352\"\n          r=\"16\"\n          opacity=\"0.4070422535211268\"\n        ></circle>\n        <circle\n          cx=\"342.658477444273\"\n          cy=\"246.3525491562421\"\n          r=\"16\"\n          opacity=\"0.4\"\n        ></circle>\n        <circle\n          cx=\"343.4457133944553\"\n          cy=\"243.85575570841053\"\n          r=\"16\"\n          opacity=\"0.39315068493150684\"\n        ></circle>\n        <circle\n          cx=\"344.1892543907478\"\n          cy=\"241.34560337254987\"\n          r=\"16\"\n          opacity=\"0.38648648648648654\"\n        ></circle>\n        <circle\n          cx=\"344.88887394336024\"\n          cy=\"238.8228567653781\"\n          r=\"16\"\n          opacity=\"0.38\"\n        ></circle>\n        <circle\n          cx=\"345.5443589413995\"\n          cy=\"236.2882843399502\"\n          r=\"16\"\n          opacity=\"0.3736842105263158\"\n        ></circle>\n        <circle\n          cx=\"346.1555097177853\"\n          cy=\"233.74265815157975\"\n          r=\"16\"\n          opacity=\"0.36753246753246754\"\n        ></circle>\n        <circle\n          cx=\"346.7221401100708\"\n          cy=\"231.18675362266393\"\n          r=\"16\"\n          opacity=\"0.36153846153846153\"\n        ></circle>\n        <circle\n          cx=\"347.2440775171496\"\n          cy=\"228.62134930648173\"\n          r=\"16\"\n          opacity=\"0.3556962025316455\"\n        ></circle>\n        <circle\n          cx=\"347.72116295183116\"\n          cy=\"226.04722665003956\"\n          r=\"16\"\n          opacity=\"0.35\"\n        ></circle>\n        <circle\n          cx=\"348.15325108927067\"\n          cy=\"223.46516975603464\"\n          r=\"16\"\n          opacity=\"0.34444444444444444\"\n        ></circle>\n        <circle\n          cx=\"348.54021031123557\"\n          cy=\"220.87596514400985\"\n          r=\"16\"\n          opacity=\"0.33902439024390246\"\n        ></circle>\n        <circle\n          cx=\"348.88192274619826\"\n          cy=\"218.28040151077212\"\n          r=\"16\"\n          opacity=\"0.3337349397590362\"\n        ></circle>\n        <circle\n          cx=\"349.178284305241\"\n          cy=\"215.67926949014802\"\n          r=\"16\"\n          opacity=\"0.32857142857142857\"\n        ></circle>\n        <circle\n          cx=\"349.4292047137618\"\n          cy=\"213.07336141214873\"\n          r=\"16\"\n          opacity=\"0.3235294117647059\"\n        ></circle>\n        <circle\n          cx=\"349.6346075389736\"\n          cy=\"210.4634710616188\"\n          r=\"16\"\n          opacity=\"0.3186046511627907\"\n        ></circle>\n        <circle\n          cx=\"349.79443021318605\"\n          cy=\"207.8503934364416\"\n          r=\"16\"\n          opacity=\"0.3137931034482759\"\n        ></circle>\n        <circle\n          cx=\"349.90862405286435\"\n          cy=\"205.23492450537515\"\n          r=\"16\"\n          opacity=\"0.309090909090909\"\n        ></circle>\n        <circle\n          cx=\"349.9771542734587\"\n          cy=\"202.6178609655925\"\n          r=\"16\"\n          opacity=\"0.3044943820224719\"\n        ></circle>\n        <circle cx=\"350\" cy=\"200\" r=\"16\" opacity=\"0.3\"></circle>\n        <circle\n          cx=\"349.9771542734587\"\n          cy=\"197.3821390344075\"\n          r=\"16\"\n          opacity=\"0.2956043956043956\"\n        ></circle>\n        <circle\n          cx=\"349.90862405286435\"\n          cy=\"194.76507549462488\"\n          r=\"16\"\n          opacity=\"0.291304347826087\"\n        ></circle>\n        <circle\n          cx=\"349.79443021318605\"\n          cy=\"192.14960656355845\"\n          r=\"16\"\n          opacity=\"0.2870967741935484\"\n        ></circle>\n        <circle\n          cx=\"349.6346075389736\"\n          cy=\"189.5365289383812\"\n          r=\"16\"\n          opacity=\"0.28297872340425534\"\n        ></circle>\n        <circle\n          cx=\"349.4292047137618\"\n          cy=\"186.92663858785127\"\n          r=\"16\"\n          opacity=\"0.2789473684210526\"\n        ></circle>\n        <circle\n          cx=\"349.17828430524105\"\n          cy=\"184.320730509852\"\n          r=\"16\"\n          opacity=\"0.275\"\n        ></circle>\n        <circle\n          cx=\"348.8819227461983\"\n          cy=\"181.7195984892279\"\n          r=\"16\"\n          opacity=\"0.2711340206185567\"\n        ></circle>\n        <circle\n          cx=\"348.54021031123557\"\n          cy=\"179.1240348559902\"\n          r=\"16\"\n          opacity=\"0.2673469387755102\"\n        ></circle>\n        <circle\n          cx=\"348.1532510892706\"\n          cy=\"176.53483024396536\"\n          r=\"16\"\n          opacity=\"0.2636363636363636\"\n        ></circle>\n        <circle\n          cx=\"347.72116295183116\"\n          cy=\"173.95277334996047\"\n          r=\"16\"\n          opacity=\"0.26\"\n        ></circle>\n        <circle\n          cx=\"347.2440775171496\"\n          cy=\"171.37865069351827\"\n          r=\"16\"\n          opacity=\"0.25643564356435644\"\n        ></circle>\n        <circle\n          cx=\"346.7221401100709\"\n          cy=\"168.81324637733613\"\n          r=\"16\"\n          opacity=\"0.2529411764705882\"\n        ></circle>\n        <circle\n          cx=\"346.1555097177853\"\n          cy=\"166.25734184842028\"\n          r=\"16\"\n          opacity=\"0.24951456310679612\"\n        ></circle>\n        <circle\n          cx=\"345.5443589413995\"\n          cy=\"163.71171566004983\"\n          r=\"16\"\n          opacity=\"0.24615384615384617\"\n        ></circle>\n        <circle\n          cx=\"344.88887394336024\"\n          cy=\"161.17714323462187\"\n          r=\"16\"\n          opacity=\"0.24285714285714285\"\n        ></circle>\n        <circle\n          cx=\"344.1892543907478\"\n          cy=\"158.65439662745013\"\n          r=\"16\"\n          opacity=\"0.23962264150943396\"\n        ></circle>\n        <circle\n          cx=\"343.4457133944553\"\n          cy=\"156.1442442915895\"\n          r=\"16\"\n          opacity=\"0.23644859813084113\"\n        ></circle>\n        <circle\n          cx=\"342.65847744427305\"\n          cy=\"153.6474508437579\"\n          r=\"16\"\n          opacity=\"0.23333333333333334\"\n        ></circle>\n        <circle\n          cx=\"341.82778633989756\"\n          cy=\"151.16477683142654\"\n          r=\"16\"\n          opacity=\"0.23027522935779818\"\n        ></circle>\n        <circle\n          cx=\"340.95389311788625\"\n          cy=\"148.6969785011497\"\n          r=\"16\"\n          opacity=\"0.22727272727272727\"\n        ></circle>\n        <circle\n          cx=\"340.0370639745803\"\n          cy=\"146.24480756820498\"\n          r=\"16\"\n          opacity=\"0.22432432432432434\"\n        ></circle>\n        <circle\n          cx=\"339.0775781850181\"\n          cy=\"143.8090109876132\"\n          r=\"16\"\n          opacity=\"0.22142857142857142\"\n        ></circle>\n        <circle\n          cx=\"338.075728017866\"\n          cy=\"141.39033072660897\"\n          r=\"16\"\n          opacity=\"0.21858407079646017\"\n        ></circle>\n        <circle\n          cx=\"337.03181864639015\"\n          cy=\"138.98950353863\"\n          r=\"16\"\n          opacity=\"0.21578947368421053\"\n        ></circle>\n        <circle\n          cx=\"335.94616805549754\"\n          cy=\"136.6072607388951\"\n          r=\"16\"\n          opacity=\"0.21304347826086956\"\n        ></circle>\n        <circle\n          cx=\"334.81910694487505\"\n          cy=\"134.24432798163838\"\n          r=\"16\"\n          opacity=\"0.2103448275862069\"\n        ></circle>\n        <circle\n          cx=\"333.6509786282552\"\n          cy=\"131.901425039068\"\n          r=\"16\"\n          opacity=\"0.2076923076923077\"\n        ></circle>\n        <circle\n          cx=\"332.4421389288391\"\n          cy=\"129.57926558211642\"\n          r=\"16\"\n          opacity=\"0.20508474576271185\"\n        ></circle>\n        <circle\n          cx=\"331.1929560709094\"\n          cy=\"127.27855696304945\"\n          r=\"16\"\n          opacity=\"0.20252100840336135\"\n        ></circle>\n        <circle\n          cx=\"329.9038105676658\"\n          cy=\"125.00000000000003\"\n          r=\"16\"\n          opacity=\"0.2\"\n        ></circle>\n        <circle\n          cx=\"328.57509510531685\"\n          cy=\"122.74428876349187\"\n          r=\"16\"\n          opacity=\"0.1975206611570248\"\n        ></circle>\n        <circle\n          cx=\"327.20721442346394\"\n          cy=\"120.51211036501928\"\n          r=\"16\"\n          opacity=\"0.19508196721311474\"\n        ></circle>\n        <circle\n          cx=\"325.8005851918136\"\n          cy=\"118.30414474774594\"\n          r=\"16\"\n          opacity=\"0.1926829268292683\"\n        ></circle>\n        <circle\n          cx=\"324.35563588325624\"\n          cy=\"116.121064479388\"\n          r=\"16\"\n          opacity=\"0.19032258064516128\"\n        ></circle>\n        <circle\n          cx=\"322.8728066433488\"\n          cy=\"113.96353454734313\"\n          r=\"16\"\n          opacity=\"0.188\"\n        ></circle>\n        <circle\n          cx=\"321.3525491562421\"\n          cy=\"111.83221215612905\"\n          r=\"16\"\n          opacity=\"0.18571428571428572\"\n        ></circle>\n        <circle\n          cx=\"319.79532650709393\"\n          cy=\"109.72774652719275\"\n          r=\"16\"\n          opacity=\"0.18346456692913385\"\n        ></circle>\n        <circle\n          cx=\"318.2016130410083\"\n          cy=\"107.65077870115125\"\n          r=\"16\"\n          opacity=\"0.18125\"\n        ></circle>\n        <circle\n          cx=\"316.57189421854565\"\n          cy=\"105.60194134252441\"\n          r=\"16\"\n          opacity=\"0.17906976744186046\"\n        ></circle>\n        <circle\n          cx=\"314.9066664678467\"\n          cy=\"103.5818585470191\"\n          r=\"16\"\n          opacity=\"0.17692307692307693\"\n        ></circle>\n        <circle\n          cx=\"313.2064370334158\"\n          cy=\"101.59114565142387\"\n          r=\"16\"\n          opacity=\"0.17480916030534352\"\n        ></circle>\n        <circle\n          cx=\"311.47172382160915\"\n          cy=\"99.63040904617127\"\n          r=\"16\"\n          opacity=\"0.17272727272727273\"\n        ></circle>\n        <circle\n          cx=\"309.7030552428756\"\n          cy=\"97.70024599062525\"\n          r=\"16\"\n          opacity=\"0.17067669172932332\"\n        ></circle>\n        <circle\n          cx=\"307.9009700507977\"\n          cy=\"95.80124443115045\"\n          r=\"16\"\n          opacity=\"0.16865671641791044\"\n        ></circle>\n        <circle\n          cx=\"306.06601717798213\"\n          cy=\"93.93398282201788\"\n          r=\"16\"\n          opacity=\"0.16666666666666666\"\n        ></circle>\n        <circle\n          cx=\"304.1987555688496\"\n          cy=\"92.09902994920232\"\n          r=\"16\"\n          opacity=\"0.16470588235294117\"\n        ></circle>\n        <circle\n          cx=\"302.2997540093748\"\n          cy=\"90.29694475712444\"\n          r=\"16\"\n          opacity=\"0.16277372262773723\"\n        ></circle>\n        <circle\n          cx=\"300.3695909538287\"\n          cy=\"88.5282761783909\"\n          r=\"16\"\n          opacity=\"0.1608695652173913\"\n        ></circle>\n        <circle\n          cx=\"298.4088543485761\"\n          cy=\"86.7935629665842\"\n          r=\"16\"\n          opacity=\"0.15899280575539568\"\n        ></circle>\n        <circle\n          cx=\"296.41814145298093\"\n          cy=\"85.09333353215331\"\n          r=\"16\"\n          opacity=\"0.15714285714285714\"\n        ></circle>\n        <circle\n          cx=\"294.39805865747564\"\n          cy=\"83.42810578145439\"\n          r=\"16\"\n          opacity=\"0.15531914893617021\"\n        ></circle>\n        <circle\n          cx=\"292.34922129884876\"\n          cy=\"81.79838695899171\"\n          r=\"16\"\n          opacity=\"0.15352112676056337\"\n        ></circle>\n        <circle\n          cx=\"290.2722534728072\"\n          cy=\"80.20467349290605\"\n          r=\"16\"\n          opacity=\"0.15174825174825174\"\n        ></circle>\n        <circle\n          cx=\"288.167787843871\"\n          cy=\"78.6474508437579\"\n          r=\"16\"\n          opacity=\"0.15\"\n        ></circle>\n        <circle\n          cx=\"286.03646545265696\"\n          cy=\"77.12719335665126\"\n          r=\"16\"\n          opacity=\"0.1482758620689655\"\n        ></circle>\n        <circle\n          cx=\"283.878935520612\"\n          cy=\"75.64436411674376\"\n          r=\"16\"\n          opacity=\"0.14657534246575343\"\n        ></circle>\n        <circle\n          cx=\"281.69585525225403\"\n          cy=\"74.19941480818638\"\n          r=\"16\"\n          opacity=\"0.14489795918367346\"\n        ></circle>\n        <circle\n          cx=\"279.4878896349807\"\n          cy=\"72.7927855765361\"\n          r=\"16\"\n          opacity=\"0.14324324324324328\"\n        ></circle>\n        <circle\n          cx=\"277.25571123650815\"\n          cy=\"71.42490489468318\"\n          r=\"16\"\n          opacity=\"0.14161073825503354\"\n        ></circle>\n        <circle cx=\"275\" cy=\"70.0961894323342\" r=\"16\" opacity=\"0.14\"></circle>\n        <circle\n          cx=\"272.7214430369506\"\n          cy=\"68.80704392909064\"\n          r=\"16\"\n          opacity=\"0.13841059602649006\"\n        ></circle>\n        <circle\n          cx=\"270.42073441788364\"\n          cy=\"67.55786107116097\"\n          r=\"16\"\n          opacity=\"0.1368421052631579\"\n        ></circle>\n        <circle\n          cx=\"268.098574960932\"\n          cy=\"66.34902137174484\"\n          r=\"16\"\n          opacity=\"0.13529411764705881\"\n        ></circle>\n        <circle\n          cx=\"265.75567201836157\"\n          cy=\"65.18089305512495\"\n          r=\"16\"\n          opacity=\"0.13376623376623376\"\n        ></circle>\n        <circle\n          cx=\"263.3927392611049\"\n          cy=\"64.05383194450252\"\n          r=\"16\"\n          opacity=\"0.13225806451612904\"\n        ></circle>\n        <circle\n          cx=\"261.01049646137005\"\n          cy=\"62.96818135360988\"\n          r=\"16\"\n          opacity=\"0.13076923076923078\"\n        ></circle>\n        <circle\n          cx=\"258.60966927339115\"\n          cy=\"61.92427198213397\"\n          r=\"16\"\n          opacity=\"0.12929936305732487\"\n        ></circle>\n        <circle\n          cx=\"256.1909890123868\"\n          cy=\"60.9224218149819\"\n          r=\"16\"\n          opacity=\"0.12784810126582277\"\n        ></circle>\n        <circle\n          cx=\"253.75519243179502\"\n          cy=\"59.96293602541974\"\n          r=\"16\"\n          opacity=\"0.12641509433962264\"\n        ></circle>\n        <circle\n          cx=\"251.30302149885034\"\n          cy=\"59.04610688211375\"\n          r=\"16\"\n          opacity=\"0.125\"\n        ></circle>\n        <circle\n          cx=\"248.83522316857355\"\n          cy=\"58.1722136601025\"\n          r=\"16\"\n          opacity=\"0.12360248447204969\"\n        ></circle>\n        <circle\n          cx=\"246.35254915624213\"\n          cy=\"57.34152255572698\"\n          r=\"16\"\n          opacity=\"0.12222222222222222\"\n        ></circle>\n        <circle\n          cx=\"243.85575570841056\"\n          cy=\"56.55428660554469\"\n          r=\"16\"\n          opacity=\"0.12085889570552147\"\n        ></circle>\n        <circle\n          cx=\"241.34560337254996\"\n          cy=\"55.810745609252194\"\n          r=\"16\"\n          opacity=\"0.11951219512195121\"\n        ></circle>\n        <circle\n          cx=\"238.82285676537816\"\n          cy=\"55.11112605663976\"\n          r=\"16\"\n          opacity=\"0.11818181818181818\"\n        ></circle>\n        <circle\n          cx=\"236.28828433995017\"\n          cy=\"54.45564105860052\"\n          r=\"16\"\n          opacity=\"0.11686746987951808\"\n        ></circle>\n        <circle\n          cx=\"233.74265815157972\"\n          cy=\"53.84449028221471\"\n          r=\"16\"\n          opacity=\"0.11556886227544909\"\n        ></circle>\n        <circle\n          cx=\"231.1867536226639\"\n          cy=\"53.27785988992915\"\n          r=\"16\"\n          opacity=\"0.11428571428571428\"\n        ></circle>\n        <circle\n          cx=\"228.62134930648176\"\n          cy=\"52.755922482850394\"\n          r=\"16\"\n          opacity=\"0.11301775147928994\"\n        ></circle>\n        <circle\n          cx=\"226.04722665003953\"\n          cy=\"52.27883704816881\"\n          r=\"16\"\n          opacity=\"0.11176470588235295\"\n        ></circle>\n        <circle\n          cx=\"223.46516975603464\"\n          cy=\"51.84674891072936\"\n          r=\"16\"\n          opacity=\"0.11052631578947368\"\n        ></circle>\n        <circle\n          cx=\"220.87596514400985\"\n          cy=\"51.45978968876446\"\n          r=\"16\"\n          opacity=\"0.10930232558139535\"\n        ></circle>\n        <circle\n          cx=\"218.28040151077212\"\n          cy=\"51.118077253801715\"\n          r=\"16\"\n          opacity=\"0.10809248554913295\"\n        ></circle>\n        <circle\n          cx=\"215.67926949014807\"\n          cy=\"50.82171569475901\"\n          r=\"16\"\n          opacity=\"0.10689655172413794\"\n        ></circle>\n        <circle\n          cx=\"213.07336141214878\"\n          cy=\"50.570795286238166\"\n          r=\"16\"\n          opacity=\"0.10571428571428573\"\n        ></circle>\n        <circle\n          cx=\"210.46347106161883\"\n          cy=\"50.365392461026374\"\n          r=\"16\"\n          opacity=\"0.10454545454545454\"\n        ></circle>\n        <circle\n          cx=\"207.85039343644158\"\n          cy=\"50.205569786813925\"\n          r=\"16\"\n          opacity=\"0.10338983050847457\"\n        ></circle>\n        <circle\n          cx=\"205.2349245053751\"\n          cy=\"50.091375947135646\"\n          r=\"16\"\n          opacity=\"0.10224719101123596\"\n        ></circle>\n        <circle\n          cx=\"202.6178609655925\"\n          cy=\"50.022845726541306\"\n          r=\"16\"\n          opacity=\"0.1011173184357542\"\n        ></circle>\n        <circle cx=\"200.00000000000003\" cy=\"50\" r=\"16\" opacity=\"0.1\"></circle>\n        <circle\n          cx=\"197.38213903440752\"\n          cy=\"50.022845726541306\"\n          r=\"16\"\n          opacity=\"0.09889502762430939\"\n        ></circle>\n        <circle\n          cx=\"194.76507549462485\"\n          cy=\"50.091375947135646\"\n          r=\"16\"\n          opacity=\"0.0978021978021978\"\n        ></circle>\n        <circle\n          cx=\"192.14960656355848\"\n          cy=\"50.205569786813925\"\n          r=\"16\"\n          opacity=\"0.09672131147540984\"\n        ></circle>\n        <circle\n          cx=\"189.53652893838128\"\n          cy=\"50.365392461026346\"\n          r=\"16\"\n          opacity=\"0.0956521739130435\"\n        ></circle>\n        <circle\n          cx=\"186.9266385878513\"\n          cy=\"50.570795286238166\"\n          r=\"16\"\n          opacity=\"0.09459459459459459\"\n        ></circle>\n        <circle\n          cx=\"184.32073050985204\"\n          cy=\"50.82171569475898\"\n          r=\"16\"\n          opacity=\"0.0935483870967742\"\n        ></circle>\n        <circle\n          cx=\"181.71959848922785\"\n          cy=\"51.118077253801715\"\n          r=\"16\"\n          opacity=\"0.09251336898395722\"\n        ></circle>\n        <circle\n          cx=\"179.12403485599017\"\n          cy=\"51.45978968876446\"\n          r=\"16\"\n          opacity=\"0.09148936170212765\"\n        ></circle>\n        <circle\n          cx=\"176.5348302439654\"\n          cy=\"51.84674891072933\"\n          r=\"16\"\n          opacity=\"0.09047619047619047\"\n        ></circle>\n        <circle\n          cx=\"173.95277334996044\"\n          cy=\"52.27883704816881\"\n          r=\"16\"\n          opacity=\"0.08947368421052632\"\n        ></circle>\n        <circle\n          cx=\"171.3786506935183\"\n          cy=\"52.755922482850394\"\n          r=\"16\"\n          opacity=\"0.08848167539267016\"\n        ></circle>\n        <circle\n          cx=\"168.81324637733613\"\n          cy=\"53.27785988992915\"\n          r=\"16\"\n          opacity=\"0.0875\"\n        ></circle>\n        <circle\n          cx=\"166.25734184842025\"\n          cy=\"53.84449028221471\"\n          r=\"16\"\n          opacity=\"0.08652849740932643\"\n        ></circle>\n        <circle\n          cx=\"163.7117156600499\"\n          cy=\"54.45564105860052\"\n          r=\"16\"\n          opacity=\"0.08556701030927834\"\n        ></circle>\n        <circle\n          cx=\"161.17714323462195\"\n          cy=\"55.11112605663973\"\n          r=\"16\"\n          opacity=\"0.08461538461538462\"\n        ></circle>\n        <circle\n          cx=\"158.65439662745015\"\n          cy=\"55.810745609252166\"\n          r=\"16\"\n          opacity=\"0.0836734693877551\"\n        ></circle>\n        <circle\n          cx=\"156.14424429158953\"\n          cy=\"56.55428660554466\"\n          r=\"16\"\n          opacity=\"0.08274111675126904\"\n        ></circle>\n        <circle\n          cx=\"153.64745084375784\"\n          cy=\"57.34152255572698\"\n          r=\"16\"\n          opacity=\"0.08181818181818182\"\n        ></circle>\n        <circle\n          cx=\"151.16477683142648\"\n          cy=\"58.1722136601025\"\n          r=\"16\"\n          opacity=\"0.08090452261306533\"\n        ></circle>\n        <circle\n          cx=\"148.69697850114972\"\n          cy=\"59.04610688211375\"\n          r=\"16\"\n          opacity=\"0.08\"\n        ></circle>\n        <circle\n          cx=\"146.24480756820492\"\n          cy=\"59.96293602541974\"\n          r=\"16\"\n          opacity=\"0.0791044776119403\"\n        ></circle>\n        <circle\n          cx=\"143.8090109876132\"\n          cy=\"60.922421814981874\"\n          r=\"16\"\n          opacity=\"0.07821782178217823\"\n        ></circle>\n        <circle\n          cx=\"141.39033072660897\"\n          cy=\"61.924271982133945\"\n          r=\"16\"\n          opacity=\"0.0773399014778325\"\n        ></circle>\n        <circle\n          cx=\"138.98950353863003\"\n          cy=\"62.96818135360985\"\n          r=\"16\"\n          opacity=\"0.07647058823529412\"\n        ></circle>\n        <circle\n          cx=\"136.6072607388951\"\n          cy=\"64.05383194450249\"\n          r=\"16\"\n          opacity=\"0.07560975609756097\"\n        ></circle>\n        <circle\n          cx=\"134.24432798163843\"\n          cy=\"65.18089305512493\"\n          r=\"16\"\n          opacity=\"0.07475728155339806\"\n        ></circle>\n        <circle\n          cx=\"131.90142503906804\"\n          cy=\"66.34902137174478\"\n          r=\"16\"\n          opacity=\"0.07391304347826087\"\n        ></circle>\n        <circle\n          cx=\"129.57926558211636\"\n          cy=\"67.55786107116097\"\n          r=\"16\"\n          opacity=\"0.07307692307692308\"\n        ></circle>\n        <circle\n          cx=\"127.27855696304945\"\n          cy=\"68.80704392909061\"\n          r=\"16\"\n          opacity=\"0.0722488038277512\"\n        ></circle>\n        <circle\n          cx=\"124.99999999999999\"\n          cy=\"70.0961894323342\"\n          r=\"16\"\n          opacity=\"0.07142857142857142\"\n        ></circle>\n        <circle\n          cx=\"122.74428876349188\"\n          cy=\"71.42490489468315\"\n          r=\"16\"\n          opacity=\"0.07061611374407582\"\n        ></circle>\n        <circle\n          cx=\"120.51211036501928\"\n          cy=\"72.79278557653609\"\n          r=\"16\"\n          opacity=\"0.06981132075471698\"\n        ></circle>\n        <circle\n          cx=\"118.30414474774594\"\n          cy=\"74.19941480818639\"\n          r=\"16\"\n          opacity=\"0.06901408450704226\"\n        ></circle>\n        <circle\n          cx=\"116.121064479388\"\n          cy=\"75.64436411674372\"\n          r=\"16\"\n          opacity=\"0.06822429906542056\"\n        ></circle>\n        <circle\n          cx=\"113.96353454734313\"\n          cy=\"77.12719335665119\"\n          r=\"16\"\n          opacity=\"0.06744186046511629\"\n        ></circle>\n        <circle\n          cx=\"111.83221215612905\"\n          cy=\"78.64745084375787\"\n          r=\"16\"\n          opacity=\"0.06666666666666667\"\n        ></circle>\n        <circle\n          cx=\"109.72774652719279\"\n          cy=\"80.20467349290604\"\n          r=\"16\"\n          opacity=\"0.06589861751152074\"\n        ></circle>\n        <circle\n          cx=\"107.65077870115132\"\n          cy=\"81.79838695899167\"\n          r=\"16\"\n          opacity=\"0.06513761467889909\"\n        ></circle>\n        <circle\n          cx=\"105.60194134252436\"\n          cy=\"83.42810578145438\"\n          r=\"16\"\n          opacity=\"0.06438356164383562\"\n        ></circle>\n        <circle\n          cx=\"103.58185854701911\"\n          cy=\"85.0933335321533\"\n          r=\"16\"\n          opacity=\"0.06363636363636363\"\n        ></circle>\n        <circle\n          cx=\"101.59114565142389\"\n          cy=\"86.79356296658422\"\n          r=\"16\"\n          opacity=\"0.06289592760180995\"\n        ></circle>\n        <circle\n          cx=\"99.63040904617127\"\n          cy=\"88.52827617839087\"\n          r=\"16\"\n          opacity=\"0.062162162162162166\"\n        ></circle>\n        <circle\n          cx=\"97.70024599062525\"\n          cy=\"90.29694475712441\"\n          r=\"16\"\n          opacity=\"0.06143497757847534\"\n        ></circle>\n        <circle\n          cx=\"95.8012444311504\"\n          cy=\"92.09902994920233\"\n          r=\"16\"\n          opacity=\"0.060714285714285714\"\n        ></circle>\n        <circle\n          cx=\"93.93398282201788\"\n          cy=\"93.93398282201785\"\n          r=\"16\"\n          opacity=\"0.06\"\n        ></circle>\n        <circle\n          cx=\"92.09902994920238\"\n          cy=\"95.80124443115037\"\n          r=\"16\"\n          opacity=\"0.05929203539823009\"\n        ></circle>\n        <circle\n          cx=\"90.29694475712448\"\n          cy=\"97.70024599062516\"\n          r=\"16\"\n          opacity=\"0.05859030837004405\"\n        ></circle>\n        <circle\n          cx=\"88.5282761783909\"\n          cy=\"99.63040904617124\"\n          r=\"16\"\n          opacity=\"0.05789473684210526\"\n        ></circle>\n        <circle\n          cx=\"86.79356296658425\"\n          cy=\"101.59114565142386\"\n          r=\"16\"\n          opacity=\"0.05720524017467249\"\n        ></circle>\n        <circle\n          cx=\"85.09333353215331\"\n          cy=\"103.58185854701908\"\n          r=\"16\"\n          opacity=\"0.05652173913043478\"\n        ></circle>\n        <circle\n          cx=\"83.42810578145433\"\n          cy=\"105.60194134252443\"\n          r=\"16\"\n          opacity=\"0.05584415584415584\"\n        ></circle>\n        <circle\n          cx=\"81.79838695899168\"\n          cy=\"107.6507787011513\"\n          r=\"16\"\n          opacity=\"0.05517241379310345\"\n        ></circle>\n        <circle\n          cx=\"80.20467349290608\"\n          cy=\"109.72774652719276\"\n          r=\"16\"\n          opacity=\"0.054506437768240344\"\n        ></circle>\n        <circle\n          cx=\"78.6474508437579\"\n          cy=\"111.83221215612902\"\n          r=\"16\"\n          opacity=\"0.05384615384615385\"\n        ></circle>\n        <circle\n          cx=\"77.12719335665126\"\n          cy=\"113.96353454734304\"\n          r=\"16\"\n          opacity=\"0.05319148936170213\"\n        ></circle>\n        <circle\n          cx=\"75.64436411674379\"\n          cy=\"116.12106447938791\"\n          r=\"16\"\n          opacity=\"0.05254237288135593\"\n        ></circle>\n        <circle\n          cx=\"74.19941480818639\"\n          cy=\"118.30414474774595\"\n          r=\"16\"\n          opacity=\"0.05189873417721519\"\n        ></circle>\n        <circle\n          cx=\"72.7927855765361\"\n          cy=\"120.51211036501925\"\n          r=\"16\"\n          opacity=\"0.05126050420168067\"\n        ></circle>\n        <circle\n          cx=\"71.42490489468318\"\n          cy=\"122.74428876349182\"\n          r=\"16\"\n          opacity=\"0.050627615062761505\"\n        ></circle>\n        <circle\n          cx=\"70.09618943233426\"\n          cy=\"124.99999999999993\"\n          r=\"16\"\n          opacity=\"0.05\"\n        ></circle>\n        <circle\n          cx=\"68.80704392909061\"\n          cy=\"127.27855696304947\"\n          r=\"16\"\n          opacity=\"0.04937759336099585\"\n        ></circle>\n        <circle\n          cx=\"67.55786107116094\"\n          cy=\"129.5792655821164\"\n          r=\"16\"\n          opacity=\"0.048760330578512395\"\n        ></circle>\n        <circle\n          cx=\"66.34902137174484\"\n          cy=\"131.90142503906796\"\n          r=\"16\"\n          opacity=\"0.04814814814814815\"\n        ></circle>\n        <circle\n          cx=\"65.18089305512498\"\n          cy=\"134.24432798163832\"\n          r=\"16\"\n          opacity=\"0.047540983606557376\"\n        ></circle>\n        <circle\n          cx=\"64.05383194450255\"\n          cy=\"136.607260738895\"\n          r=\"16\"\n          opacity=\"0.04693877551020408\"\n        ></circle>\n        <circle\n          cx=\"62.96818135360985\"\n          cy=\"138.98950353862998\"\n          r=\"16\"\n          opacity=\"0.046341463414634146\"\n        ></circle>\n        <circle\n          cx=\"61.92427198213397\"\n          cy=\"141.3903307266089\"\n          r=\"16\"\n          opacity=\"0.045748987854251015\"\n        ></circle>\n        <circle\n          cx=\"60.9224218149819\"\n          cy=\"143.80901098761316\"\n          r=\"16\"\n          opacity=\"0.04516129032258064\"\n        ></circle>\n        <circle\n          cx=\"59.962936025419765\"\n          cy=\"146.2448075682049\"\n          r=\"16\"\n          opacity=\"0.04457831325301205\"\n        ></circle>\n        <circle\n          cx=\"59.046106882113776\"\n          cy=\"148.6969785011496\"\n          r=\"16\"\n          opacity=\"0.044\"\n        ></circle>\n        <circle\n          cx=\"58.17221366010247\"\n          cy=\"151.1647768314265\"\n          r=\"16\"\n          opacity=\"0.04342629482071713\"\n        ></circle>\n        <circle\n          cx=\"57.34152255572698\"\n          cy=\"153.64745084375787\"\n          r=\"16\"\n          opacity=\"0.04285714285714286\"\n        ></circle>\n        <circle\n          cx=\"56.55428660554469\"\n          cy=\"156.14424429158944\"\n          r=\"16\"\n          opacity=\"0.042292490118577074\"\n        ></circle>\n        <circle\n          cx=\"55.81074560925214\"\n          cy=\"158.65439662745018\"\n          r=\"16\"\n          opacity=\"0.04173228346456693\"\n        ></circle>\n        <circle\n          cx=\"55.11112605663976\"\n          cy=\"161.1771432346219\"\n          r=\"16\"\n          opacity=\"0.041176470588235294\"\n        ></circle>\n        <circle\n          cx=\"54.45564105860052\"\n          cy=\"163.71171566004983\"\n          r=\"16\"\n          opacity=\"0.040625\"\n        ></circle>\n        <circle\n          cx=\"53.844490282214736\"\n          cy=\"166.2573418484202\"\n          r=\"16\"\n          opacity=\"0.040077821011673155\"\n        ></circle>\n        <circle\n          cx=\"53.277859889929175\"\n          cy=\"168.81324637733604\"\n          r=\"16\"\n          opacity=\"0.03953488372093023\"\n        ></circle>\n        <circle\n          cx=\"52.75592248285042\"\n          cy=\"171.37865069351818\"\n          r=\"16\"\n          opacity=\"0.038996138996139\"\n        ></circle>\n        <circle\n          cx=\"52.27883704816881\"\n          cy=\"173.95277334996044\"\n          r=\"16\"\n          opacity=\"0.038461538461538464\"\n        ></circle>\n        <circle\n          cx=\"51.84674891072936\"\n          cy=\"176.53483024396536\"\n          r=\"16\"\n          opacity=\"0.03793103448275862\"\n        ></circle>\n        <circle\n          cx=\"51.45978968876446\"\n          cy=\"179.12403485599026\"\n          r=\"16\"\n          opacity=\"0.03740458015267176\"\n        ></circle>\n        <circle\n          cx=\"51.11807725380169\"\n          cy=\"181.71959848922793\"\n          r=\"16\"\n          opacity=\"0.03688212927756654\"\n        ></circle>\n        <circle\n          cx=\"50.82171569475898\"\n          cy=\"184.32073050985198\"\n          r=\"16\"\n          opacity=\"0.03636363636363636\"\n        ></circle>\n        <circle\n          cx=\"50.570795286238166\"\n          cy=\"186.92663858785127\"\n          r=\"16\"\n          opacity=\"0.035849056603773584\"\n        ></circle>\n        <circle\n          cx=\"50.365392461026374\"\n          cy=\"189.53652893838117\"\n          r=\"16\"\n          opacity=\"0.035338345864661655\"\n        ></circle>\n        <circle\n          cx=\"50.205569786813925\"\n          cy=\"192.14960656355836\"\n          r=\"16\"\n          opacity=\"0.0348314606741573\"\n        ></circle>\n        <circle\n          cx=\"50.091375947135646\"\n          cy=\"194.76507549462474\"\n          r=\"16\"\n          opacity=\"0.034328358208955224\"\n        ></circle>\n        <circle\n          cx=\"50.022845726541306\"\n          cy=\"197.3821390344075\"\n          r=\"16\"\n          opacity=\"0.03382899628252788\"\n        ></circle>\n        <circle\n          cx=\"50\"\n          cy=\"199.99999999999997\"\n          r=\"16\"\n          opacity=\"0.03333333333333333\"\n        ></circle>\n        <circle\n          cx=\"50.022845726541306\"\n          cy=\"202.61786096559246\"\n          r=\"16\"\n          opacity=\"0.03284132841328413\"\n        ></circle>\n        <circle\n          cx=\"50.091375947135646\"\n          cy=\"205.2349245053752\"\n          r=\"16\"\n          opacity=\"0.03235294117647059\"\n        ></circle>\n        <circle\n          cx=\"50.205569786813925\"\n          cy=\"207.85039343644158\"\n          r=\"16\"\n          opacity=\"0.031868131868131866\"\n        ></circle>\n        <circle\n          cx=\"50.365392461026346\"\n          cy=\"210.46347106161878\"\n          r=\"16\"\n          opacity=\"0.031386861313868614\"\n        ></circle>\n        <circle\n          cx=\"50.570795286238166\"\n          cy=\"213.07336141214867\"\n          r=\"16\"\n          opacity=\"0.03090909090909091\"\n        ></circle>\n        <circle\n          cx=\"50.82171569475898\"\n          cy=\"215.67926949014796\"\n          r=\"16\"\n          opacity=\"0.030434782608695653\"\n        ></circle>\n        <circle\n          cx=\"51.118077253801715\"\n          cy=\"218.28040151077215\"\n          r=\"16\"\n          opacity=\"0.029963898916967508\"\n        ></circle>\n        <circle\n          cx=\"51.45978968876446\"\n          cy=\"220.87596514400983\"\n          r=\"16\"\n          opacity=\"0.029496402877697843\"\n        ></circle>\n        <circle\n          cx=\"51.84674891072933\"\n          cy=\"223.4651697560346\"\n          r=\"16\"\n          opacity=\"0.02903225806451613\"\n        ></circle>\n        <circle\n          cx=\"52.27883704816878\"\n          cy=\"226.0472266500395\"\n          r=\"16\"\n          opacity=\"0.02857142857142857\"\n        ></circle>\n        <circle\n          cx=\"52.755922482850394\"\n          cy=\"228.62134930648165\"\n          r=\"16\"\n          opacity=\"0.028113879003558717\"\n        ></circle>\n        <circle\n          cx=\"53.27785988992912\"\n          cy=\"231.1867536226638\"\n          r=\"16\"\n          opacity=\"0.027659574468085105\"\n        ></circle>\n        <circle\n          cx=\"53.84449028221471\"\n          cy=\"233.74265815157975\"\n          r=\"16\"\n          opacity=\"0.027208480565371024\"\n        ></circle>\n        <circle\n          cx=\"54.45564105860052\"\n          cy=\"236.2882843399501\"\n          r=\"16\"\n          opacity=\"0.02676056338028169\"\n        ></circle>\n        <circle\n          cx=\"55.11112605663976\"\n          cy=\"238.82285676537816\"\n          r=\"16\"\n          opacity=\"0.02631578947368421\"\n        ></circle>\n        <circle\n          cx=\"55.810745609252194\"\n          cy=\"241.3456033725499\"\n          r=\"16\"\n          opacity=\"0.025874125874125874\"\n        ></circle>\n        <circle\n          cx=\"56.55428660554469\"\n          cy=\"243.8557557084105\"\n          r=\"16\"\n          opacity=\"0.025435540069686412\"\n        ></circle>\n        <circle\n          cx=\"57.341522555726954\"\n          cy=\"246.35254915624208\"\n          r=\"16\"\n          opacity=\"0.025\"\n        ></circle>\n        <circle\n          cx=\"58.17221366010244\"\n          cy=\"248.83522316857346\"\n          r=\"16\"\n          opacity=\"0.0245674740484429\"\n        ></circle>\n        <circle\n          cx=\"59.04610688211372\"\n          cy=\"251.30302149885023\"\n          r=\"16\"\n          opacity=\"0.02413793103448276\"\n        ></circle>\n        <circle\n          cx=\"59.96293602541968\"\n          cy=\"253.75519243179494\"\n          r=\"16\"\n          opacity=\"0.023711340206185566\"\n        ></circle>\n        <circle\n          cx=\"60.922421814981874\"\n          cy=\"256.1909890123868\"\n          r=\"16\"\n          opacity=\"0.023287671232876714\"\n        ></circle>\n        <circle\n          cx=\"61.92427198213392\"\n          cy=\"258.60966927339103\"\n          r=\"16\"\n          opacity=\"0.02286689419795222\"\n        ></circle>\n        <circle\n          cx=\"62.96818135360988\"\n          cy=\"261.01049646137005\"\n          r=\"16\"\n          opacity=\"0.022448979591836733\"\n        ></circle>\n        <circle\n          cx=\"64.05383194450252\"\n          cy=\"263.39273926110496\"\n          r=\"16\"\n          opacity=\"0.022033898305084745\"\n        ></circle>\n        <circle\n          cx=\"65.18089305512495\"\n          cy=\"265.7556720183616\"\n          r=\"16\"\n          opacity=\"0.021621621621621626\"\n        ></circle>\n        <circle\n          cx=\"66.34902137174481\"\n          cy=\"268.098574960932\"\n          r=\"16\"\n          opacity=\"0.021212121212121213\"\n        ></circle>\n        <circle\n          cx=\"67.55786107116094\"\n          cy=\"270.4207344178836\"\n          r=\"16\"\n          opacity=\"0.020805369127516776\"\n        ></circle>\n        <circle\n          cx=\"68.80704392909058\"\n          cy=\"272.72144303695046\"\n          r=\"16\"\n          opacity=\"0.02040133779264214\"\n        ></circle>\n        <circle cx=\"70.0961894323342\" cy=\"275\" r=\"16\" opacity=\"0.02\"></circle>\n        <circle\n          cx=\"71.42490489468315\"\n          cy=\"277.2557112365081\"\n          r=\"16\"\n          opacity=\"0.019601328903654486\"\n        ></circle>\n        <circle\n          cx=\"72.79278557653608\"\n          cy=\"279.4878896349807\"\n          r=\"16\"\n          opacity=\"0.019205298013245033\"\n        ></circle>\n        <circle\n          cx=\"74.19941480818636\"\n          cy=\"281.695855252254\"\n          r=\"16\"\n          opacity=\"0.01881188118811881\"\n        ></circle>\n        <circle\n          cx=\"75.64436411674369\"\n          cy=\"283.87893552061195\"\n          r=\"16\"\n          opacity=\"0.018421052631578946\"\n        ></circle>\n        <circle\n          cx=\"77.12719335665123\"\n          cy=\"286.0364654526569\"\n          r=\"16\"\n          opacity=\"0.018032786885245903\"\n        ></circle>\n        <circle\n          cx=\"78.64745084375787\"\n          cy=\"288.16778784387094\"\n          r=\"16\"\n          opacity=\"0.01764705882352941\"\n        ></circle>\n        <circle\n          cx=\"80.20467349290604\"\n          cy=\"290.27225347280717\"\n          r=\"16\"\n          opacity=\"0.017263843648208467\"\n        ></circle>\n        <circle\n          cx=\"81.79838695899173\"\n          cy=\"292.34922129884876\"\n          r=\"16\"\n          opacity=\"0.016883116883116882\"\n        ></circle>\n        <circle\n          cx=\"83.42810578145438\"\n          cy=\"294.39805865747564\"\n          r=\"16\"\n          opacity=\"0.01650485436893204\"\n        ></circle>\n        <circle\n          cx=\"85.09333353215328\"\n          cy=\"296.4181414529809\"\n          r=\"16\"\n          opacity=\"0.016129032258064516\"\n        ></circle>\n        <circle\n          cx=\"86.79356296658416\"\n          cy=\"298.408854348576\"\n          r=\"16\"\n          opacity=\"0.015755627009646302\"\n        ></circle>\n        <circle\n          cx=\"88.52827617839081\"\n          cy=\"300.36959095382866\"\n          r=\"16\"\n          opacity=\"0.015384615384615385\"\n        ></circle>\n        <circle\n          cx=\"90.29694475712435\"\n          cy=\"302.29975400937474\"\n          r=\"16\"\n          opacity=\"0.015015974440894569\"\n        ></circle>\n        <circle\n          cx=\"92.09902994920223\"\n          cy=\"304.1987555688495\"\n          r=\"16\"\n          opacity=\"0.014649681528662422\"\n        ></circle>\n        <circle\n          cx=\"93.93398282201785\"\n          cy=\"306.0660171779821\"\n          r=\"16\"\n          opacity=\"0.014285714285714285\"\n        ></circle>\n        <circle\n          cx=\"95.80124443115037\"\n          cy=\"307.90097005079764\"\n          r=\"16\"\n          opacity=\"0.01392405063291139\"\n        ></circle>\n        <circle\n          cx=\"97.70024599062526\"\n          cy=\"309.7030552428756\"\n          r=\"16\"\n          opacity=\"0.013564668769716088\"\n        ></circle>\n        <circle\n          cx=\"99.63040904617128\"\n          cy=\"311.47172382160915\"\n          r=\"16\"\n          opacity=\"0.013207547169811321\"\n        ></circle>\n        <circle\n          cx=\"101.59114565142389\"\n          cy=\"313.2064370334158\"\n          r=\"16\"\n          opacity=\"0.012852664576802508\"\n        ></circle>\n        <circle\n          cx=\"103.58185854701907\"\n          cy=\"314.90666646784666\"\n          r=\"16\"\n          opacity=\"0.0125\"\n        ></circle>\n        <circle\n          cx=\"105.60194134252433\"\n          cy=\"316.5718942185456\"\n          r=\"16\"\n          opacity=\"0.012149532710280374\"\n        ></circle>\n        <circle\n          cx=\"107.65077870115117\"\n          cy=\"318.2016130410082\"\n          r=\"16\"\n          opacity=\"0.011801242236024845\"\n        ></circle>\n        <circle\n          cx=\"109.72774652719276\"\n          cy=\"319.79532650709393\"\n          r=\"16\"\n          opacity=\"0.011455108359133128\"\n        ></circle>\n        <circle\n          cx=\"111.832212156129\"\n          cy=\"321.3525491562421\"\n          r=\"16\"\n          opacity=\"0.011111111111111112\"\n        ></circle>\n        <circle\n          cx=\"113.96353454734303\"\n          cy=\"322.8728066433487\"\n          r=\"16\"\n          opacity=\"0.010769230769230767\"\n        ></circle>\n        <circle\n          cx=\"116.1210644793879\"\n          cy=\"324.35563588325624\"\n          r=\"16\"\n          opacity=\"0.010429447852760737\"\n        ></circle>\n        <circle\n          cx=\"118.30414474774595\"\n          cy=\"325.80058519181364\"\n          r=\"16\"\n          opacity=\"0.010091743119266056\"\n        ></circle>\n        <circle\n          cx=\"120.51211036501913\"\n          cy=\"327.2072144234638\"\n          r=\"16\"\n          opacity=\"0.00975609756097561\"\n        ></circle>\n        <circle\n          cx=\"122.74428876349182\"\n          cy=\"328.5750951053168\"\n          r=\"16\"\n          opacity=\"0.009422492401215805\"\n        ></circle>\n        <circle\n          cx=\"124.99999999999993\"\n          cy=\"329.90381056766574\"\n          r=\"16\"\n          opacity=\"0.00909090909090909\"\n        ></circle>\n        <circle\n          cx=\"127.27855696304947\"\n          cy=\"331.1929560709094\"\n          r=\"16\"\n          opacity=\"0.008761329305135951\"\n        ></circle>\n        <circle\n          cx=\"129.57926558211636\"\n          cy=\"332.44213892883903\"\n          r=\"16\"\n          opacity=\"0.008433734939759038\"\n        ></circle>\n        <circle\n          cx=\"131.90142503906796\"\n          cy=\"333.6509786282552\"\n          r=\"16\"\n          opacity=\"0.008108108108108109\"\n        ></circle>\n        <circle\n          cx=\"134.24432798163843\"\n          cy=\"334.8191069448751\"\n          r=\"16\"\n          opacity=\"0.00778443113772455\"\n        ></circle>\n        <circle\n          cx=\"136.607260738895\"\n          cy=\"335.9461680554974\"\n          r=\"16\"\n          opacity=\"0.007462686567164179\"\n        ></circle>\n        <circle\n          cx=\"138.98950353862998\"\n          cy=\"337.03181864639015\"\n          r=\"16\"\n          opacity=\"0.007142857142857143\"\n        ></circle>\n        <circle\n          cx=\"141.3903307266088\"\n          cy=\"338.075728017866\"\n          r=\"16\"\n          opacity=\"0.006824925816023739\"\n        ></circle>\n        <circle\n          cx=\"143.80901098761314\"\n          cy=\"339.07757818501807\"\n          r=\"16\"\n          opacity=\"0.00650887573964497\"\n        ></circle>\n        <circle\n          cx=\"146.2448075682049\"\n          cy=\"340.03706397458024\"\n          r=\"16\"\n          opacity=\"0.006194690265486726\"\n        ></circle>\n        <circle\n          cx=\"148.69697850114972\"\n          cy=\"340.95389311788625\"\n          r=\"16\"\n          opacity=\"0.0058823529411764705\"\n        ></circle>\n        <circle\n          cx=\"151.16477683142637\"\n          cy=\"341.82778633989744\"\n          r=\"16\"\n          opacity=\"0.005571847507331379\"\n        ></circle>\n        <circle\n          cx=\"153.64745084375784\"\n          cy=\"342.658477444273\"\n          r=\"16\"\n          opacity=\"0.005263157894736842\"\n        ></circle>\n        <circle\n          cx=\"156.14424429158956\"\n          cy=\"343.4457133944553\"\n          r=\"16\"\n          opacity=\"0.004956268221574344\"\n        ></circle>\n        <circle\n          cx=\"158.65439662745004\"\n          cy=\"344.1892543907478\"\n          r=\"16\"\n          opacity=\"0.004651162790697674\"\n        ></circle>\n        <circle\n          cx=\"161.1771432346219\"\n          cy=\"344.88887394336024\"\n          r=\"16\"\n          opacity=\"0.004347826086956522\"\n        ></circle>\n        <circle\n          cx=\"163.71171566004983\"\n          cy=\"345.5443589413995\"\n          r=\"16\"\n          opacity=\"0.004046242774566474\"\n        ></circle>\n        <circle\n          cx=\"166.2573418484202\"\n          cy=\"346.15550971778526\"\n          r=\"16\"\n          opacity=\"0.0037463976945244955\"\n        ></circle>\n        <circle\n          cx=\"168.81324637733601\"\n          cy=\"346.7221401100708\"\n          r=\"16\"\n          opacity=\"0.0034482758620689655\"\n        ></circle>\n        <circle\n          cx=\"171.3786506935183\"\n          cy=\"347.2440775171496\"\n          r=\"16\"\n          opacity=\"0.003151862464183381\"\n        ></circle>\n        <circle\n          cx=\"173.9527733499603\"\n          cy=\"347.72116295183116\"\n          r=\"16\"\n          opacity=\"0.0028571428571428576\"\n        ></circle>\n        <circle\n          cx=\"176.53483024396533\"\n          cy=\"348.1532510892706\"\n          r=\"16\"\n          opacity=\"0.002564102564102564\"\n        ></circle>\n        <circle\n          cx=\"179.12403485599012\"\n          cy=\"348.54021031123557\"\n          r=\"16\"\n          opacity=\"0.0022727272727272726\"\n        ></circle>\n        <circle\n          cx=\"181.7195984892278\"\n          cy=\"348.88192274619826\"\n          r=\"16\"\n          opacity=\"0.00198300283286119\"\n        ></circle>\n        <circle\n          cx=\"184.32073050985198\"\n          cy=\"349.178284305241\"\n          r=\"16\"\n          opacity=\"0.001694915254237288\"\n        ></circle>\n        <circle\n          cx=\"186.92663858785124\"\n          cy=\"349.4292047137618\"\n          r=\"16\"\n          opacity=\"0.0014084507042253522\"\n        ></circle>\n        <circle\n          cx=\"189.53652893838128\"\n          cy=\"349.6346075389737\"\n          r=\"16\"\n          opacity=\"0.0011235955056179776\"\n        ></circle>\n        <circle\n          cx=\"192.14960656355834\"\n          cy=\"349.79443021318605\"\n          r=\"16\"\n          opacity=\"0.0008403361344537816\"\n        ></circle>\n        <circle\n          cx=\"194.76507549462488\"\n          cy=\"349.90862405286435\"\n          r=\"16\"\n          opacity=\"0.0005586592178770949\"\n        ></circle>\n        <circle\n          cx=\"197.38213903440734\"\n          cy=\"349.9771542734587\"\n          r=\"16\"\n          opacity=\"0.0002785515320334262\"\n        ></circle>\n      </g>\n      Sorry, your browser does not support inline SVG.\n    </svg>\n  </div>\n</div>\n", styles: [":host .onemrva-spinner-container{position:relative;height:3.25rem;right:3.25rem}:host .onemrva-spinner svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:52px;width:52px;box-sizing:border-box;animation:1s rotate infinite linear;fill:var(--mat-sys-primary)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatSpinnerComponent, isStandalone: true, selector: "onemrva-mat-spinner", ngImport: i0, template: "<div class=\"onemrva-spinner-container\">\n  <div class=\"onemrva-spinner\">\n    <svg\n      width=\"400\"\n      height=\"400\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"30 30 340 340\"\n    >\n      <g>\n        <circle\n          cx=\"202.6178609655925\"\n          cy=\"349.9771542734587\"\n          r=\"16\"\n          opacity=\"35.9\"\n        ></circle>\n        <circle\n          cx=\"205.23492450537515\"\n          cy=\"349.90862405286435\"\n          r=\"16\"\n          opacity=\"17.9\"\n        ></circle>\n        <circle\n          cx=\"207.85039343644158\"\n          cy=\"349.79443021318605\"\n          r=\"16\"\n          opacity=\"11.9\"\n        ></circle>\n        <circle\n          cx=\"210.4634710616188\"\n          cy=\"349.6346075389736\"\n          r=\"16\"\n          opacity=\"8.9\"\n        ></circle>\n        <circle\n          cx=\"213.07336141214873\"\n          cy=\"349.4292047137618\"\n          r=\"16\"\n          opacity=\"7.1\"\n        ></circle>\n        <circle\n          cx=\"215.67926949014802\"\n          cy=\"349.178284305241\"\n          r=\"16\"\n          opacity=\"5.9\"\n        ></circle>\n        <circle\n          cx=\"218.28040151077212\"\n          cy=\"348.88192274619826\"\n          r=\"16\"\n          opacity=\"5.042857142857143\"\n        ></circle>\n        <circle\n          cx=\"220.87596514400983\"\n          cy=\"348.54021031123557\"\n          r=\"16\"\n          opacity=\"4.4\"\n        ></circle>\n        <circle\n          cx=\"223.46516975603464\"\n          cy=\"348.15325108927067\"\n          r=\"16\"\n          opacity=\"3.9\"\n        ></circle>\n        <circle\n          cx=\"226.04722665003956\"\n          cy=\"347.72116295183116\"\n          r=\"16\"\n          opacity=\"3.5\"\n        ></circle>\n        <circle\n          cx=\"228.62134930648173\"\n          cy=\"347.2440775171496\"\n          r=\"16\"\n          opacity=\"3.1727272727272724\"\n        ></circle>\n        <circle\n          cx=\"231.1867536226639\"\n          cy=\"346.7221401100709\"\n          r=\"16\"\n          opacity=\"2.9\"\n        ></circle>\n        <circle\n          cx=\"233.74265815157975\"\n          cy=\"346.1555097177853\"\n          r=\"16\"\n          opacity=\"2.669230769230769\"\n        ></circle>\n        <circle\n          cx=\"236.28828433995017\"\n          cy=\"345.5443589413995\"\n          r=\"16\"\n          opacity=\"2.4714285714285715\"\n        ></circle>\n        <circle\n          cx=\"238.8228567653781\"\n          cy=\"344.88887394336024\"\n          r=\"16\"\n          opacity=\"2.3\"\n        ></circle>\n        <circle\n          cx=\"241.34560337254987\"\n          cy=\"344.1892543907478\"\n          r=\"16\"\n          opacity=\"2.15\"\n        ></circle>\n        <circle\n          cx=\"243.85575570841053\"\n          cy=\"343.4457133944553\"\n          r=\"16\"\n          opacity=\"2.0176470588235293\"\n        ></circle>\n        <circle\n          cx=\"246.3525491562421\"\n          cy=\"342.658477444273\"\n          r=\"16\"\n          opacity=\"1.9\"\n        ></circle>\n        <circle\n          cx=\"248.8352231685735\"\n          cy=\"341.82778633989756\"\n          r=\"16\"\n          opacity=\"1.7947368421052632\"\n        ></circle>\n        <circle\n          cx=\"251.3030214988503\"\n          cy=\"340.95389311788625\"\n          r=\"16\"\n          opacity=\"1.7\"\n        ></circle>\n        <circle\n          cx=\"253.75519243179502\"\n          cy=\"340.0370639745803\"\n          r=\"16\"\n          opacity=\"1.6142857142857143\"\n        ></circle>\n        <circle\n          cx=\"256.1909890123868\"\n          cy=\"339.0775781850181\"\n          r=\"16\"\n          opacity=\"1.5363636363636362\"\n        ></circle>\n        <circle\n          cx=\"258.60966927339103\"\n          cy=\"338.075728017866\"\n          r=\"16\"\n          opacity=\"1.465217391304348\"\n        ></circle>\n        <circle\n          cx=\"261.01049646137005\"\n          cy=\"337.0318186463901\"\n          r=\"16\"\n          opacity=\"1.4\"\n        ></circle>\n        <circle\n          cx=\"263.3927392611049\"\n          cy=\"335.9461680554975\"\n          r=\"16\"\n          opacity=\"1.34\"\n        ></circle>\n        <circle\n          cx=\"265.7556720183616\"\n          cy=\"334.81910694487505\"\n          r=\"16\"\n          opacity=\"1.2846153846153847\"\n        ></circle>\n        <circle\n          cx=\"268.098574960932\"\n          cy=\"333.6509786282552\"\n          r=\"16\"\n          opacity=\"1.2333333333333334\"\n        ></circle>\n        <circle\n          cx=\"270.42073441788364\"\n          cy=\"332.4421389288391\"\n          r=\"16\"\n          opacity=\"1.1857142857142857\"\n        ></circle>\n        <circle\n          cx=\"272.7214430369506\"\n          cy=\"331.19295607090936\"\n          r=\"16\"\n          opacity=\"1.1413793103448275\"\n        ></circle>\n        <circle cx=\"275\" cy=\"329.9038105676658\" r=\"16\" opacity=\"1.1\"></circle>\n        <circle\n          cx=\"277.2557112365081\"\n          cy=\"328.57509510531685\"\n          r=\"16\"\n          opacity=\"1.0612903225806452\"\n        ></circle>\n        <circle\n          cx=\"279.4878896349807\"\n          cy=\"327.2072144234639\"\n          r=\"16\"\n          opacity=\"1.025\"\n        ></circle>\n        <circle\n          cx=\"281.6958552522541\"\n          cy=\"325.80058519181364\"\n          r=\"16\"\n          opacity=\"0.990909090909091\"\n        ></circle>\n        <circle\n          cx=\"283.878935520612\"\n          cy=\"324.35563588325624\"\n          r=\"16\"\n          opacity=\"0.9588235294117647\"\n        ></circle>\n        <circle\n          cx=\"286.0364654526569\"\n          cy=\"322.8728066433488\"\n          r=\"16\"\n          opacity=\"0.9285714285714286\"\n        ></circle>\n        <circle\n          cx=\"288.167787843871\"\n          cy=\"321.3525491562421\"\n          r=\"16\"\n          opacity=\"0.9\"\n        ></circle>\n        <circle\n          cx=\"290.2722534728072\"\n          cy=\"319.79532650709393\"\n          r=\"16\"\n          opacity=\"0.8729729729729732\"\n        ></circle>\n        <circle\n          cx=\"292.34922129884876\"\n          cy=\"318.2016130410083\"\n          r=\"16\"\n          opacity=\"0.8473684210526315\"\n        ></circle>\n        <circle\n          cx=\"294.3980586574756\"\n          cy=\"316.57189421854565\"\n          r=\"16\"\n          opacity=\"0.823076923076923\"\n        ></circle>\n        <circle\n          cx=\"296.4181414529809\"\n          cy=\"314.9066664678467\"\n          r=\"16\"\n          opacity=\"0.8\"\n        ></circle>\n        <circle\n          cx=\"298.4088543485761\"\n          cy=\"313.2064370334158\"\n          r=\"16\"\n          opacity=\"0.7780487804878049\"\n        ></circle>\n        <circle\n          cx=\"300.3695909538287\"\n          cy=\"311.47172382160915\"\n          r=\"16\"\n          opacity=\"0.7571428571428571\"\n        ></circle>\n        <circle\n          cx=\"302.29975400937474\"\n          cy=\"309.7030552428756\"\n          r=\"16\"\n          opacity=\"0.7372093023255814\"\n        ></circle>\n        <circle\n          cx=\"304.1987555688496\"\n          cy=\"307.9009700507977\"\n          r=\"16\"\n          opacity=\"0.7181818181818181\"\n        ></circle>\n        <circle\n          cx=\"306.06601717798213\"\n          cy=\"306.06601717798213\"\n          r=\"16\"\n          opacity=\"0.7\"\n        ></circle>\n        <circle\n          cx=\"307.9009700507977\"\n          cy=\"304.1987555688496\"\n          r=\"16\"\n          opacity=\"0.682608695652174\"\n        ></circle>\n        <circle\n          cx=\"309.70305524287556\"\n          cy=\"302.29975400937474\"\n          r=\"16\"\n          opacity=\"0.6659574468085107\"\n        ></circle>\n        <circle\n          cx=\"311.47172382160915\"\n          cy=\"300.3695909538287\"\n          r=\"16\"\n          opacity=\"0.65\"\n        ></circle>\n        <circle\n          cx=\"313.2064370334158\"\n          cy=\"298.4088543485761\"\n          r=\"16\"\n          opacity=\"0.6346938775510204\"\n        ></circle>\n        <circle\n          cx=\"314.9066664678467\"\n          cy=\"296.4181414529809\"\n          r=\"16\"\n          opacity=\"0.62\"\n        ></circle>\n        <circle\n          cx=\"316.5718942185456\"\n          cy=\"294.39805865747564\"\n          r=\"16\"\n          opacity=\"0.6058823529411764\"\n        ></circle>\n        <circle\n          cx=\"318.2016130410083\"\n          cy=\"292.34922129884876\"\n          r=\"16\"\n          opacity=\"0.5923076923076923\"\n        ></circle>\n        <circle\n          cx=\"319.79532650709393\"\n          cy=\"290.2722534728073\"\n          r=\"16\"\n          opacity=\"0.5792452830188679\"\n        ></circle>\n        <circle\n          cx=\"321.3525491562421\"\n          cy=\"288.167787843871\"\n          r=\"16\"\n          opacity=\"0.5666666666666667\"\n        ></circle>\n        <circle\n          cx=\"322.8728066433488\"\n          cy=\"286.0364654526569\"\n          r=\"16\"\n          opacity=\"0.5545454545454546\"\n        ></circle>\n        <circle\n          cx=\"324.35563588325624\"\n          cy=\"283.878935520612\"\n          r=\"16\"\n          opacity=\"0.5428571428571428\"\n        ></circle>\n        <circle\n          cx=\"325.8005851918136\"\n          cy=\"281.6958552522541\"\n          r=\"16\"\n          opacity=\"0.531578947368421\"\n        ></circle>\n        <circle\n          cx=\"327.2072144234639\"\n          cy=\"279.4878896349807\"\n          r=\"16\"\n          opacity=\"0.5206896551724138\"\n        ></circle>\n        <circle\n          cx=\"328.5750951053168\"\n          cy=\"277.25571123650815\"\n          r=\"16\"\n          opacity=\"0.5101694915254237\"\n        ></circle>\n        <circle cx=\"329.9038105676658\" cy=\"275\" r=\"16\" opacity=\"0.5\"></circle>\n        <circle\n          cx=\"331.19295607090936\"\n          cy=\"272.7214430369506\"\n          r=\"16\"\n          opacity=\"0.4901639344262295\"\n        ></circle>\n        <circle\n          cx=\"332.44213892883903\"\n          cy=\"270.42073441788364\"\n          r=\"16\"\n          opacity=\"0.4806451612903226\"\n        ></circle>\n        <circle\n          cx=\"333.6509786282552\"\n          cy=\"268.098574960932\"\n          r=\"16\"\n          opacity=\"0.4714285714285714\"\n        ></circle>\n        <circle\n          cx=\"334.81910694487505\"\n          cy=\"265.7556720183616\"\n          r=\"16\"\n          opacity=\"0.4625\"\n        ></circle>\n        <circle\n          cx=\"335.9461680554975\"\n          cy=\"263.3927392611049\"\n          r=\"16\"\n          opacity=\"0.45384615384615384\"\n        ></circle>\n        <circle\n          cx=\"337.0318186463901\"\n          cy=\"261.01049646137005\"\n          r=\"16\"\n          opacity=\"0.44545454545454544\"\n        ></circle>\n        <circle\n          cx=\"338.075728017866\"\n          cy=\"258.6096692733911\"\n          r=\"16\"\n          opacity=\"0.4373134328358209\"\n        ></circle>\n        <circle\n          cx=\"339.0775781850181\"\n          cy=\"256.1909890123868\"\n          r=\"16\"\n          opacity=\"0.4294117647058823\"\n        ></circle>\n        <circle\n          cx=\"340.0370639745803\"\n          cy=\"253.75519243179505\"\n          r=\"16\"\n          opacity=\"0.4217391304347826\"\n        ></circle>\n        <circle\n          cx=\"340.95389311788625\"\n          cy=\"251.3030214988503\"\n          r=\"16\"\n          opacity=\"0.4142857142857143\"\n        ></circle>\n        <circle\n          cx=\"341.8277863398975\"\n          cy=\"248.83522316857352\"\n          r=\"16\"\n          opacity=\"0.4070422535211268\"\n        ></circle>\n        <circle\n          cx=\"342.658477444273\"\n          cy=\"246.3525491562421\"\n          r=\"16\"\n          opacity=\"0.4\"\n        ></circle>\n        <circle\n          cx=\"343.4457133944553\"\n          cy=\"243.85575570841053\"\n          r=\"16\"\n          opacity=\"0.39315068493150684\"\n        ></circle>\n        <circle\n          cx=\"344.1892543907478\"\n          cy=\"241.34560337254987\"\n          r=\"16\"\n          opacity=\"0.38648648648648654\"\n        ></circle>\n        <circle\n          cx=\"344.88887394336024\"\n          cy=\"238.8228567653781\"\n          r=\"16\"\n          opacity=\"0.38\"\n        ></circle>\n        <circle\n          cx=\"345.5443589413995\"\n          cy=\"236.2882843399502\"\n          r=\"16\"\n          opacity=\"0.3736842105263158\"\n        ></circle>\n        <circle\n          cx=\"346.1555097177853\"\n          cy=\"233.74265815157975\"\n          r=\"16\"\n          opacity=\"0.36753246753246754\"\n        ></circle>\n        <circle\n          cx=\"346.7221401100708\"\n          cy=\"231.18675362266393\"\n          r=\"16\"\n          opacity=\"0.36153846153846153\"\n        ></circle>\n        <circle\n          cx=\"347.2440775171496\"\n          cy=\"228.62134930648173\"\n          r=\"16\"\n          opacity=\"0.3556962025316455\"\n        ></circle>\n        <circle\n          cx=\"347.72116295183116\"\n          cy=\"226.04722665003956\"\n          r=\"16\"\n          opacity=\"0.35\"\n        ></circle>\n        <circle\n          cx=\"348.15325108927067\"\n          cy=\"223.46516975603464\"\n          r=\"16\"\n          opacity=\"0.34444444444444444\"\n        ></circle>\n        <circle\n          cx=\"348.54021031123557\"\n          cy=\"220.87596514400985\"\n          r=\"16\"\n          opacity=\"0.33902439024390246\"\n        ></circle>\n        <circle\n          cx=\"348.88192274619826\"\n          cy=\"218.28040151077212\"\n          r=\"16\"\n          opacity=\"0.3337349397590362\"\n        ></circle>\n        <circle\n          cx=\"349.178284305241\"\n          cy=\"215.67926949014802\"\n          r=\"16\"\n          opacity=\"0.32857142857142857\"\n        ></circle>\n        <circle\n          cx=\"349.4292047137618\"\n          cy=\"213.07336141214873\"\n          r=\"16\"\n          opacity=\"0.3235294117647059\"\n        ></circle>\n        <circle\n          cx=\"349.6346075389736\"\n          cy=\"210.4634710616188\"\n          r=\"16\"\n          opacity=\"0.3186046511627907\"\n        ></circle>\n        <circle\n          cx=\"349.79443021318605\"\n          cy=\"207.8503934364416\"\n          r=\"16\"\n          opacity=\"0.3137931034482759\"\n        ></circle>\n        <circle\n          cx=\"349.90862405286435\"\n          cy=\"205.23492450537515\"\n          r=\"16\"\n          opacity=\"0.309090909090909\"\n        ></circle>\n        <circle\n          cx=\"349.9771542734587\"\n          cy=\"202.6178609655925\"\n          r=\"16\"\n          opacity=\"0.3044943820224719\"\n        ></circle>\n        <circle cx=\"350\" cy=\"200\" r=\"16\" opacity=\"0.3\"></circle>\n        <circle\n          cx=\"349.9771542734587\"\n          cy=\"197.3821390344075\"\n          r=\"16\"\n          opacity=\"0.2956043956043956\"\n        ></circle>\n        <circle\n          cx=\"349.90862405286435\"\n          cy=\"194.76507549462488\"\n          r=\"16\"\n          opacity=\"0.291304347826087\"\n        ></circle>\n        <circle\n          cx=\"349.79443021318605\"\n          cy=\"192.14960656355845\"\n          r=\"16\"\n          opacity=\"0.2870967741935484\"\n        ></circle>\n        <circle\n          cx=\"349.6346075389736\"\n          cy=\"189.5365289383812\"\n          r=\"16\"\n          opacity=\"0.28297872340425534\"\n        ></circle>\n        <circle\n          cx=\"349.4292047137618\"\n          cy=\"186.92663858785127\"\n          r=\"16\"\n          opacity=\"0.2789473684210526\"\n        ></circle>\n        <circle\n          cx=\"349.17828430524105\"\n          cy=\"184.320730509852\"\n          r=\"16\"\n          opacity=\"0.275\"\n        ></circle>\n        <circle\n          cx=\"348.8819227461983\"\n          cy=\"181.7195984892279\"\n          r=\"16\"\n          opacity=\"0.2711340206185567\"\n        ></circle>\n        <circle\n          cx=\"348.54021031123557\"\n          cy=\"179.1240348559902\"\n          r=\"16\"\n          opacity=\"0.2673469387755102\"\n        ></circle>\n        <circle\n          cx=\"348.1532510892706\"\n          cy=\"176.53483024396536\"\n          r=\"16\"\n          opacity=\"0.2636363636363636\"\n        ></circle>\n        <circle\n          cx=\"347.72116295183116\"\n          cy=\"173.95277334996047\"\n          r=\"16\"\n          opacity=\"0.26\"\n        ></circle>\n        <circle\n          cx=\"347.2440775171496\"\n          cy=\"171.37865069351827\"\n          r=\"16\"\n          opacity=\"0.25643564356435644\"\n        ></circle>\n        <circle\n          cx=\"346.7221401100709\"\n          cy=\"168.81324637733613\"\n          r=\"16\"\n          opacity=\"0.2529411764705882\"\n        ></circle>\n        <circle\n          cx=\"346.1555097177853\"\n          cy=\"166.25734184842028\"\n          r=\"16\"\n          opacity=\"0.24951456310679612\"\n        ></circle>\n        <circle\n          cx=\"345.5443589413995\"\n          cy=\"163.71171566004983\"\n          r=\"16\"\n          opacity=\"0.24615384615384617\"\n        ></circle>\n        <circle\n          cx=\"344.88887394336024\"\n          cy=\"161.17714323462187\"\n          r=\"16\"\n          opacity=\"0.24285714285714285\"\n        ></circle>\n        <circle\n          cx=\"344.1892543907478\"\n          cy=\"158.65439662745013\"\n          r=\"16\"\n          opacity=\"0.23962264150943396\"\n        ></circle>\n        <circle\n          cx=\"343.4457133944553\"\n          cy=\"156.1442442915895\"\n          r=\"16\"\n          opacity=\"0.23644859813084113\"\n        ></circle>\n        <circle\n          cx=\"342.65847744427305\"\n          cy=\"153.6474508437579\"\n          r=\"16\"\n          opacity=\"0.23333333333333334\"\n        ></circle>\n        <circle\n          cx=\"341.82778633989756\"\n          cy=\"151.16477683142654\"\n          r=\"16\"\n          opacity=\"0.23027522935779818\"\n        ></circle>\n        <circle\n          cx=\"340.95389311788625\"\n          cy=\"148.6969785011497\"\n          r=\"16\"\n          opacity=\"0.22727272727272727\"\n        ></circle>\n        <circle\n          cx=\"340.0370639745803\"\n          cy=\"146.24480756820498\"\n          r=\"16\"\n          opacity=\"0.22432432432432434\"\n        ></circle>\n        <circle\n          cx=\"339.0775781850181\"\n          cy=\"143.8090109876132\"\n          r=\"16\"\n          opacity=\"0.22142857142857142\"\n        ></circle>\n        <circle\n          cx=\"338.075728017866\"\n          cy=\"141.39033072660897\"\n          r=\"16\"\n          opacity=\"0.21858407079646017\"\n        ></circle>\n        <circle\n          cx=\"337.03181864639015\"\n          cy=\"138.98950353863\"\n          r=\"16\"\n          opacity=\"0.21578947368421053\"\n        ></circle>\n        <circle\n          cx=\"335.94616805549754\"\n          cy=\"136.6072607388951\"\n          r=\"16\"\n          opacity=\"0.21304347826086956\"\n        ></circle>\n        <circle\n          cx=\"334.81910694487505\"\n          cy=\"134.24432798163838\"\n          r=\"16\"\n          opacity=\"0.2103448275862069\"\n        ></circle>\n        <circle\n          cx=\"333.6509786282552\"\n          cy=\"131.901425039068\"\n          r=\"16\"\n          opacity=\"0.2076923076923077\"\n        ></circle>\n        <circle\n          cx=\"332.4421389288391\"\n          cy=\"129.57926558211642\"\n          r=\"16\"\n          opacity=\"0.20508474576271185\"\n        ></circle>\n        <circle\n          cx=\"331.1929560709094\"\n          cy=\"127.27855696304945\"\n          r=\"16\"\n          opacity=\"0.20252100840336135\"\n        ></circle>\n        <circle\n          cx=\"329.9038105676658\"\n          cy=\"125.00000000000003\"\n          r=\"16\"\n          opacity=\"0.2\"\n        ></circle>\n        <circle\n          cx=\"328.57509510531685\"\n          cy=\"122.74428876349187\"\n          r=\"16\"\n          opacity=\"0.1975206611570248\"\n        ></circle>\n        <circle\n          cx=\"327.20721442346394\"\n          cy=\"120.51211036501928\"\n          r=\"16\"\n          opacity=\"0.19508196721311474\"\n        ></circle>\n        <circle\n          cx=\"325.8005851918136\"\n          cy=\"118.30414474774594\"\n          r=\"16\"\n          opacity=\"0.1926829268292683\"\n        ></circle>\n        <circle\n          cx=\"324.35563588325624\"\n          cy=\"116.121064479388\"\n          r=\"16\"\n          opacity=\"0.19032258064516128\"\n        ></circle>\n        <circle\n          cx=\"322.8728066433488\"\n          cy=\"113.96353454734313\"\n          r=\"16\"\n          opacity=\"0.188\"\n        ></circle>\n        <circle\n          cx=\"321.3525491562421\"\n          cy=\"111.83221215612905\"\n          r=\"16\"\n          opacity=\"0.18571428571428572\"\n        ></circle>\n        <circle\n          cx=\"319.79532650709393\"\n          cy=\"109.72774652719275\"\n          r=\"16\"\n          opacity=\"0.18346456692913385\"\n        ></circle>\n        <circle\n          cx=\"318.2016130410083\"\n          cy=\"107.65077870115125\"\n          r=\"16\"\n          opacity=\"0.18125\"\n        ></circle>\n        <circle\n          cx=\"316.57189421854565\"\n          cy=\"105.60194134252441\"\n          r=\"16\"\n          opacity=\"0.17906976744186046\"\n        ></circle>\n        <circle\n          cx=\"314.9066664678467\"\n          cy=\"103.5818585470191\"\n          r=\"16\"\n          opacity=\"0.17692307692307693\"\n        ></circle>\n        <circle\n          cx=\"313.2064370334158\"\n          cy=\"101.59114565142387\"\n          r=\"16\"\n          opacity=\"0.17480916030534352\"\n        ></circle>\n        <circle\n          cx=\"311.47172382160915\"\n          cy=\"99.63040904617127\"\n          r=\"16\"\n          opacity=\"0.17272727272727273\"\n        ></circle>\n        <circle\n          cx=\"309.7030552428756\"\n          cy=\"97.70024599062525\"\n          r=\"16\"\n          opacity=\"0.17067669172932332\"\n        ></circle>\n        <circle\n          cx=\"307.9009700507977\"\n          cy=\"95.80124443115045\"\n          r=\"16\"\n          opacity=\"0.16865671641791044\"\n        ></circle>\n        <circle\n          cx=\"306.06601717798213\"\n          cy=\"93.93398282201788\"\n          r=\"16\"\n          opacity=\"0.16666666666666666\"\n        ></circle>\n        <circle\n          cx=\"304.1987555688496\"\n          cy=\"92.09902994920232\"\n          r=\"16\"\n          opacity=\"0.16470588235294117\"\n        ></circle>\n        <circle\n          cx=\"302.2997540093748\"\n          cy=\"90.29694475712444\"\n          r=\"16\"\n          opacity=\"0.16277372262773723\"\n        ></circle>\n        <circle\n          cx=\"300.3695909538287\"\n          cy=\"88.5282761783909\"\n          r=\"16\"\n          opacity=\"0.1608695652173913\"\n        ></circle>\n        <circle\n          cx=\"298.4088543485761\"\n          cy=\"86.7935629665842\"\n          r=\"16\"\n          opacity=\"0.15899280575539568\"\n        ></circle>\n        <circle\n          cx=\"296.41814145298093\"\n          cy=\"85.09333353215331\"\n          r=\"16\"\n          opacity=\"0.15714285714285714\"\n        ></circle>\n        <circle\n          cx=\"294.39805865747564\"\n          cy=\"83.42810578145439\"\n          r=\"16\"\n          opacity=\"0.15531914893617021\"\n        ></circle>\n        <circle\n          cx=\"292.34922129884876\"\n          cy=\"81.79838695899171\"\n          r=\"16\"\n          opacity=\"0.15352112676056337\"\n        ></circle>\n        <circle\n          cx=\"290.2722534728072\"\n          cy=\"80.20467349290605\"\n          r=\"16\"\n          opacity=\"0.15174825174825174\"\n        ></circle>\n        <circle\n          cx=\"288.167787843871\"\n          cy=\"78.6474508437579\"\n          r=\"16\"\n          opacity=\"0.15\"\n        ></circle>\n        <circle\n          cx=\"286.03646545265696\"\n          cy=\"77.12719335665126\"\n          r=\"16\"\n          opacity=\"0.1482758620689655\"\n        ></circle>\n        <circle\n          cx=\"283.878935520612\"\n          cy=\"75.64436411674376\"\n          r=\"16\"\n          opacity=\"0.14657534246575343\"\n        ></circle>\n        <circle\n          cx=\"281.69585525225403\"\n          cy=\"74.19941480818638\"\n          r=\"16\"\n          opacity=\"0.14489795918367346\"\n        ></circle>\n        <circle\n          cx=\"279.4878896349807\"\n          cy=\"72.7927855765361\"\n          r=\"16\"\n          opacity=\"0.14324324324324328\"\n        ></circle>\n        <circle\n          cx=\"277.25571123650815\"\n          cy=\"71.42490489468318\"\n          r=\"16\"\n          opacity=\"0.14161073825503354\"\n        ></circle>\n        <circle cx=\"275\" cy=\"70.0961894323342\" r=\"16\" opacity=\"0.14\"></circle>\n        <circle\n          cx=\"272.7214430369506\"\n          cy=\"68.80704392909064\"\n          r=\"16\"\n          opacity=\"0.13841059602649006\"\n        ></circle>\n        <circle\n          cx=\"270.42073441788364\"\n          cy=\"67.55786107116097\"\n          r=\"16\"\n          opacity=\"0.1368421052631579\"\n        ></circle>\n        <circle\n          cx=\"268.098574960932\"\n          cy=\"66.34902137174484\"\n          r=\"16\"\n          opacity=\"0.13529411764705881\"\n        ></circle>\n        <circle\n          cx=\"265.75567201836157\"\n          cy=\"65.18089305512495\"\n          r=\"16\"\n          opacity=\"0.13376623376623376\"\n        ></circle>\n        <circle\n          cx=\"263.3927392611049\"\n          cy=\"64.05383194450252\"\n          r=\"16\"\n          opacity=\"0.13225806451612904\"\n        ></circle>\n        <circle\n          cx=\"261.01049646137005\"\n          cy=\"62.96818135360988\"\n          r=\"16\"\n          opacity=\"0.13076923076923078\"\n        ></circle>\n        <circle\n          cx=\"258.60966927339115\"\n          cy=\"61.92427198213397\"\n          r=\"16\"\n          opacity=\"0.12929936305732487\"\n        ></circle>\n        <circle\n          cx=\"256.1909890123868\"\n          cy=\"60.9224218149819\"\n          r=\"16\"\n          opacity=\"0.12784810126582277\"\n        ></circle>\n        <circle\n          cx=\"253.75519243179502\"\n          cy=\"59.96293602541974\"\n          r=\"16\"\n          opacity=\"0.12641509433962264\"\n        ></circle>\n        <circle\n          cx=\"251.30302149885034\"\n          cy=\"59.04610688211375\"\n          r=\"16\"\n          opacity=\"0.125\"\n        ></circle>\n        <circle\n          cx=\"248.83522316857355\"\n          cy=\"58.1722136601025\"\n          r=\"16\"\n          opacity=\"0.12360248447204969\"\n        ></circle>\n        <circle\n          cx=\"246.35254915624213\"\n          cy=\"57.34152255572698\"\n          r=\"16\"\n          opacity=\"0.12222222222222222\"\n        ></circle>\n        <circle\n          cx=\"243.85575570841056\"\n          cy=\"56.55428660554469\"\n          r=\"16\"\n          opacity=\"0.12085889570552147\"\n        ></circle>\n        <circle\n          cx=\"241.34560337254996\"\n          cy=\"55.810745609252194\"\n          r=\"16\"\n          opacity=\"0.11951219512195121\"\n        ></circle>\n        <circle\n          cx=\"238.82285676537816\"\n          cy=\"55.11112605663976\"\n          r=\"16\"\n          opacity=\"0.11818181818181818\"\n        ></circle>\n        <circle\n          cx=\"236.28828433995017\"\n          cy=\"54.45564105860052\"\n          r=\"16\"\n          opacity=\"0.11686746987951808\"\n        ></circle>\n        <circle\n          cx=\"233.74265815157972\"\n          cy=\"53.84449028221471\"\n          r=\"16\"\n          opacity=\"0.11556886227544909\"\n        ></circle>\n        <circle\n          cx=\"231.1867536226639\"\n          cy=\"53.27785988992915\"\n          r=\"16\"\n          opacity=\"0.11428571428571428\"\n        ></circle>\n        <circle\n          cx=\"228.62134930648176\"\n          cy=\"52.755922482850394\"\n          r=\"16\"\n          opacity=\"0.11301775147928994\"\n        ></circle>\n        <circle\n          cx=\"226.04722665003953\"\n          cy=\"52.27883704816881\"\n          r=\"16\"\n          opacity=\"0.11176470588235295\"\n        ></circle>\n        <circle\n          cx=\"223.46516975603464\"\n          cy=\"51.84674891072936\"\n          r=\"16\"\n          opacity=\"0.11052631578947368\"\n        ></circle>\n        <circle\n          cx=\"220.87596514400985\"\n          cy=\"51.45978968876446\"\n          r=\"16\"\n          opacity=\"0.10930232558139535\"\n        ></circle>\n        <circle\n          cx=\"218.28040151077212\"\n          cy=\"51.118077253801715\"\n          r=\"16\"\n          opacity=\"0.10809248554913295\"\n        ></circle>\n        <circle\n          cx=\"215.67926949014807\"\n          cy=\"50.82171569475901\"\n          r=\"16\"\n          opacity=\"0.10689655172413794\"\n        ></circle>\n        <circle\n          cx=\"213.07336141214878\"\n          cy=\"50.570795286238166\"\n          r=\"16\"\n          opacity=\"0.10571428571428573\"\n        ></circle>\n        <circle\n          cx=\"210.46347106161883\"\n          cy=\"50.365392461026374\"\n          r=\"16\"\n          opacity=\"0.10454545454545454\"\n        ></circle>\n        <circle\n          cx=\"207.85039343644158\"\n          cy=\"50.205569786813925\"\n          r=\"16\"\n          opacity=\"0.10338983050847457\"\n        ></circle>\n        <circle\n          cx=\"205.2349245053751\"\n          cy=\"50.091375947135646\"\n          r=\"16\"\n          opacity=\"0.10224719101123596\"\n        ></circle>\n        <circle\n          cx=\"202.6178609655925\"\n          cy=\"50.022845726541306\"\n          r=\"16\"\n          opacity=\"0.1011173184357542\"\n        ></circle>\n        <circle cx=\"200.00000000000003\" cy=\"50\" r=\"16\" opacity=\"0.1\"></circle>\n        <circle\n          cx=\"197.38213903440752\"\n          cy=\"50.022845726541306\"\n          r=\"16\"\n          opacity=\"0.09889502762430939\"\n        ></circle>\n        <circle\n          cx=\"194.76507549462485\"\n          cy=\"50.091375947135646\"\n          r=\"16\"\n          opacity=\"0.0978021978021978\"\n        ></circle>\n        <circle\n          cx=\"192.14960656355848\"\n          cy=\"50.205569786813925\"\n          r=\"16\"\n          opacity=\"0.09672131147540984\"\n        ></circle>\n        <circle\n          cx=\"189.53652893838128\"\n          cy=\"50.365392461026346\"\n          r=\"16\"\n          opacity=\"0.0956521739130435\"\n        ></circle>\n        <circle\n          cx=\"186.9266385878513\"\n          cy=\"50.570795286238166\"\n          r=\"16\"\n          opacity=\"0.09459459459459459\"\n        ></circle>\n        <circle\n          cx=\"184.32073050985204\"\n          cy=\"50.82171569475898\"\n          r=\"16\"\n          opacity=\"0.0935483870967742\"\n        ></circle>\n        <circle\n          cx=\"181.71959848922785\"\n          cy=\"51.118077253801715\"\n          r=\"16\"\n          opacity=\"0.09251336898395722\"\n        ></circle>\n        <circle\n          cx=\"179.12403485599017\"\n          cy=\"51.45978968876446\"\n          r=\"16\"\n          opacity=\"0.09148936170212765\"\n        ></circle>\n        <circle\n          cx=\"176.5348302439654\"\n          cy=\"51.84674891072933\"\n          r=\"16\"\n          opacity=\"0.09047619047619047\"\n        ></circle>\n        <circle\n          cx=\"173.95277334996044\"\n          cy=\"52.27883704816881\"\n          r=\"16\"\n          opacity=\"0.08947368421052632\"\n        ></circle>\n        <circle\n          cx=\"171.3786506935183\"\n          cy=\"52.755922482850394\"\n          r=\"16\"\n          opacity=\"0.08848167539267016\"\n        ></circle>\n        <circle\n          cx=\"168.81324637733613\"\n          cy=\"53.27785988992915\"\n          r=\"16\"\n          opacity=\"0.0875\"\n        ></circle>\n        <circle\n          cx=\"166.25734184842025\"\n          cy=\"53.84449028221471\"\n          r=\"16\"\n          opacity=\"0.08652849740932643\"\n        ></circle>\n        <circle\n          cx=\"163.7117156600499\"\n          cy=\"54.45564105860052\"\n          r=\"16\"\n          opacity=\"0.08556701030927834\"\n        ></circle>\n        <circle\n          cx=\"161.17714323462195\"\n          cy=\"55.11112605663973\"\n          r=\"16\"\n          opacity=\"0.08461538461538462\"\n        ></circle>\n        <circle\n          cx=\"158.65439662745015\"\n          cy=\"55.810745609252166\"\n          r=\"16\"\n          opacity=\"0.0836734693877551\"\n        ></circle>\n        <circle\n          cx=\"156.14424429158953\"\n          cy=\"56.55428660554466\"\n          r=\"16\"\n          opacity=\"0.08274111675126904\"\n        ></circle>\n        <circle\n          cx=\"153.64745084375784\"\n          cy=\"57.34152255572698\"\n          r=\"16\"\n          opacity=\"0.08181818181818182\"\n        ></circle>\n        <circle\n          cx=\"151.16477683142648\"\n          cy=\"58.1722136601025\"\n          r=\"16\"\n          opacity=\"0.08090452261306533\"\n        ></circle>\n        <circle\n          cx=\"148.69697850114972\"\n          cy=\"59.04610688211375\"\n          r=\"16\"\n          opacity=\"0.08\"\n        ></circle>\n        <circle\n          cx=\"146.24480756820492\"\n          cy=\"59.96293602541974\"\n          r=\"16\"\n          opacity=\"0.0791044776119403\"\n        ></circle>\n        <circle\n          cx=\"143.8090109876132\"\n          cy=\"60.922421814981874\"\n          r=\"16\"\n          opacity=\"0.07821782178217823\"\n        ></circle>\n        <circle\n          cx=\"141.39033072660897\"\n          cy=\"61.924271982133945\"\n          r=\"16\"\n          opacity=\"0.0773399014778325\"\n        ></circle>\n        <circle\n          cx=\"138.98950353863003\"\n          cy=\"62.96818135360985\"\n          r=\"16\"\n          opacity=\"0.07647058823529412\"\n        ></circle>\n        <circle\n          cx=\"136.6072607388951\"\n          cy=\"64.05383194450249\"\n          r=\"16\"\n          opacity=\"0.07560975609756097\"\n        ></circle>\n        <circle\n          cx=\"134.24432798163843\"\n          cy=\"65.18089305512493\"\n          r=\"16\"\n          opacity=\"0.07475728155339806\"\n        ></circle>\n        <circle\n          cx=\"131.90142503906804\"\n          cy=\"66.34902137174478\"\n          r=\"16\"\n          opacity=\"0.07391304347826087\"\n        ></circle>\n        <circle\n          cx=\"129.57926558211636\"\n          cy=\"67.55786107116097\"\n          r=\"16\"\n          opacity=\"0.07307692307692308\"\n        ></circle>\n        <circle\n          cx=\"127.27855696304945\"\n          cy=\"68.80704392909061\"\n          r=\"16\"\n          opacity=\"0.0722488038277512\"\n        ></circle>\n        <circle\n          cx=\"124.99999999999999\"\n          cy=\"70.0961894323342\"\n          r=\"16\"\n          opacity=\"0.07142857142857142\"\n        ></circle>\n        <circle\n          cx=\"122.74428876349188\"\n          cy=\"71.42490489468315\"\n          r=\"16\"\n          opacity=\"0.07061611374407582\"\n        ></circle>\n        <circle\n          cx=\"120.51211036501928\"\n          cy=\"72.79278557653609\"\n          r=\"16\"\n          opacity=\"0.06981132075471698\"\n        ></circle>\n        <circle\n          cx=\"118.30414474774594\"\n          cy=\"74.19941480818639\"\n          r=\"16\"\n          opacity=\"0.06901408450704226\"\n        ></circle>\n        <circle\n          cx=\"116.121064479388\"\n          cy=\"75.64436411674372\"\n          r=\"16\"\n          opacity=\"0.06822429906542056\"\n        ></circle>\n        <circle\n          cx=\"113.96353454734313\"\n          cy=\"77.12719335665119\"\n          r=\"16\"\n          opacity=\"0.06744186046511629\"\n        ></circle>\n        <circle\n          cx=\"111.83221215612905\"\n          cy=\"78.64745084375787\"\n          r=\"16\"\n          opacity=\"0.06666666666666667\"\n        ></circle>\n        <circle\n          cx=\"109.72774652719279\"\n          cy=\"80.20467349290604\"\n          r=\"16\"\n          opacity=\"0.06589861751152074\"\n        ></circle>\n        <circle\n          cx=\"107.65077870115132\"\n          cy=\"81.79838695899167\"\n          r=\"16\"\n          opacity=\"0.06513761467889909\"\n        ></circle>\n        <circle\n          cx=\"105.60194134252436\"\n          cy=\"83.42810578145438\"\n          r=\"16\"\n          opacity=\"0.06438356164383562\"\n        ></circle>\n        <circle\n          cx=\"103.58185854701911\"\n          cy=\"85.0933335321533\"\n          r=\"16\"\n          opacity=\"0.06363636363636363\"\n        ></circle>\n        <circle\n          cx=\"101.59114565142389\"\n          cy=\"86.79356296658422\"\n          r=\"16\"\n          opacity=\"0.06289592760180995\"\n        ></circle>\n        <circle\n          cx=\"99.63040904617127\"\n          cy=\"88.52827617839087\"\n          r=\"16\"\n          opacity=\"0.062162162162162166\"\n        ></circle>\n        <circle\n          cx=\"97.70024599062525\"\n          cy=\"90.29694475712441\"\n          r=\"16\"\n          opacity=\"0.06143497757847534\"\n        ></circle>\n        <circle\n          cx=\"95.8012444311504\"\n          cy=\"92.09902994920233\"\n          r=\"16\"\n          opacity=\"0.060714285714285714\"\n        ></circle>\n        <circle\n          cx=\"93.93398282201788\"\n          cy=\"93.93398282201785\"\n          r=\"16\"\n          opacity=\"0.06\"\n        ></circle>\n        <circle\n          cx=\"92.09902994920238\"\n          cy=\"95.80124443115037\"\n          r=\"16\"\n          opacity=\"0.05929203539823009\"\n        ></circle>\n        <circle\n          cx=\"90.29694475712448\"\n          cy=\"97.70024599062516\"\n          r=\"16\"\n          opacity=\"0.05859030837004405\"\n        ></circle>\n        <circle\n          cx=\"88.5282761783909\"\n          cy=\"99.63040904617124\"\n          r=\"16\"\n          opacity=\"0.05789473684210526\"\n        ></circle>\n        <circle\n          cx=\"86.79356296658425\"\n          cy=\"101.59114565142386\"\n          r=\"16\"\n          opacity=\"0.05720524017467249\"\n        ></circle>\n        <circle\n          cx=\"85.09333353215331\"\n          cy=\"103.58185854701908\"\n          r=\"16\"\n          opacity=\"0.05652173913043478\"\n        ></circle>\n        <circle\n          cx=\"83.42810578145433\"\n          cy=\"105.60194134252443\"\n          r=\"16\"\n          opacity=\"0.05584415584415584\"\n        ></circle>\n        <circle\n          cx=\"81.79838695899168\"\n          cy=\"107.6507787011513\"\n          r=\"16\"\n          opacity=\"0.05517241379310345\"\n        ></circle>\n        <circle\n          cx=\"80.20467349290608\"\n          cy=\"109.72774652719276\"\n          r=\"16\"\n          opacity=\"0.054506437768240344\"\n        ></circle>\n        <circle\n          cx=\"78.6474508437579\"\n          cy=\"111.83221215612902\"\n          r=\"16\"\n          opacity=\"0.05384615384615385\"\n        ></circle>\n        <circle\n          cx=\"77.12719335665126\"\n          cy=\"113.96353454734304\"\n          r=\"16\"\n          opacity=\"0.05319148936170213\"\n        ></circle>\n        <circle\n          cx=\"75.64436411674379\"\n          cy=\"116.12106447938791\"\n          r=\"16\"\n          opacity=\"0.05254237288135593\"\n        ></circle>\n        <circle\n          cx=\"74.19941480818639\"\n          cy=\"118.30414474774595\"\n          r=\"16\"\n          opacity=\"0.05189873417721519\"\n        ></circle>\n        <circle\n          cx=\"72.7927855765361\"\n          cy=\"120.51211036501925\"\n          r=\"16\"\n          opacity=\"0.05126050420168067\"\n        ></circle>\n        <circle\n          cx=\"71.42490489468318\"\n          cy=\"122.74428876349182\"\n          r=\"16\"\n          opacity=\"0.050627615062761505\"\n        ></circle>\n        <circle\n          cx=\"70.09618943233426\"\n          cy=\"124.99999999999993\"\n          r=\"16\"\n          opacity=\"0.05\"\n        ></circle>\n        <circle\n          cx=\"68.80704392909061\"\n          cy=\"127.27855696304947\"\n          r=\"16\"\n          opacity=\"0.04937759336099585\"\n        ></circle>\n        <circle\n          cx=\"67.55786107116094\"\n          cy=\"129.5792655821164\"\n          r=\"16\"\n          opacity=\"0.048760330578512395\"\n        ></circle>\n        <circle\n          cx=\"66.34902137174484\"\n          cy=\"131.90142503906796\"\n          r=\"16\"\n          opacity=\"0.04814814814814815\"\n        ></circle>\n        <circle\n          cx=\"65.18089305512498\"\n          cy=\"134.24432798163832\"\n          r=\"16\"\n          opacity=\"0.047540983606557376\"\n        ></circle>\n        <circle\n          cx=\"64.05383194450255\"\n          cy=\"136.607260738895\"\n          r=\"16\"\n          opacity=\"0.04693877551020408\"\n        ></circle>\n        <circle\n          cx=\"62.96818135360985\"\n          cy=\"138.98950353862998\"\n          r=\"16\"\n          opacity=\"0.046341463414634146\"\n        ></circle>\n        <circle\n          cx=\"61.92427198213397\"\n          cy=\"141.3903307266089\"\n          r=\"16\"\n          opacity=\"0.045748987854251015\"\n        ></circle>\n        <circle\n          cx=\"60.9224218149819\"\n          cy=\"143.80901098761316\"\n          r=\"16\"\n          opacity=\"0.04516129032258064\"\n        ></circle>\n        <circle\n          cx=\"59.962936025419765\"\n          cy=\"146.2448075682049\"\n          r=\"16\"\n          opacity=\"0.04457831325301205\"\n        ></circle>\n        <circle\n          cx=\"59.046106882113776\"\n          cy=\"148.6969785011496\"\n          r=\"16\"\n          opacity=\"0.044\"\n        ></circle>\n        <circle\n          cx=\"58.17221366010247\"\n          cy=\"151.1647768314265\"\n          r=\"16\"\n          opacity=\"0.04342629482071713\"\n        ></circle>\n        <circle\n          cx=\"57.34152255572698\"\n          cy=\"153.64745084375787\"\n          r=\"16\"\n          opacity=\"0.04285714285714286\"\n        ></circle>\n        <circle\n          cx=\"56.55428660554469\"\n          cy=\"156.14424429158944\"\n          r=\"16\"\n          opacity=\"0.042292490118577074\"\n        ></circle>\n        <circle\n          cx=\"55.81074560925214\"\n          cy=\"158.65439662745018\"\n          r=\"16\"\n          opacity=\"0.04173228346456693\"\n        ></circle>\n        <circle\n          cx=\"55.11112605663976\"\n          cy=\"161.1771432346219\"\n          r=\"16\"\n          opacity=\"0.041176470588235294\"\n        ></circle>\n        <circle\n          cx=\"54.45564105860052\"\n          cy=\"163.71171566004983\"\n          r=\"16\"\n          opacity=\"0.040625\"\n        ></circle>\n        <circle\n          cx=\"53.844490282214736\"\n          cy=\"166.2573418484202\"\n          r=\"16\"\n          opacity=\"0.040077821011673155\"\n        ></circle>\n        <circle\n          cx=\"53.277859889929175\"\n          cy=\"168.81324637733604\"\n          r=\"16\"\n          opacity=\"0.03953488372093023\"\n        ></circle>\n        <circle\n          cx=\"52.75592248285042\"\n          cy=\"171.37865069351818\"\n          r=\"16\"\n          opacity=\"0.038996138996139\"\n        ></circle>\n        <circle\n          cx=\"52.27883704816881\"\n          cy=\"173.95277334996044\"\n          r=\"16\"\n          opacity=\"0.038461538461538464\"\n        ></circle>\n        <circle\n          cx=\"51.84674891072936\"\n          cy=\"176.53483024396536\"\n          r=\"16\"\n          opacity=\"0.03793103448275862\"\n        ></circle>\n        <circle\n          cx=\"51.45978968876446\"\n          cy=\"179.12403485599026\"\n          r=\"16\"\n          opacity=\"0.03740458015267176\"\n        ></circle>\n        <circle\n          cx=\"51.11807725380169\"\n          cy=\"181.71959848922793\"\n          r=\"16\"\n          opacity=\"0.03688212927756654\"\n        ></circle>\n        <circle\n          cx=\"50.82171569475898\"\n          cy=\"184.32073050985198\"\n          r=\"16\"\n          opacity=\"0.03636363636363636\"\n        ></circle>\n        <circle\n          cx=\"50.570795286238166\"\n          cy=\"186.92663858785127\"\n          r=\"16\"\n          opacity=\"0.035849056603773584\"\n        ></circle>\n        <circle\n          cx=\"50.365392461026374\"\n          cy=\"189.53652893838117\"\n          r=\"16\"\n          opacity=\"0.035338345864661655\"\n        ></circle>\n        <circle\n          cx=\"50.205569786813925\"\n          cy=\"192.14960656355836\"\n          r=\"16\"\n          opacity=\"0.0348314606741573\"\n        ></circle>\n        <circle\n          cx=\"50.091375947135646\"\n          cy=\"194.76507549462474\"\n          r=\"16\"\n          opacity=\"0.034328358208955224\"\n        ></circle>\n        <circle\n          cx=\"50.022845726541306\"\n          cy=\"197.3821390344075\"\n          r=\"16\"\n          opacity=\"0.03382899628252788\"\n        ></circle>\n        <circle\n          cx=\"50\"\n          cy=\"199.99999999999997\"\n          r=\"16\"\n          opacity=\"0.03333333333333333\"\n        ></circle>\n        <circle\n          cx=\"50.022845726541306\"\n          cy=\"202.61786096559246\"\n          r=\"16\"\n          opacity=\"0.03284132841328413\"\n        ></circle>\n        <circle\n          cx=\"50.091375947135646\"\n          cy=\"205.2349245053752\"\n          r=\"16\"\n          opacity=\"0.03235294117647059\"\n        ></circle>\n        <circle\n          cx=\"50.205569786813925\"\n          cy=\"207.85039343644158\"\n          r=\"16\"\n          opacity=\"0.031868131868131866\"\n        ></circle>\n        <circle\n          cx=\"50.365392461026346\"\n          cy=\"210.46347106161878\"\n          r=\"16\"\n          opacity=\"0.031386861313868614\"\n        ></circle>\n        <circle\n          cx=\"50.570795286238166\"\n          cy=\"213.07336141214867\"\n          r=\"16\"\n          opacity=\"0.03090909090909091\"\n        ></circle>\n        <circle\n          cx=\"50.82171569475898\"\n          cy=\"215.67926949014796\"\n          r=\"16\"\n          opacity=\"0.030434782608695653\"\n        ></circle>\n        <circle\n          cx=\"51.118077253801715\"\n          cy=\"218.28040151077215\"\n          r=\"16\"\n          opacity=\"0.029963898916967508\"\n        ></circle>\n        <circle\n          cx=\"51.45978968876446\"\n          cy=\"220.87596514400983\"\n          r=\"16\"\n          opacity=\"0.029496402877697843\"\n        ></circle>\n        <circle\n          cx=\"51.84674891072933\"\n          cy=\"223.4651697560346\"\n          r=\"16\"\n          opacity=\"0.02903225806451613\"\n        ></circle>\n        <circle\n          cx=\"52.27883704816878\"\n          cy=\"226.0472266500395\"\n          r=\"16\"\n          opacity=\"0.02857142857142857\"\n        ></circle>\n        <circle\n          cx=\"52.755922482850394\"\n          cy=\"228.62134930648165\"\n          r=\"16\"\n          opacity=\"0.028113879003558717\"\n        ></circle>\n        <circle\n          cx=\"53.27785988992912\"\n          cy=\"231.1867536226638\"\n          r=\"16\"\n          opacity=\"0.027659574468085105\"\n        ></circle>\n        <circle\n          cx=\"53.84449028221471\"\n          cy=\"233.74265815157975\"\n          r=\"16\"\n          opacity=\"0.027208480565371024\"\n        ></circle>\n        <circle\n          cx=\"54.45564105860052\"\n          cy=\"236.2882843399501\"\n          r=\"16\"\n          opacity=\"0.02676056338028169\"\n        ></circle>\n        <circle\n          cx=\"55.11112605663976\"\n          cy=\"238.82285676537816\"\n          r=\"16\"\n          opacity=\"0.02631578947368421\"\n        ></circle>\n        <circle\n          cx=\"55.810745609252194\"\n          cy=\"241.3456033725499\"\n          r=\"16\"\n          opacity=\"0.025874125874125874\"\n        ></circle>\n        <circle\n          cx=\"56.55428660554469\"\n          cy=\"243.8557557084105\"\n          r=\"16\"\n          opacity=\"0.025435540069686412\"\n        ></circle>\n        <circle\n          cx=\"57.341522555726954\"\n          cy=\"246.35254915624208\"\n          r=\"16\"\n          opacity=\"0.025\"\n        ></circle>\n        <circle\n          cx=\"58.17221366010244\"\n          cy=\"248.83522316857346\"\n          r=\"16\"\n          opacity=\"0.0245674740484429\"\n        ></circle>\n        <circle\n          cx=\"59.04610688211372\"\n          cy=\"251.30302149885023\"\n          r=\"16\"\n          opacity=\"0.02413793103448276\"\n        ></circle>\n        <circle\n          cx=\"59.96293602541968\"\n          cy=\"253.75519243179494\"\n          r=\"16\"\n          opacity=\"0.023711340206185566\"\n        ></circle>\n        <circle\n          cx=\"60.922421814981874\"\n          cy=\"256.1909890123868\"\n          r=\"16\"\n          opacity=\"0.023287671232876714\"\n        ></circle>\n        <circle\n          cx=\"61.92427198213392\"\n          cy=\"258.60966927339103\"\n          r=\"16\"\n          opacity=\"0.02286689419795222\"\n        ></circle>\n        <circle\n          cx=\"62.96818135360988\"\n          cy=\"261.01049646137005\"\n          r=\"16\"\n          opacity=\"0.022448979591836733\"\n        ></circle>\n        <circle\n          cx=\"64.05383194450252\"\n          cy=\"263.39273926110496\"\n          r=\"16\"\n          opacity=\"0.022033898305084745\"\n        ></circle>\n        <circle\n          cx=\"65.18089305512495\"\n          cy=\"265.7556720183616\"\n          r=\"16\"\n          opacity=\"0.021621621621621626\"\n        ></circle>\n        <circle\n          cx=\"66.34902137174481\"\n          cy=\"268.098574960932\"\n          r=\"16\"\n          opacity=\"0.021212121212121213\"\n        ></circle>\n        <circle\n          cx=\"67.55786107116094\"\n          cy=\"270.4207344178836\"\n          r=\"16\"\n          opacity=\"0.020805369127516776\"\n        ></circle>\n        <circle\n          cx=\"68.80704392909058\"\n          cy=\"272.72144303695046\"\n          r=\"16\"\n          opacity=\"0.02040133779264214\"\n        ></circle>\n        <circle cx=\"70.0961894323342\" cy=\"275\" r=\"16\" opacity=\"0.02\"></circle>\n        <circle\n          cx=\"71.42490489468315\"\n          cy=\"277.2557112365081\"\n          r=\"16\"\n          opacity=\"0.019601328903654486\"\n        ></circle>\n        <circle\n          cx=\"72.79278557653608\"\n          cy=\"279.4878896349807\"\n          r=\"16\"\n          opacity=\"0.019205298013245033\"\n        ></circle>\n        <circle\n          cx=\"74.19941480818636\"\n          cy=\"281.695855252254\"\n          r=\"16\"\n          opacity=\"0.01881188118811881\"\n        ></circle>\n        <circle\n          cx=\"75.64436411674369\"\n          cy=\"283.87893552061195\"\n          r=\"16\"\n          opacity=\"0.018421052631578946\"\n        ></circle>\n        <circle\n          cx=\"77.12719335665123\"\n          cy=\"286.0364654526569\"\n          r=\"16\"\n          opacity=\"0.018032786885245903\"\n        ></circle>\n        <circle\n          cx=\"78.64745084375787\"\n          cy=\"288.16778784387094\"\n          r=\"16\"\n          opacity=\"0.01764705882352941\"\n        ></circle>\n        <circle\n          cx=\"80.20467349290604\"\n          cy=\"290.27225347280717\"\n          r=\"16\"\n          opacity=\"0.017263843648208467\"\n        ></circle>\n        <circle\n          cx=\"81.79838695899173\"\n          cy=\"292.34922129884876\"\n          r=\"16\"\n          opacity=\"0.016883116883116882\"\n        ></circle>\n        <circle\n          cx=\"83.42810578145438\"\n          cy=\"294.39805865747564\"\n          r=\"16\"\n          opacity=\"0.01650485436893204\"\n        ></circle>\n        <circle\n          cx=\"85.09333353215328\"\n          cy=\"296.4181414529809\"\n          r=\"16\"\n          opacity=\"0.016129032258064516\"\n        ></circle>\n        <circle\n          cx=\"86.79356296658416\"\n          cy=\"298.408854348576\"\n          r=\"16\"\n          opacity=\"0.015755627009646302\"\n        ></circle>\n        <circle\n          cx=\"88.52827617839081\"\n          cy=\"300.36959095382866\"\n          r=\"16\"\n          opacity=\"0.015384615384615385\"\n        ></circle>\n        <circle\n          cx=\"90.29694475712435\"\n          cy=\"302.29975400937474\"\n          r=\"16\"\n          opacity=\"0.015015974440894569\"\n        ></circle>\n        <circle\n          cx=\"92.09902994920223\"\n          cy=\"304.1987555688495\"\n          r=\"16\"\n          opacity=\"0.014649681528662422\"\n        ></circle>\n        <circle\n          cx=\"93.93398282201785\"\n          cy=\"306.0660171779821\"\n          r=\"16\"\n          opacity=\"0.014285714285714285\"\n        ></circle>\n        <circle\n          cx=\"95.80124443115037\"\n          cy=\"307.90097005079764\"\n          r=\"16\"\n          opacity=\"0.01392405063291139\"\n        ></circle>\n        <circle\n          cx=\"97.70024599062526\"\n          cy=\"309.7030552428756\"\n          r=\"16\"\n          opacity=\"0.013564668769716088\"\n        ></circle>\n        <circle\n          cx=\"99.63040904617128\"\n          cy=\"311.47172382160915\"\n          r=\"16\"\n          opacity=\"0.013207547169811321\"\n        ></circle>\n        <circle\n          cx=\"101.59114565142389\"\n          cy=\"313.2064370334158\"\n          r=\"16\"\n          opacity=\"0.012852664576802508\"\n        ></circle>\n        <circle\n          cx=\"103.58185854701907\"\n          cy=\"314.90666646784666\"\n          r=\"16\"\n          opacity=\"0.0125\"\n        ></circle>\n        <circle\n          cx=\"105.60194134252433\"\n          cy=\"316.5718942185456\"\n          r=\"16\"\n          opacity=\"0.012149532710280374\"\n        ></circle>\n        <circle\n          cx=\"107.65077870115117\"\n          cy=\"318.2016130410082\"\n          r=\"16\"\n          opacity=\"0.011801242236024845\"\n        ></circle>\n        <circle\n          cx=\"109.72774652719276\"\n          cy=\"319.79532650709393\"\n          r=\"16\"\n          opacity=\"0.011455108359133128\"\n        ></circle>\n        <circle\n          cx=\"111.832212156129\"\n          cy=\"321.3525491562421\"\n          r=\"16\"\n          opacity=\"0.011111111111111112\"\n        ></circle>\n        <circle\n          cx=\"113.96353454734303\"\n          cy=\"322.8728066433487\"\n          r=\"16\"\n          opacity=\"0.010769230769230767\"\n        ></circle>\n        <circle\n          cx=\"116.1210644793879\"\n          cy=\"324.35563588325624\"\n          r=\"16\"\n          opacity=\"0.010429447852760737\"\n        ></circle>\n        <circle\n          cx=\"118.30414474774595\"\n          cy=\"325.80058519181364\"\n          r=\"16\"\n          opacity=\"0.010091743119266056\"\n        ></circle>\n        <circle\n          cx=\"120.51211036501913\"\n          cy=\"327.2072144234638\"\n          r=\"16\"\n          opacity=\"0.00975609756097561\"\n        ></circle>\n        <circle\n          cx=\"122.74428876349182\"\n          cy=\"328.5750951053168\"\n          r=\"16\"\n          opacity=\"0.009422492401215805\"\n        ></circle>\n        <circle\n          cx=\"124.99999999999993\"\n          cy=\"329.90381056766574\"\n          r=\"16\"\n          opacity=\"0.00909090909090909\"\n        ></circle>\n        <circle\n          cx=\"127.27855696304947\"\n          cy=\"331.1929560709094\"\n          r=\"16\"\n          opacity=\"0.008761329305135951\"\n        ></circle>\n        <circle\n          cx=\"129.57926558211636\"\n          cy=\"332.44213892883903\"\n          r=\"16\"\n          opacity=\"0.008433734939759038\"\n        ></circle>\n        <circle\n          cx=\"131.90142503906796\"\n          cy=\"333.6509786282552\"\n          r=\"16\"\n          opacity=\"0.008108108108108109\"\n        ></circle>\n        <circle\n          cx=\"134.24432798163843\"\n          cy=\"334.8191069448751\"\n          r=\"16\"\n          opacity=\"0.00778443113772455\"\n        ></circle>\n        <circle\n          cx=\"136.607260738895\"\n          cy=\"335.9461680554974\"\n          r=\"16\"\n          opacity=\"0.007462686567164179\"\n        ></circle>\n        <circle\n          cx=\"138.98950353862998\"\n          cy=\"337.03181864639015\"\n          r=\"16\"\n          opacity=\"0.007142857142857143\"\n        ></circle>\n        <circle\n          cx=\"141.3903307266088\"\n          cy=\"338.075728017866\"\n          r=\"16\"\n          opacity=\"0.006824925816023739\"\n        ></circle>\n        <circle\n          cx=\"143.80901098761314\"\n          cy=\"339.07757818501807\"\n          r=\"16\"\n          opacity=\"0.00650887573964497\"\n        ></circle>\n        <circle\n          cx=\"146.2448075682049\"\n          cy=\"340.03706397458024\"\n          r=\"16\"\n          opacity=\"0.006194690265486726\"\n        ></circle>\n        <circle\n          cx=\"148.69697850114972\"\n          cy=\"340.95389311788625\"\n          r=\"16\"\n          opacity=\"0.0058823529411764705\"\n        ></circle>\n        <circle\n          cx=\"151.16477683142637\"\n          cy=\"341.82778633989744\"\n          r=\"16\"\n          opacity=\"0.005571847507331379\"\n        ></circle>\n        <circle\n          cx=\"153.64745084375784\"\n          cy=\"342.658477444273\"\n          r=\"16\"\n          opacity=\"0.005263157894736842\"\n        ></circle>\n        <circle\n          cx=\"156.14424429158956\"\n          cy=\"343.4457133944553\"\n          r=\"16\"\n          opacity=\"0.004956268221574344\"\n        ></circle>\n        <circle\n          cx=\"158.65439662745004\"\n          cy=\"344.1892543907478\"\n          r=\"16\"\n          opacity=\"0.004651162790697674\"\n        ></circle>\n        <circle\n          cx=\"161.1771432346219\"\n          cy=\"344.88887394336024\"\n          r=\"16\"\n          opacity=\"0.004347826086956522\"\n        ></circle>\n        <circle\n          cx=\"163.71171566004983\"\n          cy=\"345.5443589413995\"\n          r=\"16\"\n          opacity=\"0.004046242774566474\"\n        ></circle>\n        <circle\n          cx=\"166.2573418484202\"\n          cy=\"346.15550971778526\"\n          r=\"16\"\n          opacity=\"0.0037463976945244955\"\n        ></circle>\n        <circle\n          cx=\"168.81324637733601\"\n          cy=\"346.7221401100708\"\n          r=\"16\"\n          opacity=\"0.0034482758620689655\"\n        ></circle>\n        <circle\n          cx=\"171.3786506935183\"\n          cy=\"347.2440775171496\"\n          r=\"16\"\n          opacity=\"0.003151862464183381\"\n        ></circle>\n        <circle\n          cx=\"173.9527733499603\"\n          cy=\"347.72116295183116\"\n          r=\"16\"\n          opacity=\"0.0028571428571428576\"\n        ></circle>\n        <circle\n          cx=\"176.53483024396533\"\n          cy=\"348.1532510892706\"\n          r=\"16\"\n          opacity=\"0.002564102564102564\"\n        ></circle>\n        <circle\n          cx=\"179.12403485599012\"\n          cy=\"348.54021031123557\"\n          r=\"16\"\n          opacity=\"0.0022727272727272726\"\n        ></circle>\n        <circle\n          cx=\"181.7195984892278\"\n          cy=\"348.88192274619826\"\n          r=\"16\"\n          opacity=\"0.00198300283286119\"\n        ></circle>\n        <circle\n          cx=\"184.32073050985198\"\n          cy=\"349.178284305241\"\n          r=\"16\"\n          opacity=\"0.001694915254237288\"\n        ></circle>\n        <circle\n          cx=\"186.92663858785124\"\n          cy=\"349.4292047137618\"\n          r=\"16\"\n          opacity=\"0.0014084507042253522\"\n        ></circle>\n        <circle\n          cx=\"189.53652893838128\"\n          cy=\"349.6346075389737\"\n          r=\"16\"\n          opacity=\"0.0011235955056179776\"\n        ></circle>\n        <circle\n          cx=\"192.14960656355834\"\n          cy=\"349.79443021318605\"\n          r=\"16\"\n          opacity=\"0.0008403361344537816\"\n        ></circle>\n        <circle\n          cx=\"194.76507549462488\"\n          cy=\"349.90862405286435\"\n          r=\"16\"\n          opacity=\"0.0005586592178770949\"\n        ></circle>\n        <circle\n          cx=\"197.38213903440734\"\n          cy=\"349.9771542734587\"\n          r=\"16\"\n          opacity=\"0.0002785515320334262\"\n        ></circle>\n      </g>\n      Sorry, your browser does not support inline SVG.\n    </svg>\n  </div>\n</div>\n", styles: [":host .onemrva-spinner-container{position:relative;height:3.25rem;right:3.25rem}:host .onemrva-spinner svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:52px;width:52px;box-sizing:border-box;animation:1s rotate infinite linear;fill:var(--mat-sys-primary)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-spinner', standalone: true, template: "<div class=\"onemrva-spinner-container\">\n  <div class=\"onemrva-spinner\">\n    <svg\n      width=\"400\"\n      height=\"400\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"30 30 340 340\"\n    >\n      <g>\n        <circle\n          cx=\"202.6178609655925\"\n          cy=\"349.9771542734587\"\n          r=\"16\"\n          opacity=\"35.9\"\n        ></circle>\n        <circle\n          cx=\"205.23492450537515\"\n          cy=\"349.90862405286435\"\n          r=\"16\"\n          opacity=\"17.9\"\n        ></circle>\n        <circle\n          cx=\"207.85039343644158\"\n          cy=\"349.79443021318605\"\n          r=\"16\"\n          opacity=\"11.9\"\n        ></circle>\n        <circle\n          cx=\"210.4634710616188\"\n          cy=\"349.6346075389736\"\n          r=\"16\"\n          opacity=\"8.9\"\n        ></circle>\n        <circle\n          cx=\"213.07336141214873\"\n          cy=\"349.4292047137618\"\n          r=\"16\"\n          opacity=\"7.1\"\n        ></circle>\n        <circle\n          cx=\"215.67926949014802\"\n          cy=\"349.178284305241\"\n          r=\"16\"\n          opacity=\"5.9\"\n        ></circle>\n        <circle\n          cx=\"218.28040151077212\"\n          cy=\"348.88192274619826\"\n          r=\"16\"\n          opacity=\"5.042857142857143\"\n        ></circle>\n        <circle\n          cx=\"220.87596514400983\"\n          cy=\"348.54021031123557\"\n          r=\"16\"\n          opacity=\"4.4\"\n        ></circle>\n        <circle\n          cx=\"223.46516975603464\"\n          cy=\"348.15325108927067\"\n          r=\"16\"\n          opacity=\"3.9\"\n        ></circle>\n        <circle\n          cx=\"226.04722665003956\"\n          cy=\"347.72116295183116\"\n          r=\"16\"\n          opacity=\"3.5\"\n        ></circle>\n        <circle\n          cx=\"228.62134930648173\"\n          cy=\"347.2440775171496\"\n          r=\"16\"\n          opacity=\"3.1727272727272724\"\n        ></circle>\n        <circle\n          cx=\"231.1867536226639\"\n          cy=\"346.7221401100709\"\n          r=\"16\"\n          opacity=\"2.9\"\n        ></circle>\n        <circle\n          cx=\"233.74265815157975\"\n          cy=\"346.1555097177853\"\n          r=\"16\"\n          opacity=\"2.669230769230769\"\n        ></circle>\n        <circle\n          cx=\"236.28828433995017\"\n          cy=\"345.5443589413995\"\n          r=\"16\"\n          opacity=\"2.4714285714285715\"\n        ></circle>\n        <circle\n          cx=\"238.8228567653781\"\n          cy=\"344.88887394336024\"\n          r=\"16\"\n          opacity=\"2.3\"\n        ></circle>\n        <circle\n          cx=\"241.34560337254987\"\n          cy=\"344.1892543907478\"\n          r=\"16\"\n          opacity=\"2.15\"\n        ></circle>\n        <circle\n          cx=\"243.85575570841053\"\n          cy=\"343.4457133944553\"\n          r=\"16\"\n          opacity=\"2.0176470588235293\"\n        ></circle>\n        <circle\n          cx=\"246.3525491562421\"\n          cy=\"342.658477444273\"\n          r=\"16\"\n          opacity=\"1.9\"\n        ></circle>\n        <circle\n          cx=\"248.8352231685735\"\n          cy=\"341.82778633989756\"\n          r=\"16\"\n          opacity=\"1.7947368421052632\"\n        ></circle>\n        <circle\n          cx=\"251.3030214988503\"\n          cy=\"340.95389311788625\"\n          r=\"16\"\n          opacity=\"1.7\"\n        ></circle>\n        <circle\n          cx=\"253.75519243179502\"\n          cy=\"340.0370639745803\"\n          r=\"16\"\n          opacity=\"1.6142857142857143\"\n        ></circle>\n        <circle\n          cx=\"256.1909890123868\"\n          cy=\"339.0775781850181\"\n          r=\"16\"\n          opacity=\"1.5363636363636362\"\n        ></circle>\n        <circle\n          cx=\"258.60966927339103\"\n          cy=\"338.075728017866\"\n          r=\"16\"\n          opacity=\"1.465217391304348\"\n        ></circle>\n        <circle\n          cx=\"261.01049646137005\"\n          cy=\"337.0318186463901\"\n          r=\"16\"\n          opacity=\"1.4\"\n        ></circle>\n        <circle\n          cx=\"263.3927392611049\"\n          cy=\"335.9461680554975\"\n          r=\"16\"\n          opacity=\"1.34\"\n        ></circle>\n        <circle\n          cx=\"265.7556720183616\"\n          cy=\"334.81910694487505\"\n          r=\"16\"\n          opacity=\"1.2846153846153847\"\n        ></circle>\n        <circle\n          cx=\"268.098574960932\"\n          cy=\"333.6509786282552\"\n          r=\"16\"\n          opacity=\"1.2333333333333334\"\n        ></circle>\n        <circle\n          cx=\"270.42073441788364\"\n          cy=\"332.4421389288391\"\n          r=\"16\"\n          opacity=\"1.1857142857142857\"\n        ></circle>\n        <circle\n          cx=\"272.7214430369506\"\n          cy=\"331.19295607090936\"\n          r=\"16\"\n          opacity=\"1.1413793103448275\"\n        ></circle>\n        <circle cx=\"275\" cy=\"329.9038105676658\" r=\"16\" opacity=\"1.1\"></circle>\n        <circle\n          cx=\"277.2557112365081\"\n          cy=\"328.57509510531685\"\n          r=\"16\"\n          opacity=\"1.0612903225806452\"\n        ></circle>\n        <circle\n          cx=\"279.4878896349807\"\n          cy=\"327.2072144234639\"\n          r=\"16\"\n          opacity=\"1.025\"\n        ></circle>\n        <circle\n          cx=\"281.6958552522541\"\n          cy=\"325.80058519181364\"\n          r=\"16\"\n          opacity=\"0.990909090909091\"\n        ></circle>\n        <circle\n          cx=\"283.878935520612\"\n          cy=\"324.35563588325624\"\n          r=\"16\"\n          opacity=\"0.9588235294117647\"\n        ></circle>\n        <circle\n          cx=\"286.0364654526569\"\n          cy=\"322.8728066433488\"\n          r=\"16\"\n          opacity=\"0.9285714285714286\"\n        ></circle>\n        <circle\n          cx=\"288.167787843871\"\n          cy=\"321.3525491562421\"\n          r=\"16\"\n          opacity=\"0.9\"\n        ></circle>\n        <circle\n          cx=\"290.2722534728072\"\n          cy=\"319.79532650709393\"\n          r=\"16\"\n          opacity=\"0.8729729729729732\"\n        ></circle>\n        <circle\n          cx=\"292.34922129884876\"\n          cy=\"318.2016130410083\"\n          r=\"16\"\n          opacity=\"0.8473684210526315\"\n        ></circle>\n        <circle\n          cx=\"294.3980586574756\"\n          cy=\"316.57189421854565\"\n          r=\"16\"\n          opacity=\"0.823076923076923\"\n        ></circle>\n        <circle\n          cx=\"296.4181414529809\"\n          cy=\"314.9066664678467\"\n          r=\"16\"\n          opacity=\"0.8\"\n        ></circle>\n        <circle\n          cx=\"298.4088543485761\"\n          cy=\"313.2064370334158\"\n          r=\"16\"\n          opacity=\"0.7780487804878049\"\n        ></circle>\n        <circle\n          cx=\"300.3695909538287\"\n          cy=\"311.47172382160915\"\n          r=\"16\"\n          opacity=\"0.7571428571428571\"\n        ></circle>\n        <circle\n          cx=\"302.29975400937474\"\n          cy=\"309.7030552428756\"\n          r=\"16\"\n          opacity=\"0.7372093023255814\"\n        ></circle>\n        <circle\n          cx=\"304.1987555688496\"\n          cy=\"307.9009700507977\"\n          r=\"16\"\n          opacity=\"0.7181818181818181\"\n        ></circle>\n        <circle\n          cx=\"306.06601717798213\"\n          cy=\"306.06601717798213\"\n          r=\"16\"\n          opacity=\"0.7\"\n        ></circle>\n        <circle\n          cx=\"307.9009700507977\"\n          cy=\"304.1987555688496\"\n          r=\"16\"\n          opacity=\"0.682608695652174\"\n        ></circle>\n        <circle\n          cx=\"309.70305524287556\"\n          cy=\"302.29975400937474\"\n          r=\"16\"\n          opacity=\"0.6659574468085107\"\n        ></circle>\n        <circle\n          cx=\"311.47172382160915\"\n          cy=\"300.3695909538287\"\n          r=\"16\"\n          opacity=\"0.65\"\n        ></circle>\n        <circle\n          cx=\"313.2064370334158\"\n          cy=\"298.4088543485761\"\n          r=\"16\"\n          opacity=\"0.6346938775510204\"\n        ></circle>\n        <circle\n          cx=\"314.9066664678467\"\n          cy=\"296.4181414529809\"\n          r=\"16\"\n          opacity=\"0.62\"\n        ></circle>\n        <circle\n          cx=\"316.5718942185456\"\n          cy=\"294.39805865747564\"\n          r=\"16\"\n          opacity=\"0.6058823529411764\"\n        ></circle>\n        <circle\n          cx=\"318.2016130410083\"\n          cy=\"292.34922129884876\"\n          r=\"16\"\n          opacity=\"0.5923076923076923\"\n        ></circle>\n        <circle\n          cx=\"319.79532650709393\"\n          cy=\"290.2722534728073\"\n          r=\"16\"\n          opacity=\"0.5792452830188679\"\n        ></circle>\n        <circle\n          cx=\"321.3525491562421\"\n          cy=\"288.167787843871\"\n          r=\"16\"\n          opacity=\"0.5666666666666667\"\n        ></circle>\n        <circle\n          cx=\"322.8728066433488\"\n          cy=\"286.0364654526569\"\n          r=\"16\"\n          opacity=\"0.5545454545454546\"\n        ></circle>\n        <circle\n          cx=\"324.35563588325624\"\n          cy=\"283.878935520612\"\n          r=\"16\"\n          opacity=\"0.5428571428571428\"\n        ></circle>\n        <circle\n          cx=\"325.8005851918136\"\n          cy=\"281.6958552522541\"\n          r=\"16\"\n          opacity=\"0.531578947368421\"\n        ></circle>\n        <circle\n          cx=\"327.2072144234639\"\n          cy=\"279.4878896349807\"\n          r=\"16\"\n          opacity=\"0.5206896551724138\"\n        ></circle>\n        <circle\n          cx=\"328.5750951053168\"\n          cy=\"277.25571123650815\"\n          r=\"16\"\n          opacity=\"0.5101694915254237\"\n        ></circle>\n        <circle cx=\"329.9038105676658\" cy=\"275\" r=\"16\" opacity=\"0.5\"></circle>\n        <circle\n          cx=\"331.19295607090936\"\n          cy=\"272.7214430369506\"\n          r=\"16\"\n          opacity=\"0.4901639344262295\"\n        ></circle>\n        <circle\n          cx=\"332.44213892883903\"\n          cy=\"270.42073441788364\"\n          r=\"16\"\n          opacity=\"0.4806451612903226\"\n        ></circle>\n        <circle\n          cx=\"333.6509786282552\"\n          cy=\"268.098574960932\"\n          r=\"16\"\n          opacity=\"0.4714285714285714\"\n        ></circle>\n        <circle\n          cx=\"334.81910694487505\"\n          cy=\"265.7556720183616\"\n          r=\"16\"\n          opacity=\"0.4625\"\n        ></circle>\n        <circle\n          cx=\"335.9461680554975\"\n          cy=\"263.3927392611049\"\n          r=\"16\"\n          opacity=\"0.45384615384615384\"\n        ></circle>\n        <circle\n          cx=\"337.0318186463901\"\n          cy=\"261.01049646137005\"\n          r=\"16\"\n          opacity=\"0.44545454545454544\"\n        ></circle>\n        <circle\n          cx=\"338.075728017866\"\n          cy=\"258.6096692733911\"\n          r=\"16\"\n          opacity=\"0.4373134328358209\"\n        ></circle>\n        <circle\n          cx=\"339.0775781850181\"\n          cy=\"256.1909890123868\"\n          r=\"16\"\n          opacity=\"0.4294117647058823\"\n        ></circle>\n        <circle\n          cx=\"340.0370639745803\"\n          cy=\"253.75519243179505\"\n          r=\"16\"\n          opacity=\"0.4217391304347826\"\n        ></circle>\n        <circle\n          cx=\"340.95389311788625\"\n          cy=\"251.3030214988503\"\n          r=\"16\"\n          opacity=\"0.4142857142857143\"\n        ></circle>\n        <circle\n          cx=\"341.8277863398975\"\n          cy=\"248.83522316857352\"\n          r=\"16\"\n          opacity=\"0.4070422535211268\"\n        ></circle>\n        <circle\n          cx=\"342.658477444273\"\n          cy=\"246.3525491562421\"\n          r=\"16\"\n          opacity=\"0.4\"\n        ></circle>\n        <circle\n          cx=\"343.4457133944553\"\n          cy=\"243.85575570841053\"\n          r=\"16\"\n          opacity=\"0.39315068493150684\"\n        ></circle>\n        <circle\n          cx=\"344.1892543907478\"\n          cy=\"241.34560337254987\"\n          r=\"16\"\n          opacity=\"0.38648648648648654\"\n        ></circle>\n        <circle\n          cx=\"344.88887394336024\"\n          cy=\"238.8228567653781\"\n          r=\"16\"\n          opacity=\"0.38\"\n        ></circle>\n        <circle\n          cx=\"345.5443589413995\"\n          cy=\"236.2882843399502\"\n          r=\"16\"\n          opacity=\"0.3736842105263158\"\n        ></circle>\n        <circle\n          cx=\"346.1555097177853\"\n          cy=\"233.74265815157975\"\n          r=\"16\"\n          opacity=\"0.36753246753246754\"\n        ></circle>\n        <circle\n          cx=\"346.7221401100708\"\n          cy=\"231.18675362266393\"\n          r=\"16\"\n          opacity=\"0.36153846153846153\"\n        ></circle>\n        <circle\n          cx=\"347.2440775171496\"\n          cy=\"228.62134930648173\"\n          r=\"16\"\n          opacity=\"0.3556962025316455\"\n        ></circle>\n        <circle\n          cx=\"347.72116295183116\"\n          cy=\"226.04722665003956\"\n          r=\"16\"\n          opacity=\"0.35\"\n        ></circle>\n        <circle\n          cx=\"348.15325108927067\"\n          cy=\"223.46516975603464\"\n          r=\"16\"\n          opacity=\"0.34444444444444444\"\n        ></circle>\n        <circle\n          cx=\"348.54021031123557\"\n          cy=\"220.87596514400985\"\n          r=\"16\"\n          opacity=\"0.33902439024390246\"\n        ></circle>\n        <circle\n          cx=\"348.88192274619826\"\n          cy=\"218.28040151077212\"\n          r=\"16\"\n          opacity=\"0.3337349397590362\"\n        ></circle>\n        <circle\n          cx=\"349.178284305241\"\n          cy=\"215.67926949014802\"\n          r=\"16\"\n          opacity=\"0.32857142857142857\"\n        ></circle>\n        <circle\n          cx=\"349.4292047137618\"\n          cy=\"213.07336141214873\"\n          r=\"16\"\n          opacity=\"0.3235294117647059\"\n        ></circle>\n        <circle\n          cx=\"349.6346075389736\"\n          cy=\"210.4634710616188\"\n          r=\"16\"\n          opacity=\"0.3186046511627907\"\n        ></circle>\n        <circle\n          cx=\"349.79443021318605\"\n          cy=\"207.8503934364416\"\n          r=\"16\"\n          opacity=\"0.3137931034482759\"\n        ></circle>\n        <circle\n          cx=\"349.90862405286435\"\n          cy=\"205.23492450537515\"\n          r=\"16\"\n          opacity=\"0.309090909090909\"\n        ></circle>\n        <circle\n          cx=\"349.9771542734587\"\n          cy=\"202.6178609655925\"\n          r=\"16\"\n          opacity=\"0.3044943820224719\"\n        ></circle>\n        <circle cx=\"350\" cy=\"200\" r=\"16\" opacity=\"0.3\"></circle>\n        <circle\n          cx=\"349.9771542734587\"\n          cy=\"197.3821390344075\"\n          r=\"16\"\n          opacity=\"0.2956043956043956\"\n        ></circle>\n        <circle\n          cx=\"349.90862405286435\"\n          cy=\"194.76507549462488\"\n          r=\"16\"\n          opacity=\"0.291304347826087\"\n        ></circle>\n        <circle\n          cx=\"349.79443021318605\"\n          cy=\"192.14960656355845\"\n          r=\"16\"\n          opacity=\"0.2870967741935484\"\n        ></circle>\n        <circle\n          cx=\"349.6346075389736\"\n          cy=\"189.5365289383812\"\n          r=\"16\"\n          opacity=\"0.28297872340425534\"\n        ></circle>\n        <circle\n          cx=\"349.4292047137618\"\n          cy=\"186.92663858785127\"\n          r=\"16\"\n          opacity=\"0.2789473684210526\"\n        ></circle>\n        <circle\n          cx=\"349.17828430524105\"\n          cy=\"184.320730509852\"\n          r=\"16\"\n          opacity=\"0.275\"\n        ></circle>\n        <circle\n          cx=\"348.8819227461983\"\n          cy=\"181.7195984892279\"\n          r=\"16\"\n          opacity=\"0.2711340206185567\"\n        ></circle>\n        <circle\n          cx=\"348.54021031123557\"\n          cy=\"179.1240348559902\"\n          r=\"16\"\n          opacity=\"0.2673469387755102\"\n        ></circle>\n        <circle\n          cx=\"348.1532510892706\"\n          cy=\"176.53483024396536\"\n          r=\"16\"\n          opacity=\"0.2636363636363636\"\n        ></circle>\n        <circle\n          cx=\"347.72116295183116\"\n          cy=\"173.95277334996047\"\n          r=\"16\"\n          opacity=\"0.26\"\n        ></circle>\n        <circle\n          cx=\"347.2440775171496\"\n          cy=\"171.37865069351827\"\n          r=\"16\"\n          opacity=\"0.25643564356435644\"\n        ></circle>\n        <circle\n          cx=\"346.7221401100709\"\n          cy=\"168.81324637733613\"\n          r=\"16\"\n          opacity=\"0.2529411764705882\"\n        ></circle>\n        <circle\n          cx=\"346.1555097177853\"\n          cy=\"166.25734184842028\"\n          r=\"16\"\n          opacity=\"0.24951456310679612\"\n        ></circle>\n        <circle\n          cx=\"345.5443589413995\"\n          cy=\"163.71171566004983\"\n          r=\"16\"\n          opacity=\"0.24615384615384617\"\n        ></circle>\n        <circle\n          cx=\"344.88887394336024\"\n          cy=\"161.17714323462187\"\n          r=\"16\"\n          opacity=\"0.24285714285714285\"\n        ></circle>\n        <circle\n          cx=\"344.1892543907478\"\n          cy=\"158.65439662745013\"\n          r=\"16\"\n          opacity=\"0.23962264150943396\"\n        ></circle>\n        <circle\n          cx=\"343.4457133944553\"\n          cy=\"156.1442442915895\"\n          r=\"16\"\n          opacity=\"0.23644859813084113\"\n        ></circle>\n        <circle\n          cx=\"342.65847744427305\"\n          cy=\"153.6474508437579\"\n          r=\"16\"\n          opacity=\"0.23333333333333334\"\n        ></circle>\n        <circle\n          cx=\"341.82778633989756\"\n          cy=\"151.16477683142654\"\n          r=\"16\"\n          opacity=\"0.23027522935779818\"\n        ></circle>\n        <circle\n          cx=\"340.95389311788625\"\n          cy=\"148.6969785011497\"\n          r=\"16\"\n          opacity=\"0.22727272727272727\"\n        ></circle>\n        <circle\n          cx=\"340.0370639745803\"\n          cy=\"146.24480756820498\"\n          r=\"16\"\n          opacity=\"0.22432432432432434\"\n        ></circle>\n        <circle\n          cx=\"339.0775781850181\"\n          cy=\"143.8090109876132\"\n          r=\"16\"\n          opacity=\"0.22142857142857142\"\n        ></circle>\n        <circle\n          cx=\"338.075728017866\"\n          cy=\"141.39033072660897\"\n          r=\"16\"\n          opacity=\"0.21858407079646017\"\n        ></circle>\n        <circle\n          cx=\"337.03181864639015\"\n          cy=\"138.98950353863\"\n          r=\"16\"\n          opacity=\"0.21578947368421053\"\n        ></circle>\n        <circle\n          cx=\"335.94616805549754\"\n          cy=\"136.6072607388951\"\n          r=\"16\"\n          opacity=\"0.21304347826086956\"\n        ></circle>\n        <circle\n          cx=\"334.81910694487505\"\n          cy=\"134.24432798163838\"\n          r=\"16\"\n          opacity=\"0.2103448275862069\"\n        ></circle>\n        <circle\n          cx=\"333.6509786282552\"\n          cy=\"131.901425039068\"\n          r=\"16\"\n          opacity=\"0.2076923076923077\"\n        ></circle>\n        <circle\n          cx=\"332.4421389288391\"\n          cy=\"129.57926558211642\"\n          r=\"16\"\n          opacity=\"0.20508474576271185\"\n        ></circle>\n        <circle\n          cx=\"331.1929560709094\"\n          cy=\"127.27855696304945\"\n          r=\"16\"\n          opacity=\"0.20252100840336135\"\n        ></circle>\n        <circle\n          cx=\"329.9038105676658\"\n          cy=\"125.00000000000003\"\n          r=\"16\"\n          opacity=\"0.2\"\n        ></circle>\n        <circle\n          cx=\"328.57509510531685\"\n          cy=\"122.74428876349187\"\n          r=\"16\"\n          opacity=\"0.1975206611570248\"\n        ></circle>\n        <circle\n          cx=\"327.20721442346394\"\n          cy=\"120.51211036501928\"\n          r=\"16\"\n          opacity=\"0.19508196721311474\"\n        ></circle>\n        <circle\n          cx=\"325.8005851918136\"\n          cy=\"118.30414474774594\"\n          r=\"16\"\n          opacity=\"0.1926829268292683\"\n        ></circle>\n        <circle\n          cx=\"324.35563588325624\"\n          cy=\"116.121064479388\"\n          r=\"16\"\n          opacity=\"0.19032258064516128\"\n        ></circle>\n        <circle\n          cx=\"322.8728066433488\"\n          cy=\"113.96353454734313\"\n          r=\"16\"\n          opacity=\"0.188\"\n        ></circle>\n        <circle\n          cx=\"321.3525491562421\"\n          cy=\"111.83221215612905\"\n          r=\"16\"\n          opacity=\"0.18571428571428572\"\n        ></circle>\n        <circle\n          cx=\"319.79532650709393\"\n          cy=\"109.72774652719275\"\n          r=\"16\"\n          opacity=\"0.18346456692913385\"\n        ></circle>\n        <circle\n          cx=\"318.2016130410083\"\n          cy=\"107.65077870115125\"\n          r=\"16\"\n          opacity=\"0.18125\"\n        ></circle>\n        <circle\n          cx=\"316.57189421854565\"\n          cy=\"105.60194134252441\"\n          r=\"16\"\n          opacity=\"0.17906976744186046\"\n        ></circle>\n        <circle\n          cx=\"314.9066664678467\"\n          cy=\"103.5818585470191\"\n          r=\"16\"\n          opacity=\"0.17692307692307693\"\n        ></circle>\n        <circle\n          cx=\"313.2064370334158\"\n          cy=\"101.59114565142387\"\n          r=\"16\"\n          opacity=\"0.17480916030534352\"\n        ></circle>\n        <circle\n          cx=\"311.47172382160915\"\n          cy=\"99.63040904617127\"\n          r=\"16\"\n          opacity=\"0.17272727272727273\"\n        ></circle>\n        <circle\n          cx=\"309.7030552428756\"\n          cy=\"97.70024599062525\"\n          r=\"16\"\n          opacity=\"0.17067669172932332\"\n        ></circle>\n        <circle\n          cx=\"307.9009700507977\"\n          cy=\"95.80124443115045\"\n          r=\"16\"\n          opacity=\"0.16865671641791044\"\n        ></circle>\n        <circle\n          cx=\"306.06601717798213\"\n          cy=\"93.93398282201788\"\n          r=\"16\"\n          opacity=\"0.16666666666666666\"\n        ></circle>\n        <circle\n          cx=\"304.1987555688496\"\n          cy=\"92.09902994920232\"\n          r=\"16\"\n          opacity=\"0.16470588235294117\"\n        ></circle>\n        <circle\n          cx=\"302.2997540093748\"\n          cy=\"90.29694475712444\"\n          r=\"16\"\n          opacity=\"0.16277372262773723\"\n        ></circle>\n        <circle\n          cx=\"300.3695909538287\"\n          cy=\"88.5282761783909\"\n          r=\"16\"\n          opacity=\"0.1608695652173913\"\n        ></circle>\n        <circle\n          cx=\"298.4088543485761\"\n          cy=\"86.7935629665842\"\n          r=\"16\"\n          opacity=\"0.15899280575539568\"\n        ></circle>\n        <circle\n          cx=\"296.41814145298093\"\n          cy=\"85.09333353215331\"\n          r=\"16\"\n          opacity=\"0.15714285714285714\"\n        ></circle>\n        <circle\n          cx=\"294.39805865747564\"\n          cy=\"83.42810578145439\"\n          r=\"16\"\n          opacity=\"0.15531914893617021\"\n        ></circle>\n        <circle\n          cx=\"292.34922129884876\"\n          cy=\"81.79838695899171\"\n          r=\"16\"\n          opacity=\"0.15352112676056337\"\n        ></circle>\n        <circle\n          cx=\"290.2722534728072\"\n          cy=\"80.20467349290605\"\n          r=\"16\"\n          opacity=\"0.15174825174825174\"\n        ></circle>\n        <circle\n          cx=\"288.167787843871\"\n          cy=\"78.6474508437579\"\n          r=\"16\"\n          opacity=\"0.15\"\n        ></circle>\n        <circle\n          cx=\"286.03646545265696\"\n          cy=\"77.12719335665126\"\n          r=\"16\"\n          opacity=\"0.1482758620689655\"\n        ></circle>\n        <circle\n          cx=\"283.878935520612\"\n          cy=\"75.64436411674376\"\n          r=\"16\"\n          opacity=\"0.14657534246575343\"\n        ></circle>\n        <circle\n          cx=\"281.69585525225403\"\n          cy=\"74.19941480818638\"\n          r=\"16\"\n          opacity=\"0.14489795918367346\"\n        ></circle>\n        <circle\n          cx=\"279.4878896349807\"\n          cy=\"72.7927855765361\"\n          r=\"16\"\n          opacity=\"0.14324324324324328\"\n        ></circle>\n        <circle\n          cx=\"277.25571123650815\"\n          cy=\"71.42490489468318\"\n          r=\"16\"\n          opacity=\"0.14161073825503354\"\n        ></circle>\n        <circle cx=\"275\" cy=\"70.0961894323342\" r=\"16\" opacity=\"0.14\"></circle>\n        <circle\n          cx=\"272.7214430369506\"\n          cy=\"68.80704392909064\"\n          r=\"16\"\n          opacity=\"0.13841059602649006\"\n        ></circle>\n        <circle\n          cx=\"270.42073441788364\"\n          cy=\"67.55786107116097\"\n          r=\"16\"\n          opacity=\"0.1368421052631579\"\n        ></circle>\n        <circle\n          cx=\"268.098574960932\"\n          cy=\"66.34902137174484\"\n          r=\"16\"\n          opacity=\"0.13529411764705881\"\n        ></circle>\n        <circle\n          cx=\"265.75567201836157\"\n          cy=\"65.18089305512495\"\n          r=\"16\"\n          opacity=\"0.13376623376623376\"\n        ></circle>\n        <circle\n          cx=\"263.3927392611049\"\n          cy=\"64.05383194450252\"\n          r=\"16\"\n          opacity=\"0.13225806451612904\"\n        ></circle>\n        <circle\n          cx=\"261.01049646137005\"\n          cy=\"62.96818135360988\"\n          r=\"16\"\n          opacity=\"0.13076923076923078\"\n        ></circle>\n        <circle\n          cx=\"258.60966927339115\"\n          cy=\"61.92427198213397\"\n          r=\"16\"\n          opacity=\"0.12929936305732487\"\n        ></circle>\n        <circle\n          cx=\"256.1909890123868\"\n          cy=\"60.9224218149819\"\n          r=\"16\"\n          opacity=\"0.12784810126582277\"\n        ></circle>\n        <circle\n          cx=\"253.75519243179502\"\n          cy=\"59.96293602541974\"\n          r=\"16\"\n          opacity=\"0.12641509433962264\"\n        ></circle>\n        <circle\n          cx=\"251.30302149885034\"\n          cy=\"59.04610688211375\"\n          r=\"16\"\n          opacity=\"0.125\"\n        ></circle>\n        <circle\n          cx=\"248.83522316857355\"\n          cy=\"58.1722136601025\"\n          r=\"16\"\n          opacity=\"0.12360248447204969\"\n        ></circle>\n        <circle\n          cx=\"246.35254915624213\"\n          cy=\"57.34152255572698\"\n          r=\"16\"\n          opacity=\"0.12222222222222222\"\n        ></circle>\n        <circle\n          cx=\"243.85575570841056\"\n          cy=\"56.55428660554469\"\n          r=\"16\"\n          opacity=\"0.12085889570552147\"\n        ></circle>\n        <circle\n          cx=\"241.34560337254996\"\n          cy=\"55.810745609252194\"\n          r=\"16\"\n          opacity=\"0.11951219512195121\"\n        ></circle>\n        <circle\n          cx=\"238.82285676537816\"\n          cy=\"55.11112605663976\"\n          r=\"16\"\n          opacity=\"0.11818181818181818\"\n        ></circle>\n        <circle\n          cx=\"236.28828433995017\"\n          cy=\"54.45564105860052\"\n          r=\"16\"\n          opacity=\"0.11686746987951808\"\n        ></circle>\n        <circle\n          cx=\"233.74265815157972\"\n          cy=\"53.84449028221471\"\n          r=\"16\"\n          opacity=\"0.11556886227544909\"\n        ></circle>\n        <circle\n          cx=\"231.1867536226639\"\n          cy=\"53.27785988992915\"\n          r=\"16\"\n          opacity=\"0.11428571428571428\"\n        ></circle>\n        <circle\n          cx=\"228.62134930648176\"\n          cy=\"52.755922482850394\"\n          r=\"16\"\n          opacity=\"0.11301775147928994\"\n        ></circle>\n        <circle\n          cx=\"226.04722665003953\"\n          cy=\"52.27883704816881\"\n          r=\"16\"\n          opacity=\"0.11176470588235295\"\n        ></circle>\n        <circle\n          cx=\"223.46516975603464\"\n          cy=\"51.84674891072936\"\n          r=\"16\"\n          opacity=\"0.11052631578947368\"\n        ></circle>\n        <circle\n          cx=\"220.87596514400985\"\n          cy=\"51.45978968876446\"\n          r=\"16\"\n          opacity=\"0.10930232558139535\"\n        ></circle>\n        <circle\n          cx=\"218.28040151077212\"\n          cy=\"51.118077253801715\"\n          r=\"16\"\n          opacity=\"0.10809248554913295\"\n        ></circle>\n        <circle\n          cx=\"215.67926949014807\"\n          cy=\"50.82171569475901\"\n          r=\"16\"\n          opacity=\"0.10689655172413794\"\n        ></circle>\n        <circle\n          cx=\"213.07336141214878\"\n          cy=\"50.570795286238166\"\n          r=\"16\"\n          opacity=\"0.10571428571428573\"\n        ></circle>\n        <circle\n          cx=\"210.46347106161883\"\n          cy=\"50.365392461026374\"\n          r=\"16\"\n          opacity=\"0.10454545454545454\"\n        ></circle>\n        <circle\n          cx=\"207.85039343644158\"\n          cy=\"50.205569786813925\"\n          r=\"16\"\n          opacity=\"0.10338983050847457\"\n        ></circle>\n        <circle\n          cx=\"205.2349245053751\"\n          cy=\"50.091375947135646\"\n          r=\"16\"\n          opacity=\"0.10224719101123596\"\n        ></circle>\n        <circle\n          cx=\"202.6178609655925\"\n          cy=\"50.022845726541306\"\n          r=\"16\"\n          opacity=\"0.1011173184357542\"\n        ></circle>\n        <circle cx=\"200.00000000000003\" cy=\"50\" r=\"16\" opacity=\"0.1\"></circle>\n        <circle\n          cx=\"197.38213903440752\"\n          cy=\"50.022845726541306\"\n          r=\"16\"\n          opacity=\"0.09889502762430939\"\n        ></circle>\n        <circle\n          cx=\"194.76507549462485\"\n          cy=\"50.091375947135646\"\n          r=\"16\"\n          opacity=\"0.0978021978021978\"\n        ></circle>\n        <circle\n          cx=\"192.14960656355848\"\n          cy=\"50.205569786813925\"\n          r=\"16\"\n          opacity=\"0.09672131147540984\"\n        ></circle>\n        <circle\n          cx=\"189.53652893838128\"\n          cy=\"50.365392461026346\"\n          r=\"16\"\n          opacity=\"0.0956521739130435\"\n        ></circle>\n        <circle\n          cx=\"186.9266385878513\"\n          cy=\"50.570795286238166\"\n          r=\"16\"\n          opacity=\"0.09459459459459459\"\n        ></circle>\n        <circle\n          cx=\"184.32073050985204\"\n          cy=\"50.82171569475898\"\n          r=\"16\"\n          opacity=\"0.0935483870967742\"\n        ></circle>\n        <circle\n          cx=\"181.71959848922785\"\n          cy=\"51.118077253801715\"\n          r=\"16\"\n          opacity=\"0.09251336898395722\"\n        ></circle>\n        <circle\n          cx=\"179.12403485599017\"\n          cy=\"51.45978968876446\"\n          r=\"16\"\n          opacity=\"0.09148936170212765\"\n        ></circle>\n        <circle\n          cx=\"176.5348302439654\"\n          cy=\"51.84674891072933\"\n          r=\"16\"\n          opacity=\"0.09047619047619047\"\n        ></circle>\n        <circle\n          cx=\"173.95277334996044\"\n          cy=\"52.27883704816881\"\n          r=\"16\"\n          opacity=\"0.08947368421052632\"\n        ></circle>\n        <circle\n          cx=\"171.3786506935183\"\n          cy=\"52.755922482850394\"\n          r=\"16\"\n          opacity=\"0.08848167539267016\"\n        ></circle>\n        <circle\n          cx=\"168.81324637733613\"\n          cy=\"53.27785988992915\"\n          r=\"16\"\n          opacity=\"0.0875\"\n        ></circle>\n        <circle\n          cx=\"166.25734184842025\"\n          cy=\"53.84449028221471\"\n          r=\"16\"\n          opacity=\"0.08652849740932643\"\n        ></circle>\n        <circle\n          cx=\"163.7117156600499\"\n          cy=\"54.45564105860052\"\n          r=\"16\"\n          opacity=\"0.08556701030927834\"\n        ></circle>\n        <circle\n          cx=\"161.17714323462195\"\n          cy=\"55.11112605663973\"\n          r=\"16\"\n          opacity=\"0.08461538461538462\"\n        ></circle>\n        <circle\n          cx=\"158.65439662745015\"\n          cy=\"55.810745609252166\"\n          r=\"16\"\n          opacity=\"0.0836734693877551\"\n        ></circle>\n        <circle\n          cx=\"156.14424429158953\"\n          cy=\"56.55428660554466\"\n          r=\"16\"\n          opacity=\"0.08274111675126904\"\n        ></circle>\n        <circle\n          cx=\"153.64745084375784\"\n          cy=\"57.34152255572698\"\n          r=\"16\"\n          opacity=\"0.08181818181818182\"\n        ></circle>\n        <circle\n          cx=\"151.16477683142648\"\n          cy=\"58.1722136601025\"\n          r=\"16\"\n          opacity=\"0.08090452261306533\"\n        ></circle>\n        <circle\n          cx=\"148.69697850114972\"\n          cy=\"59.04610688211375\"\n          r=\"16\"\n          opacity=\"0.08\"\n        ></circle>\n        <circle\n          cx=\"146.24480756820492\"\n          cy=\"59.96293602541974\"\n          r=\"16\"\n          opacity=\"0.0791044776119403\"\n        ></circle>\n        <circle\n          cx=\"143.8090109876132\"\n          cy=\"60.922421814981874\"\n          r=\"16\"\n          opacity=\"0.07821782178217823\"\n        ></circle>\n        <circle\n          cx=\"141.39033072660897\"\n          cy=\"61.924271982133945\"\n          r=\"16\"\n          opacity=\"0.0773399014778325\"\n        ></circle>\n        <circle\n          cx=\"138.98950353863003\"\n          cy=\"62.96818135360985\"\n          r=\"16\"\n          opacity=\"0.07647058823529412\"\n        ></circle>\n        <circle\n          cx=\"136.6072607388951\"\n          cy=\"64.05383194450249\"\n          r=\"16\"\n          opacity=\"0.07560975609756097\"\n        ></circle>\n        <circle\n          cx=\"134.24432798163843\"\n          cy=\"65.18089305512493\"\n          r=\"16\"\n          opacity=\"0.07475728155339806\"\n        ></circle>\n        <circle\n          cx=\"131.90142503906804\"\n          cy=\"66.34902137174478\"\n          r=\"16\"\n          opacity=\"0.07391304347826087\"\n        ></circle>\n        <circle\n          cx=\"129.57926558211636\"\n          cy=\"67.55786107116097\"\n          r=\"16\"\n          opacity=\"0.07307692307692308\"\n        ></circle>\n        <circle\n          cx=\"127.27855696304945\"\n          cy=\"68.80704392909061\"\n          r=\"16\"\n          opacity=\"0.0722488038277512\"\n        ></circle>\n        <circle\n          cx=\"124.99999999999999\"\n          cy=\"70.0961894323342\"\n          r=\"16\"\n          opacity=\"0.07142857142857142\"\n        ></circle>\n        <circle\n          cx=\"122.74428876349188\"\n          cy=\"71.42490489468315\"\n          r=\"16\"\n          opacity=\"0.07061611374407582\"\n        ></circle>\n        <circle\n          cx=\"120.51211036501928\"\n          cy=\"72.79278557653609\"\n          r=\"16\"\n          opacity=\"0.06981132075471698\"\n        ></circle>\n        <circle\n          cx=\"118.30414474774594\"\n          cy=\"74.19941480818639\"\n          r=\"16\"\n          opacity=\"0.06901408450704226\"\n        ></circle>\n        <circle\n          cx=\"116.121064479388\"\n          cy=\"75.64436411674372\"\n          r=\"16\"\n          opacity=\"0.06822429906542056\"\n        ></circle>\n        <circle\n          cx=\"113.96353454734313\"\n          cy=\"77.12719335665119\"\n          r=\"16\"\n          opacity=\"0.06744186046511629\"\n        ></circle>\n        <circle\n          cx=\"111.83221215612905\"\n          cy=\"78.64745084375787\"\n          r=\"16\"\n          opacity=\"0.06666666666666667\"\n        ></circle>\n        <circle\n          cx=\"109.72774652719279\"\n          cy=\"80.20467349290604\"\n          r=\"16\"\n          opacity=\"0.06589861751152074\"\n        ></circle>\n        <circle\n          cx=\"107.65077870115132\"\n          cy=\"81.79838695899167\"\n          r=\"16\"\n          opacity=\"0.06513761467889909\"\n        ></circle>\n        <circle\n          cx=\"105.60194134252436\"\n          cy=\"83.42810578145438\"\n          r=\"16\"\n          opacity=\"0.06438356164383562\"\n        ></circle>\n        <circle\n          cx=\"103.58185854701911\"\n          cy=\"85.0933335321533\"\n          r=\"16\"\n          opacity=\"0.06363636363636363\"\n        ></circle>\n        <circle\n          cx=\"101.59114565142389\"\n          cy=\"86.79356296658422\"\n          r=\"16\"\n          opacity=\"0.06289592760180995\"\n        ></circle>\n        <circle\n          cx=\"99.63040904617127\"\n          cy=\"88.52827617839087\"\n          r=\"16\"\n          opacity=\"0.062162162162162166\"\n        ></circle>\n        <circle\n          cx=\"97.70024599062525\"\n          cy=\"90.29694475712441\"\n          r=\"16\"\n          opacity=\"0.06143497757847534\"\n        ></circle>\n        <circle\n          cx=\"95.8012444311504\"\n          cy=\"92.09902994920233\"\n          r=\"16\"\n          opacity=\"0.060714285714285714\"\n        ></circle>\n        <circle\n          cx=\"93.93398282201788\"\n          cy=\"93.93398282201785\"\n          r=\"16\"\n          opacity=\"0.06\"\n        ></circle>\n        <circle\n          cx=\"92.09902994920238\"\n          cy=\"95.80124443115037\"\n          r=\"16\"\n          opacity=\"0.05929203539823009\"\n        ></circle>\n        <circle\n          cx=\"90.29694475712448\"\n          cy=\"97.70024599062516\"\n          r=\"16\"\n          opacity=\"0.05859030837004405\"\n        ></circle>\n        <circle\n          cx=\"88.5282761783909\"\n          cy=\"99.63040904617124\"\n          r=\"16\"\n          opacity=\"0.05789473684210526\"\n        ></circle>\n        <circle\n          cx=\"86.79356296658425\"\n          cy=\"101.59114565142386\"\n          r=\"16\"\n          opacity=\"0.05720524017467249\"\n        ></circle>\n        <circle\n          cx=\"85.09333353215331\"\n          cy=\"103.58185854701908\"\n          r=\"16\"\n          opacity=\"0.05652173913043478\"\n        ></circle>\n        <circle\n          cx=\"83.42810578145433\"\n          cy=\"105.60194134252443\"\n          r=\"16\"\n          opacity=\"0.05584415584415584\"\n        ></circle>\n        <circle\n          cx=\"81.79838695899168\"\n          cy=\"107.6507787011513\"\n          r=\"16\"\n          opacity=\"0.05517241379310345\"\n        ></circle>\n        <circle\n          cx=\"80.20467349290608\"\n          cy=\"109.72774652719276\"\n          r=\"16\"\n          opacity=\"0.054506437768240344\"\n        ></circle>\n        <circle\n          cx=\"78.6474508437579\"\n          cy=\"111.83221215612902\"\n          r=\"16\"\n          opacity=\"0.05384615384615385\"\n        ></circle>\n        <circle\n          cx=\"77.12719335665126\"\n          cy=\"113.96353454734304\"\n          r=\"16\"\n          opacity=\"0.05319148936170213\"\n        ></circle>\n        <circle\n          cx=\"75.64436411674379\"\n          cy=\"116.12106447938791\"\n          r=\"16\"\n          opacity=\"0.05254237288135593\"\n        ></circle>\n        <circle\n          cx=\"74.19941480818639\"\n          cy=\"118.30414474774595\"\n          r=\"16\"\n          opacity=\"0.05189873417721519\"\n        ></circle>\n        <circle\n          cx=\"72.7927855765361\"\n          cy=\"120.51211036501925\"\n          r=\"16\"\n          opacity=\"0.05126050420168067\"\n        ></circle>\n        <circle\n          cx=\"71.42490489468318\"\n          cy=\"122.74428876349182\"\n          r=\"16\"\n          opacity=\"0.050627615062761505\"\n        ></circle>\n        <circle\n          cx=\"70.09618943233426\"\n          cy=\"124.99999999999993\"\n          r=\"16\"\n          opacity=\"0.05\"\n        ></circle>\n        <circle\n          cx=\"68.80704392909061\"\n          cy=\"127.27855696304947\"\n          r=\"16\"\n          opacity=\"0.04937759336099585\"\n        ></circle>\n        <circle\n          cx=\"67.55786107116094\"\n          cy=\"129.5792655821164\"\n          r=\"16\"\n          opacity=\"0.048760330578512395\"\n        ></circle>\n        <circle\n          cx=\"66.34902137174484\"\n          cy=\"131.90142503906796\"\n          r=\"16\"\n          opacity=\"0.04814814814814815\"\n        ></circle>\n        <circle\n          cx=\"65.18089305512498\"\n          cy=\"134.24432798163832\"\n          r=\"16\"\n          opacity=\"0.047540983606557376\"\n        ></circle>\n        <circle\n          cx=\"64.05383194450255\"\n          cy=\"136.607260738895\"\n          r=\"16\"\n          opacity=\"0.04693877551020408\"\n        ></circle>\n        <circle\n          cx=\"62.96818135360985\"\n          cy=\"138.98950353862998\"\n          r=\"16\"\n          opacity=\"0.046341463414634146\"\n        ></circle>\n        <circle\n          cx=\"61.92427198213397\"\n          cy=\"141.3903307266089\"\n          r=\"16\"\n          opacity=\"0.045748987854251015\"\n        ></circle>\n        <circle\n          cx=\"60.9224218149819\"\n          cy=\"143.80901098761316\"\n          r=\"16\"\n          opacity=\"0.04516129032258064\"\n        ></circle>\n        <circle\n          cx=\"59.962936025419765\"\n          cy=\"146.2448075682049\"\n          r=\"16\"\n          opacity=\"0.04457831325301205\"\n        ></circle>\n        <circle\n          cx=\"59.046106882113776\"\n          cy=\"148.6969785011496\"\n          r=\"16\"\n          opacity=\"0.044\"\n        ></circle>\n        <circle\n          cx=\"58.17221366010247\"\n          cy=\"151.1647768314265\"\n          r=\"16\"\n          opacity=\"0.04342629482071713\"\n        ></circle>\n        <circle\n          cx=\"57.34152255572698\"\n          cy=\"153.64745084375787\"\n          r=\"16\"\n          opacity=\"0.04285714285714286\"\n        ></circle>\n        <circle\n          cx=\"56.55428660554469\"\n          cy=\"156.14424429158944\"\n          r=\"16\"\n          opacity=\"0.042292490118577074\"\n        ></circle>\n        <circle\n          cx=\"55.81074560925214\"\n          cy=\"158.65439662745018\"\n          r=\"16\"\n          opacity=\"0.04173228346456693\"\n        ></circle>\n        <circle\n          cx=\"55.11112605663976\"\n          cy=\"161.1771432346219\"\n          r=\"16\"\n          opacity=\"0.041176470588235294\"\n        ></circle>\n        <circle\n          cx=\"54.45564105860052\"\n          cy=\"163.71171566004983\"\n          r=\"16\"\n          opacity=\"0.040625\"\n        ></circle>\n        <circle\n          cx=\"53.844490282214736\"\n          cy=\"166.2573418484202\"\n          r=\"16\"\n          opacity=\"0.040077821011673155\"\n        ></circle>\n        <circle\n          cx=\"53.277859889929175\"\n          cy=\"168.81324637733604\"\n          r=\"16\"\n          opacity=\"0.03953488372093023\"\n        ></circle>\n        <circle\n          cx=\"52.75592248285042\"\n          cy=\"171.37865069351818\"\n          r=\"16\"\n          opacity=\"0.038996138996139\"\n        ></circle>\n        <circle\n          cx=\"52.27883704816881\"\n          cy=\"173.95277334996044\"\n          r=\"16\"\n          opacity=\"0.038461538461538464\"\n        ></circle>\n        <circle\n          cx=\"51.84674891072936\"\n          cy=\"176.53483024396536\"\n          r=\"16\"\n          opacity=\"0.03793103448275862\"\n        ></circle>\n        <circle\n          cx=\"51.45978968876446\"\n          cy=\"179.12403485599026\"\n          r=\"16\"\n          opacity=\"0.03740458015267176\"\n        ></circle>\n        <circle\n          cx=\"51.11807725380169\"\n          cy=\"181.71959848922793\"\n          r=\"16\"\n          opacity=\"0.03688212927756654\"\n        ></circle>\n        <circle\n          cx=\"50.82171569475898\"\n          cy=\"184.32073050985198\"\n          r=\"16\"\n          opacity=\"0.03636363636363636\"\n        ></circle>\n        <circle\n          cx=\"50.570795286238166\"\n          cy=\"186.92663858785127\"\n          r=\"16\"\n          opacity=\"0.035849056603773584\"\n        ></circle>\n        <circle\n          cx=\"50.365392461026374\"\n          cy=\"189.53652893838117\"\n          r=\"16\"\n          opacity=\"0.035338345864661655\"\n        ></circle>\n        <circle\n          cx=\"50.205569786813925\"\n          cy=\"192.14960656355836\"\n          r=\"16\"\n          opacity=\"0.0348314606741573\"\n        ></circle>\n        <circle\n          cx=\"50.091375947135646\"\n          cy=\"194.76507549462474\"\n          r=\"16\"\n          opacity=\"0.034328358208955224\"\n        ></circle>\n        <circle\n          cx=\"50.022845726541306\"\n          cy=\"197.3821390344075\"\n          r=\"16\"\n          opacity=\"0.03382899628252788\"\n        ></circle>\n        <circle\n          cx=\"50\"\n          cy=\"199.99999999999997\"\n          r=\"16\"\n          opacity=\"0.03333333333333333\"\n        ></circle>\n        <circle\n          cx=\"50.022845726541306\"\n          cy=\"202.61786096559246\"\n          r=\"16\"\n          opacity=\"0.03284132841328413\"\n        ></circle>\n        <circle\n          cx=\"50.091375947135646\"\n          cy=\"205.2349245053752\"\n          r=\"16\"\n          opacity=\"0.03235294117647059\"\n        ></circle>\n        <circle\n          cx=\"50.205569786813925\"\n          cy=\"207.85039343644158\"\n          r=\"16\"\n          opacity=\"0.031868131868131866\"\n        ></circle>\n        <circle\n          cx=\"50.365392461026346\"\n          cy=\"210.46347106161878\"\n          r=\"16\"\n          opacity=\"0.031386861313868614\"\n        ></circle>\n        <circle\n          cx=\"50.570795286238166\"\n          cy=\"213.07336141214867\"\n          r=\"16\"\n          opacity=\"0.03090909090909091\"\n        ></circle>\n        <circle\n          cx=\"50.82171569475898\"\n          cy=\"215.67926949014796\"\n          r=\"16\"\n          opacity=\"0.030434782608695653\"\n        ></circle>\n        <circle\n          cx=\"51.118077253801715\"\n          cy=\"218.28040151077215\"\n          r=\"16\"\n          opacity=\"0.029963898916967508\"\n        ></circle>\n        <circle\n          cx=\"51.45978968876446\"\n          cy=\"220.87596514400983\"\n          r=\"16\"\n          opacity=\"0.029496402877697843\"\n        ></circle>\n        <circle\n          cx=\"51.84674891072933\"\n          cy=\"223.4651697560346\"\n          r=\"16\"\n          opacity=\"0.02903225806451613\"\n        ></circle>\n        <circle\n          cx=\"52.27883704816878\"\n          cy=\"226.0472266500395\"\n          r=\"16\"\n          opacity=\"0.02857142857142857\"\n        ></circle>\n        <circle\n          cx=\"52.755922482850394\"\n          cy=\"228.62134930648165\"\n          r=\"16\"\n          opacity=\"0.028113879003558717\"\n        ></circle>\n        <circle\n          cx=\"53.27785988992912\"\n          cy=\"231.1867536226638\"\n          r=\"16\"\n          opacity=\"0.027659574468085105\"\n        ></circle>\n        <circle\n          cx=\"53.84449028221471\"\n          cy=\"233.74265815157975\"\n          r=\"16\"\n          opacity=\"0.027208480565371024\"\n        ></circle>\n        <circle\n          cx=\"54.45564105860052\"\n          cy=\"236.2882843399501\"\n          r=\"16\"\n          opacity=\"0.02676056338028169\"\n        ></circle>\n        <circle\n          cx=\"55.11112605663976\"\n          cy=\"238.82285676537816\"\n          r=\"16\"\n          opacity=\"0.02631578947368421\"\n        ></circle>\n        <circle\n          cx=\"55.810745609252194\"\n          cy=\"241.3456033725499\"\n          r=\"16\"\n          opacity=\"0.025874125874125874\"\n        ></circle>\n        <circle\n          cx=\"56.55428660554469\"\n          cy=\"243.8557557084105\"\n          r=\"16\"\n          opacity=\"0.025435540069686412\"\n        ></circle>\n        <circle\n          cx=\"57.341522555726954\"\n          cy=\"246.35254915624208\"\n          r=\"16\"\n          opacity=\"0.025\"\n        ></circle>\n        <circle\n          cx=\"58.17221366010244\"\n          cy=\"248.83522316857346\"\n          r=\"16\"\n          opacity=\"0.0245674740484429\"\n        ></circle>\n        <circle\n          cx=\"59.04610688211372\"\n          cy=\"251.30302149885023\"\n          r=\"16\"\n          opacity=\"0.02413793103448276\"\n        ></circle>\n        <circle\n          cx=\"59.96293602541968\"\n          cy=\"253.75519243179494\"\n          r=\"16\"\n          opacity=\"0.023711340206185566\"\n        ></circle>\n        <circle\n          cx=\"60.922421814981874\"\n          cy=\"256.1909890123868\"\n          r=\"16\"\n          opacity=\"0.023287671232876714\"\n        ></circle>\n        <circle\n          cx=\"61.92427198213392\"\n          cy=\"258.60966927339103\"\n          r=\"16\"\n          opacity=\"0.02286689419795222\"\n        ></circle>\n        <circle\n          cx=\"62.96818135360988\"\n          cy=\"261.01049646137005\"\n          r=\"16\"\n          opacity=\"0.022448979591836733\"\n        ></circle>\n        <circle\n          cx=\"64.05383194450252\"\n          cy=\"263.39273926110496\"\n          r=\"16\"\n          opacity=\"0.022033898305084745\"\n        ></circle>\n        <circle\n          cx=\"65.18089305512495\"\n          cy=\"265.7556720183616\"\n          r=\"16\"\n          opacity=\"0.021621621621621626\"\n        ></circle>\n        <circle\n          cx=\"66.34902137174481\"\n          cy=\"268.098574960932\"\n          r=\"16\"\n          opacity=\"0.021212121212121213\"\n        ></circle>\n        <circle\n          cx=\"67.55786107116094\"\n          cy=\"270.4207344178836\"\n          r=\"16\"\n          opacity=\"0.020805369127516776\"\n        ></circle>\n        <circle\n          cx=\"68.80704392909058\"\n          cy=\"272.72144303695046\"\n          r=\"16\"\n          opacity=\"0.02040133779264214\"\n        ></circle>\n        <circle cx=\"70.0961894323342\" cy=\"275\" r=\"16\" opacity=\"0.02\"></circle>\n        <circle\n          cx=\"71.42490489468315\"\n          cy=\"277.2557112365081\"\n          r=\"16\"\n          opacity=\"0.019601328903654486\"\n        ></circle>\n        <circle\n          cx=\"72.79278557653608\"\n          cy=\"279.4878896349807\"\n          r=\"16\"\n          opacity=\"0.019205298013245033\"\n        ></circle>\n        <circle\n          cx=\"74.19941480818636\"\n          cy=\"281.695855252254\"\n          r=\"16\"\n          opacity=\"0.01881188118811881\"\n        ></circle>\n        <circle\n          cx=\"75.64436411674369\"\n          cy=\"283.87893552061195\"\n          r=\"16\"\n          opacity=\"0.018421052631578946\"\n        ></circle>\n        <circle\n          cx=\"77.12719335665123\"\n          cy=\"286.0364654526569\"\n          r=\"16\"\n          opacity=\"0.018032786885245903\"\n        ></circle>\n        <circle\n          cx=\"78.64745084375787\"\n          cy=\"288.16778784387094\"\n          r=\"16\"\n          opacity=\"0.01764705882352941\"\n        ></circle>\n        <circle\n          cx=\"80.20467349290604\"\n          cy=\"290.27225347280717\"\n          r=\"16\"\n          opacity=\"0.017263843648208467\"\n        ></circle>\n        <circle\n          cx=\"81.79838695899173\"\n          cy=\"292.34922129884876\"\n          r=\"16\"\n          opacity=\"0.016883116883116882\"\n        ></circle>\n        <circle\n          cx=\"83.42810578145438\"\n          cy=\"294.39805865747564\"\n          r=\"16\"\n          opacity=\"0.01650485436893204\"\n        ></circle>\n        <circle\n          cx=\"85.09333353215328\"\n          cy=\"296.4181414529809\"\n          r=\"16\"\n          opacity=\"0.016129032258064516\"\n        ></circle>\n        <circle\n          cx=\"86.79356296658416\"\n          cy=\"298.408854348576\"\n          r=\"16\"\n          opacity=\"0.015755627009646302\"\n        ></circle>\n        <circle\n          cx=\"88.52827617839081\"\n          cy=\"300.36959095382866\"\n          r=\"16\"\n          opacity=\"0.015384615384615385\"\n        ></circle>\n        <circle\n          cx=\"90.29694475712435\"\n          cy=\"302.29975400937474\"\n          r=\"16\"\n          opacity=\"0.015015974440894569\"\n        ></circle>\n        <circle\n          cx=\"92.09902994920223\"\n          cy=\"304.1987555688495\"\n          r=\"16\"\n          opacity=\"0.014649681528662422\"\n        ></circle>\n        <circle\n          cx=\"93.93398282201785\"\n          cy=\"306.0660171779821\"\n          r=\"16\"\n          opacity=\"0.014285714285714285\"\n        ></circle>\n        <circle\n          cx=\"95.80124443115037\"\n          cy=\"307.90097005079764\"\n          r=\"16\"\n          opacity=\"0.01392405063291139\"\n        ></circle>\n        <circle\n          cx=\"97.70024599062526\"\n          cy=\"309.7030552428756\"\n          r=\"16\"\n          opacity=\"0.013564668769716088\"\n        ></circle>\n        <circle\n          cx=\"99.63040904617128\"\n          cy=\"311.47172382160915\"\n          r=\"16\"\n          opacity=\"0.013207547169811321\"\n        ></circle>\n        <circle\n          cx=\"101.59114565142389\"\n          cy=\"313.2064370334158\"\n          r=\"16\"\n          opacity=\"0.012852664576802508\"\n        ></circle>\n        <circle\n          cx=\"103.58185854701907\"\n          cy=\"314.90666646784666\"\n          r=\"16\"\n          opacity=\"0.0125\"\n        ></circle>\n        <circle\n          cx=\"105.60194134252433\"\n          cy=\"316.5718942185456\"\n          r=\"16\"\n          opacity=\"0.012149532710280374\"\n        ></circle>\n        <circle\n          cx=\"107.65077870115117\"\n          cy=\"318.2016130410082\"\n          r=\"16\"\n          opacity=\"0.011801242236024845\"\n        ></circle>\n        <circle\n          cx=\"109.72774652719276\"\n          cy=\"319.79532650709393\"\n          r=\"16\"\n          opacity=\"0.011455108359133128\"\n        ></circle>\n        <circle\n          cx=\"111.832212156129\"\n          cy=\"321.3525491562421\"\n          r=\"16\"\n          opacity=\"0.011111111111111112\"\n        ></circle>\n        <circle\n          cx=\"113.96353454734303\"\n          cy=\"322.8728066433487\"\n          r=\"16\"\n          opacity=\"0.010769230769230767\"\n        ></circle>\n        <circle\n          cx=\"116.1210644793879\"\n          cy=\"324.35563588325624\"\n          r=\"16\"\n          opacity=\"0.010429447852760737\"\n        ></circle>\n        <circle\n          cx=\"118.30414474774595\"\n          cy=\"325.80058519181364\"\n          r=\"16\"\n          opacity=\"0.010091743119266056\"\n        ></circle>\n        <circle\n          cx=\"120.51211036501913\"\n          cy=\"327.2072144234638\"\n          r=\"16\"\n          opacity=\"0.00975609756097561\"\n        ></circle>\n        <circle\n          cx=\"122.74428876349182\"\n          cy=\"328.5750951053168\"\n          r=\"16\"\n          opacity=\"0.009422492401215805\"\n        ></circle>\n        <circle\n          cx=\"124.99999999999993\"\n          cy=\"329.90381056766574\"\n          r=\"16\"\n          opacity=\"0.00909090909090909\"\n        ></circle>\n        <circle\n          cx=\"127.27855696304947\"\n          cy=\"331.1929560709094\"\n          r=\"16\"\n          opacity=\"0.008761329305135951\"\n        ></circle>\n        <circle\n          cx=\"129.57926558211636\"\n          cy=\"332.44213892883903\"\n          r=\"16\"\n          opacity=\"0.008433734939759038\"\n        ></circle>\n        <circle\n          cx=\"131.90142503906796\"\n          cy=\"333.6509786282552\"\n          r=\"16\"\n          opacity=\"0.008108108108108109\"\n        ></circle>\n        <circle\n          cx=\"134.24432798163843\"\n          cy=\"334.8191069448751\"\n          r=\"16\"\n          opacity=\"0.00778443113772455\"\n        ></circle>\n        <circle\n          cx=\"136.607260738895\"\n          cy=\"335.9461680554974\"\n          r=\"16\"\n          opacity=\"0.007462686567164179\"\n        ></circle>\n        <circle\n          cx=\"138.98950353862998\"\n          cy=\"337.03181864639015\"\n          r=\"16\"\n          opacity=\"0.007142857142857143\"\n        ></circle>\n        <circle\n          cx=\"141.3903307266088\"\n          cy=\"338.075728017866\"\n          r=\"16\"\n          opacity=\"0.006824925816023739\"\n        ></circle>\n        <circle\n          cx=\"143.80901098761314\"\n          cy=\"339.07757818501807\"\n          r=\"16\"\n          opacity=\"0.00650887573964497\"\n        ></circle>\n        <circle\n          cx=\"146.2448075682049\"\n          cy=\"340.03706397458024\"\n          r=\"16\"\n          opacity=\"0.006194690265486726\"\n        ></circle>\n        <circle\n          cx=\"148.69697850114972\"\n          cy=\"340.95389311788625\"\n          r=\"16\"\n          opacity=\"0.0058823529411764705\"\n        ></circle>\n        <circle\n          cx=\"151.16477683142637\"\n          cy=\"341.82778633989744\"\n          r=\"16\"\n          opacity=\"0.005571847507331379\"\n        ></circle>\n        <circle\n          cx=\"153.64745084375784\"\n          cy=\"342.658477444273\"\n          r=\"16\"\n          opacity=\"0.005263157894736842\"\n        ></circle>\n        <circle\n          cx=\"156.14424429158956\"\n          cy=\"343.4457133944553\"\n          r=\"16\"\n          opacity=\"0.004956268221574344\"\n        ></circle>\n        <circle\n          cx=\"158.65439662745004\"\n          cy=\"344.1892543907478\"\n          r=\"16\"\n          opacity=\"0.004651162790697674\"\n        ></circle>\n        <circle\n          cx=\"161.1771432346219\"\n          cy=\"344.88887394336024\"\n          r=\"16\"\n          opacity=\"0.004347826086956522\"\n        ></circle>\n        <circle\n          cx=\"163.71171566004983\"\n          cy=\"345.5443589413995\"\n          r=\"16\"\n          opacity=\"0.004046242774566474\"\n        ></circle>\n        <circle\n          cx=\"166.2573418484202\"\n          cy=\"346.15550971778526\"\n          r=\"16\"\n          opacity=\"0.0037463976945244955\"\n        ></circle>\n        <circle\n          cx=\"168.81324637733601\"\n          cy=\"346.7221401100708\"\n          r=\"16\"\n          opacity=\"0.0034482758620689655\"\n        ></circle>\n        <circle\n          cx=\"171.3786506935183\"\n          cy=\"347.2440775171496\"\n          r=\"16\"\n          opacity=\"0.003151862464183381\"\n        ></circle>\n        <circle\n          cx=\"173.9527733499603\"\n          cy=\"347.72116295183116\"\n          r=\"16\"\n          opacity=\"0.0028571428571428576\"\n        ></circle>\n        <circle\n          cx=\"176.53483024396533\"\n          cy=\"348.1532510892706\"\n          r=\"16\"\n          opacity=\"0.002564102564102564\"\n        ></circle>\n        <circle\n          cx=\"179.12403485599012\"\n          cy=\"348.54021031123557\"\n          r=\"16\"\n          opacity=\"0.0022727272727272726\"\n        ></circle>\n        <circle\n          cx=\"181.7195984892278\"\n          cy=\"348.88192274619826\"\n          r=\"16\"\n          opacity=\"0.00198300283286119\"\n        ></circle>\n        <circle\n          cx=\"184.32073050985198\"\n          cy=\"349.178284305241\"\n          r=\"16\"\n          opacity=\"0.001694915254237288\"\n        ></circle>\n        <circle\n          cx=\"186.92663858785124\"\n          cy=\"349.4292047137618\"\n          r=\"16\"\n          opacity=\"0.0014084507042253522\"\n        ></circle>\n        <circle\n          cx=\"189.53652893838128\"\n          cy=\"349.6346075389737\"\n          r=\"16\"\n          opacity=\"0.0011235955056179776\"\n        ></circle>\n        <circle\n          cx=\"192.14960656355834\"\n          cy=\"349.79443021318605\"\n          r=\"16\"\n          opacity=\"0.0008403361344537816\"\n        ></circle>\n        <circle\n          cx=\"194.76507549462488\"\n          cy=\"349.90862405286435\"\n          r=\"16\"\n          opacity=\"0.0005586592178770949\"\n        ></circle>\n        <circle\n          cx=\"197.38213903440734\"\n          cy=\"349.9771542734587\"\n          r=\"16\"\n          opacity=\"0.0002785515320334262\"\n        ></circle>\n      </g>\n      Sorry, your browser does not support inline SVG.\n    </svg>\n  </div>\n</div>\n", styles: [":host .onemrva-spinner-container{position:relative;height:3.25rem;right:3.25rem}:host .onemrva-spinner svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:52px;width:52px;box-sizing:border-box;animation:1s rotate infinite linear;fill:var(--mat-sys-primary)}\n"] }]
         }] });
@@ -5767,10 +5973,10 @@ class OnemrvaMatLoadingDirective {
         //componentRef.instance.color = '';
         host.insertBefore(componentRef.location.nativeElement, host.firstChild);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatLoadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatLoadingDirective, isStandalone: true, selector: "button[loading]", inputs: { loading: "loading" }, host: { properties: { "class.has-spinner": "this.loading" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatLoadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatLoadingDirective, isStandalone: true, selector: "button[loading]", inputs: { loading: "loading" }, host: { properties: { "class.has-spinner": "this.loading" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatLoadingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatLoadingDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -5784,11 +5990,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatSpinnerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSpinnerModule, imports: [OnemrvaMatSpinnerComponent, OnemrvaMatLoadingDirective], exports: [OnemrvaMatSpinnerComponent, OnemrvaMatLoadingDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSpinnerModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSpinnerModule, imports: [OnemrvaMatSpinnerComponent, OnemrvaMatLoadingDirective], exports: [OnemrvaMatSpinnerComponent, OnemrvaMatLoadingDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSpinnerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSpinnerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSpinnerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OnemrvaMatSpinnerComponent, OnemrvaMatLoadingDirective],
@@ -5885,13 +6091,13 @@ class OnemrvaMatStepperComponent extends MatStepper {
         }
         return 'number';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatStepperComponent, isStandalone: true, selector: "onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]", inputs: { selectedIndex: "selectedIndex", orientation: "orientation" }, host: { properties: { "class.mat-stepper-vertical": "this.matStepperVertical", "attr.aria-orientation": "this.ariaOrientation", "role": "this.role" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatStepperComponent, isStandalone: true, selector: "onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]", inputs: { selectedIndex: "selectedIndex", orientation: "orientation" }, host: { properties: { "class.mat-stepper-vertical": "this.matStepperVertical", "attr.aria-orientation": "this.ariaOrientation", "role": "this.role" } }, providers: [
             { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
             { provide: CdkStepper, useExisting: MatStepper },
         ], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<!-- Vertical summary-stepper -->\n<ng-container>\n  @for (step of steps; track step; let stepidx = $index; let isLast = $last) {\n  <div class=\"mat-step\">\n    <ng-container\n      [ngTemplateOutlet]=\"stepTemplate\"\n      [ngTemplateOutletContext]=\"{step: step, i: stepidx}\"\n    ></ng-container>\n    <div\n      class=\"mat-vertical-content-container\"\n      [class.mat-stepper-vertical-line]=\"!isLast\"\n    >\n      <div\n        class=\"mat-vertical-stepper-content\"\n        role=\"tabpanel\"\n        [@verticalStepTransition]=\"{\n                'value': _getAnimationDirection(stepidx),\n                'params': {'animationDuration': _getAnimationDuration()}\n              }\"\n        (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n        [id]=\"_getStepContentId(stepidx)\"\n        [attr.aria-labelledby]=\"_getStepLabelId(stepidx)\"\n        [attr.aria-expanded]=\"selectedIndex === stepidx\"\n      >\n        <div class=\"mat-vertical-content\">\n          <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n  }\n</ng-container>\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" let-i=\"i\" #stepTemplate>\n  <mat-step-header\n    [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n    [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n    (click)=\"step.select()\"\n    (keydown)=\"_onKeydown($event)\"\n    [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n    [id]=\"_getStepLabelId(i)\"\n    [attr.aria-posinset]=\"i + 1\"\n    [attr.aria-setsize]=\"steps.length\"\n    [attr.aria-controls]=\"_getStepContentId(i)\"\n    [attr.aria-selected]=\"selectedIndex === i\"\n    [attr.aria-label]=\"step.ariaLabel || null\"\n    [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n    [attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n    [index]=\"i\"\n    [state]=\"_getIndicatorType(i, step.state)\"\n    [label]=\"step.stepLabel || step.label\"\n    [selected]=\"selectedIndex === i\"\n    [active]=\"_stepIsNavigable(i, step)\"\n    [optional]=\"step.optional\"\n    [errorMessage]=\"step.errorMessage\"\n    [iconOverrides]=\"_iconOverrides\"\n    [disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n  ></mat-step-header>\n</ng-template>\n", styles: [":host.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(.4,0,.2,1)}:host .mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px;background-color:var(--mat-sys-surface-container-low);z-index:10}:host .mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}:host .mat-vertical-content-container .mat-vertical-content{margin:var(--spacer);padding:0 1.5rem 1.5rem}:host .mat-vertical-content-container.mat-stepper-vertical-line:before{content:\"\";position:absolute;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-sys-outline-variant);top:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);bottom:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);--mat-stepper-header-height: 3rem;left:var(--spacer)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatStepHeader, selector: "mat-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional", "disableRipple", "color"] }], animations: [onemrvaMatStepperAnimations.verticalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-stepper, ' +
                         'onemrva-mat-vertical-stepper, ' +
@@ -5913,11 +6119,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent], exports: [MatStepperModule, OnemrvaMatStepperComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent, MatStepperModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent], exports: [MatStepperModule, OnemrvaMatStepperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent, MatStepperModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OnemrvaMatStepperComponent],
@@ -5932,20 +6138,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
  */
 
 class OnemrvaMatStickerComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;color:var(--on-background-gradient)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;padding:4px 10px;color:var(--on-background-gradient)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-sticker', template: ` <ng-content></ng-content>`, imports: [], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;color:var(--on-background-gradient)}\n"] }]
+            args: [{ selector: 'onemrva-mat-sticker', template: ` <ng-content></ng-content>`, imports: [], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;padding:4px 10px;color:var(--on-background-gradient)}\n"] }]
         }] });
 
 class OnemrvaMatStickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -6004,10 +6210,10 @@ class OnemrvaMatTableOfContentService {
         this._toc = {};
         this._toc$.next(this._toc);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
             type: Injectable
         }] });
 
@@ -6072,10 +6278,10 @@ class OnemrvaMatTableOfContentComponent {
         });
         elements.forEach(el => this.observer.observe(el));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKey: "titleKey", tocName: "tocName", dataCy: "dataCy", tableOfContentName: "tableOfContentName", scrollShift: "scrollShift" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, ngImport: i0, template: "<div class=\"onemrva-mat-toc\">\n  <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n  <mat-list>\n    @for (anchor of toc$ | async; track anchor.path) {\n      <mat-list-item\n        [routerLink]=\"[]\"\n        [fragment]=\"anchor.path\"\n        [ngClass]=\"{\n          'active-anchor': anchor.path === activePath,\n          'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n          'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n        }\"\n      >\n        {{ anchor.titleKey | translate }}\n        @if (anchor.status === status.CHECKMARK) {\n          <mat-icon class=\"mat-success\">check</mat-icon>\n        }\n        @if (anchor.status === status.WARNING) {\n          <mat-icon class=\"anchor-warning\">priority_high</mat-icon>\n        }\n      </mat-list-item>\n    }\n  </mat-list>\n</div>\n", styles: [":host{position:fixed;width:var(--toc-width, 280px);top:var(--layout-header-height, 82px);left:0;bottom:0;overflow:auto;background-color:var(--mat-sys-surface-container);padding:var(--triple-spacer) var(--spacer) var(--spacer) var(--triple-spacer);box-sizing:border-box}:host .onemrva-mat-toc-title{color:var(--mat-sys-secondary);line-height:1.5rem;margin-bottom:var(--double-spacer)}:host mat-list{padding:0}:host mat-list mat-list-item{padding:var(--half-spacer) 0 var(--half-spacer) var(--spacer);height:2rem!important;border-left:1px solid var(--mat-sys-outline-variant)}:host mat-list mat-list-item.onemrva-mat-hidden-toc-anchor{display:none}:host mat-list mat-list-item .mdc-list-item__primary-text{font-weight:600;color:var(--mat-sys-outline)}:host mat-list mat-list-item.active-anchor{border-left:3px solid var(--mat-sys-secondary);padding-left:6px}:host mat-list mat-list-item.active-anchor .mdc-list-item__primary-text{color:var(--mat-sys-outline-variant)}:host mat-list mat-list-item:hover{cursor:pointer}:host mat-list mat-list-item mat-icon{vertical-align:bottom!important}:host mat-list mat-list-item mat-icon.anchor-warning{color:var(--mat-sys-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$5.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKey: "titleKey", tocName: "tocName", dataCy: "dataCy", tableOfContentName: "tableOfContentName", scrollShift: "scrollShift" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, ngImport: i0, template: "<div class=\"onemrva-mat-toc\">\n  <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n  <mat-list>\n    @for (anchor of toc$ | async; track anchor.path) {\n      <mat-list-item\n        [routerLink]=\"[]\"\n        [fragment]=\"anchor.path\"\n        [ngClass]=\"{\n          'active-anchor': anchor.path === activePath,\n          'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n          'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n        }\"\n      >\n        {{ anchor.titleKey | translate }}\n        @if (anchor.status === status.CHECKMARK) {\n          <mat-icon class=\"mat-success\">check</mat-icon>\n        }\n        @if (anchor.status === status.WARNING) {\n          <mat-icon class=\"anchor-warning\">priority_high</mat-icon>\n        }\n      </mat-list-item>\n    }\n  </mat-list>\n</div>\n", styles: [":host{position:fixed;width:var(--toc-width, 280px);top:var(--layout-header-height, 82px);left:0;bottom:0;overflow:auto;background-color:var(--mat-sys-surface-container);padding:var(--triple-spacer) var(--spacer) var(--spacer) var(--triple-spacer);box-sizing:border-box}:host .onemrva-mat-toc-title{color:var(--mat-sys-secondary);line-height:1.5rem;margin-bottom:var(--double-spacer)}:host mat-list{padding:0}:host mat-list mat-list-item{padding:var(--half-spacer) 0 var(--half-spacer) var(--spacer);height:2rem!important;border-left:1px solid var(--mat-sys-outline-variant)}:host mat-list mat-list-item.onemrva-mat-hidden-toc-anchor{display:none}:host mat-list mat-list-item .mdc-list-item__primary-text{font-weight:600;color:var(--mat-sys-outline)}:host mat-list mat-list-item.active-anchor{border-left:3px solid var(--mat-sys-secondary);padding-left:6px}:host mat-list mat-list-item.active-anchor .mdc-list-item__primary-text{color:var(--mat-sys-outline-variant)}:host mat-list mat-list-item:hover{cursor:pointer}:host mat-list mat-list-item mat-icon{vertical-align:bottom!important}:host mat-list mat-list-item mat-icon.anchor-warning{color:var(--mat-sys-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$6.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1$6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-table-of-content', standalone: true, imports: [
                         MatListModule,
@@ -6137,10 +6343,10 @@ class OnemrvaMatTableOfContentDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: "onemrvaMatToc", hiddenInToc: "hiddenInToc" }, host: { properties: { "attr.role": "this.role", "attr.class": "this.clazz", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.rvaonem-toc-anchor": "this.ariaToc" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: "onemrvaMatToc", hiddenInToc: "hiddenInToc" }, host: { properties: { "attr.role": "this.role", "attr.class": "this.clazz", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.rvaonem-toc-anchor": "this.ariaToc" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onemrvaMatToc]',
@@ -6179,10 +6385,10 @@ class OnemrvaMatTaskTitleComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-title', standalone: true, imports: [NgClass], encapsulation: ViewEncapsulation.Emulated, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"] }]
         }], propDecorators: { customNgClass: [{
@@ -6196,10 +6402,10 @@ class OnemrvaMatTaskContentComponent {
     constructor() {
         this.customNgClass = ['onemrva-mat-task-content'];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-content', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"] }]
         }], propDecorators: { customNgClass: [{
@@ -6238,10 +6444,10 @@ class OnemrvaMatTaskComponent {
         }
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: "customNgClass", icon: "icon", form: "form", bubble: "bubble", arialLabel: "arialLabel", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabled", "attr.aria-disabled": "this.showAriaDisabled" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-mat-task-icon\">\n  @if (icon !== undefined) {\n    <span class=\"bubble\"\n      ><mat-icon>{{ icon }}</mat-icon></span\n    >\n  }\n  @if (form !== undefined) {\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form\"\n      [aria-label]=\"arialLabel\"\n    ></mat-checkbox>\n  }\n  @if (bubble !== undefined) {\n    <span class=\"bubble\">{{ bubble }}</span>\n  }\n</div>\n\n@if (title?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n@if (content?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: "customNgClass", icon: "icon", form: "form", bubble: "bubble", arialLabel: "arialLabel", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabled", "attr.aria-disabled": "this.showAriaDisabled" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-mat-task-icon\">\n  @if (icon !== undefined) {\n    <span class=\"bubble\"\n      ><mat-icon>{{ icon }}</mat-icon></span\n    >\n  }\n  @if (form !== undefined) {\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form\"\n      [aria-label]=\"arialLabel\"\n    ></mat-checkbox>\n  }\n  @if (bubble !== undefined) {\n    <span class=\"bubble\">{{ bubble }}</span>\n  }\n</div>\n\n@if (title?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n@if (content?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task', standalone: true, imports: [MatCheckbox, MatIcon, ReactiveFormsModule, NgTemplateOutlet], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"onemrva-mat-task-icon\">\n  @if (icon !== undefined) {\n    <span class=\"bubble\"\n      ><mat-icon>{{ icon }}</mat-icon></span\n    >\n  }\n  @if (form !== undefined) {\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form\"\n      [aria-label]=\"arialLabel\"\n    ></mat-checkbox>\n  }\n  @if (bubble !== undefined) {\n    <span class=\"bubble\">{{ bubble }}</span>\n  }\n</div>\n\n@if (title?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n@if (content?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"] }]
         }], propDecorators: { customNgClass: [{
@@ -6283,10 +6489,10 @@ class OnemrvaMatTaskListComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: "id", data_cy: "data_cy" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: "id", data_cy: "data_cy" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { id: [{
@@ -6307,14 +6513,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatTaskListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
             OnemrvaMatTaskTitleComponent,
             OnemrvaMatTaskContentComponent,
             OnemrvaMatTaskComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -6605,10 +6811,10 @@ class ClockComponent {
         value = Math.round(60 - (60 * angle) / 360);
         return value === 60 ? 0 : value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: ClockComponent, isStandalone: true, selector: "mat-clock", inputs: { viewType: "viewType", formattedValue: "formattedValue", minDate: "minDate", maxDate: "maxDate", formattedHours: "formattedHours", minutes: "minutes", allowed24HourMap: "allowed24HourMap" }, outputs: { changeEvent: "changeEvent", unavailableSelection: "unavailableSelection", invalidSelection: "invalidSelection" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"root\">\n  <div\n    class=\"circle\"\n    tabindex=\"1\"\n    (touchmove)=\"handleTouchMove($event)\"\n    (mousemove)=\"handleMouseMove($event)\"\n    (touchstart)=\"disableAnimatedPointer()\"\n    (mousedown)=\"disableAnimatedPointer()\"\n    (touchend)=\"handleTouchEnd($event)\"\n    (mouseup)=\"enableAnimatedPointer()\"\n    (click)=\"handleClick($event)\"\n  >\n    <div\n      class=\"pointer-container\"\n      [ngClass]=\"{\n        'small-pointer':\n          viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n        'animated-pointer': !touching,\n      }\"\n      [style.transform]=\"'rotate(' + angle + 'deg)'\"\n    >\n      <button\n        aria-disabled=\"true\"\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"inner-dot\"\n        aria-label=\"Inner Dot\"\n      ></button>\n      <mat-toolbar color=\"accent\" class=\"pointer\">\n        <button\n          mat-mini-fab\n          color=\"neutral\"\n          class=\"outer-dot\"\n          aria-label=\"Outer dot\"\n          [ngClass]=\"{\n            'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n          }\"\n        >\n          @if (viewType === 'minutes' && formattedValue % 5 !== 0) {\n            <ng-container>\u00B7</ng-container>\n          }\n        </button>\n      </mat-toolbar>\n    </div>\n    @for (digit of minuteDots; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number minute-dot\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 0 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        @if (digit.display % 5 !== 0) {\n          <ng-container>\u00B7</ng-container>\n        }\n      </button>\n    }\n    @for (digit of numbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 60 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n        <ng-template #minutesTemplate>{{\n          digit.display === 60 ? '00' : digit.display\n        }}</ng-template>\n        @if (viewType === 'minutes') {\n          {{ digit.display === 60 ? '00' : digit.display }}\n        } @else {\n          {{ digit.display }}\n        }\n      </button>\n    }\n    @for (digit of secondaryNumbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number small-number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 24 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        {{ digit.display === 24 ? '00' : digit.display }}\n      </button>\n    }\n  </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:var(--mat-sys-surface-container-high);cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none;color:var(--mat-sys-on-surface)}.mat-mdc-mini-fab.number.selected{background:var(--background-gradient);color:var(--on-background-gradient)}.mat-mdc-mini-fab.number.disabled{opacity:.1}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface)}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface-variant)}.pointer-container{width:calc(50% - 20px);height:2px;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px;background-color:var(--mat-sys-on-surface)}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: OnemRvaColorDirective$1, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ClockComponent, isStandalone: true, selector: "mat-clock", inputs: { viewType: "viewType", formattedValue: "formattedValue", minDate: "minDate", maxDate: "maxDate", formattedHours: "formattedHours", minutes: "minutes", allowed24HourMap: "allowed24HourMap" }, outputs: { changeEvent: "changeEvent", unavailableSelection: "unavailableSelection", invalidSelection: "invalidSelection" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"root\">\n  <div\n    class=\"circle\"\n    tabindex=\"1\"\n    (touchmove)=\"handleTouchMove($event)\"\n    (mousemove)=\"handleMouseMove($event)\"\n    (touchstart)=\"disableAnimatedPointer()\"\n    (mousedown)=\"disableAnimatedPointer()\"\n    (touchend)=\"handleTouchEnd($event)\"\n    (mouseup)=\"enableAnimatedPointer()\"\n    (click)=\"handleClick($event)\"\n  >\n    <div\n      class=\"pointer-container\"\n      [ngClass]=\"{\n        'small-pointer':\n          viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n        'animated-pointer': !touching,\n      }\"\n      [style.transform]=\"'rotate(' + angle + 'deg)'\"\n    >\n      <button\n        aria-disabled=\"true\"\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"inner-dot\"\n        aria-label=\"Inner Dot\"\n      ></button>\n      <mat-toolbar color=\"accent\" class=\"pointer\">\n        <button\n          mat-mini-fab\n          color=\"neutral\"\n          class=\"outer-dot\"\n          aria-label=\"Outer dot\"\n          [ngClass]=\"{\n            'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n          }\"\n        >\n          @if (viewType === 'minutes' && formattedValue % 5 !== 0) {\n            <ng-container>\u00B7</ng-container>\n          }\n        </button>\n      </mat-toolbar>\n    </div>\n    @for (digit of minuteDots; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number minute-dot\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 0 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        @if (digit.display % 5 !== 0) {\n          <ng-container>\u00B7</ng-container>\n        }\n      </button>\n    }\n    @for (digit of numbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 60 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n        <ng-template #minutesTemplate>{{\n          digit.display === 60 ? '00' : digit.display\n        }}</ng-template>\n        @if (viewType === 'minutes') {\n          {{ digit.display === 60 ? '00' : digit.display }}\n        } @else {\n          {{ digit.display }}\n        }\n      </button>\n    }\n    @for (digit of secondaryNumbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number small-number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 24 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        {{ digit.display === 24 ? '00' : digit.display }}\n      </button>\n    }\n  </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:var(--mat-sys-surface-container-high);cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none;color:var(--mat-sys-on-surface)}.mat-mdc-mini-fab.number.selected{background:var(--background-gradient);color:var(--on-background-gradient)}.mat-mdc-mini-fab.number.disabled{opacity:.1}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface)}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface-variant)}.pointer-container{width:calc(50% - 20px);height:2px;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px;background-color:var(--mat-sys-on-surface)}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: OnemRvaColorDirective$1, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ClockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-clock', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, MatMiniFabButton, MatToolbar, OnemRvaColorDirective$1], template: "<div class=\"root\">\n  <div\n    class=\"circle\"\n    tabindex=\"1\"\n    (touchmove)=\"handleTouchMove($event)\"\n    (mousemove)=\"handleMouseMove($event)\"\n    (touchstart)=\"disableAnimatedPointer()\"\n    (mousedown)=\"disableAnimatedPointer()\"\n    (touchend)=\"handleTouchEnd($event)\"\n    (mouseup)=\"enableAnimatedPointer()\"\n    (click)=\"handleClick($event)\"\n  >\n    <div\n      class=\"pointer-container\"\n      [ngClass]=\"{\n        'small-pointer':\n          viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n        'animated-pointer': !touching,\n      }\"\n      [style.transform]=\"'rotate(' + angle + 'deg)'\"\n    >\n      <button\n        aria-disabled=\"true\"\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"inner-dot\"\n        aria-label=\"Inner Dot\"\n      ></button>\n      <mat-toolbar color=\"accent\" class=\"pointer\">\n        <button\n          mat-mini-fab\n          color=\"neutral\"\n          class=\"outer-dot\"\n          aria-label=\"Outer dot\"\n          [ngClass]=\"{\n            'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n          }\"\n        >\n          @if (viewType === 'minutes' && formattedValue % 5 !== 0) {\n            <ng-container>\u00B7</ng-container>\n          }\n        </button>\n      </mat-toolbar>\n    </div>\n    @for (digit of minuteDots; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number minute-dot\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 0 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        @if (digit.display % 5 !== 0) {\n          <ng-container>\u00B7</ng-container>\n        }\n      </button>\n    }\n    @for (digit of numbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 60 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n        <ng-template #minutesTemplate>{{\n          digit.display === 60 ? '00' : digit.display\n        }}</ng-template>\n        @if (viewType === 'minutes') {\n          {{ digit.display === 60 ? '00' : digit.display }}\n        } @else {\n          {{ digit.display }}\n        }\n      </button>\n    }\n    @for (digit of secondaryNumbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number small-number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 24 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        {{ digit.display === 24 ? '00' : digit.display }}\n      </button>\n    }\n  </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:var(--mat-sys-surface-container-high);cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none;color:var(--mat-sys-on-surface)}.mat-mdc-mini-fab.number.selected{background:var(--background-gradient);color:var(--on-background-gradient)}.mat-mdc-mini-fab.number.disabled{opacity:.1}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface)}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface-variant)}.pointer-container{width:calc(50% - 20px);height:2px;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px;background-color:var(--mat-sys-on-surface)}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"] }]
         }], propDecorators: { viewType: [{
@@ -6736,10 +6942,10 @@ class MatTimepickerComponentDialogComponent {
     cancelClickHandler() {
         this.cancelClickEvent.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerComponentDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: MatTimepickerComponentDialogComponent, isStandalone: true, selector: "mat-timepicker-dialog", outputs: { changeEvent: "changeEvent", okClickEvent: "okClickEvent", cancelClickEvent: "cancelClickEvent" }, ngImport: i0, template: "<mat-dialog-content>\n  <div class=\"root\">\n    <mat-toolbar color=\"accent\" class=\"header\">\n      <div class=\"time-frame\">\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: viewType === 'hours' && 'active' }\"\n          (click)=\"editHours()\"\n          role=\"button\"\n          tabindex=\"0\"\n        >\n          {{ twoDigits(formattedHours) }}\n        </span>\n        <span class=\"fixed-font-size\">:</span>\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: viewType === 'minutes' && 'active' }\"\n          (click)=\"editMinutes()\"\n          tabindex=\"1\"\n          role=\"button\"\n        >\n          {{ twoDigits(minutes) }}\n        </span>\n      </div>\n    </mat-toolbar>\n    <div class=\"body\">\n      <mat-clock\n        [allowed24HourMap]=\"allowed24HourMap\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [viewType]=\"viewType\"\n        [formattedHours]=\"formattedHours\"\n        [minutes]=\"minutes\"\n        (changeEvent)=\"handleClockChange($event)\"\n        (unavailableSelection)=\"handleUnavailableSelection()\"\n        [formattedValue]=\"viewType === 'minutes' ? minutes : formattedHours\"\n        (mouseup)=\"handleClockChangeDone($event)\"\n        (touchend)=\"handleClockChangeDone($event)\"\n        (invalidSelection)=\"invalidSelectionHandler($event)\"\n      ></mat-clock>\n    </div>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button color=\"primary\" (click)=\"cancelClickHandler()\">\n    {{ cancelLabel }}\n  </button>\n  <button\n    mat-flat-button\n    [disabled]=\"invalidSelection\"\n    [color]=\"color\"\n    (click)=\"okClickHandler()\"\n  >\n    {{ okLabel }}\n  </button>\n</mat-dialog-actions>\n", styles: [".mdc-dialog__content{min-height:395px;padding:0!important;overflow:hidden}mat-dialog-actions{justify-content:flex-end;margin:0}.root{min-width:282px}.header{border-top-left-radius:2px;border-top-right-radius:2px;padding:20px 0;line-height:58px;font-size:58px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;height:98px}.header .fixed-font-size{font-size:58px}.header .time-frame{height:60px}.time{transition:all .2s ease-out;cursor:pointer}.time:not(.select){opacity:.6}.placeholder{flex:1}.ampm{display:flex;flex-direction:column-reverse;flex:1;font-size:14px;line-height:20px;margin-left:16px;font-weight:700}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClockComponent, selector: "mat-clock", inputs: ["viewType", "formattedValue", "minDate", "maxDate", "formattedHours", "minutes", "allowed24HourMap"], outputs: ["changeEvent", "unavailableSelection", "invalidSelection"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: OnemRvaColorDirective$1, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerComponentDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: MatTimepickerComponentDialogComponent, isStandalone: true, selector: "mat-timepicker-dialog", outputs: { changeEvent: "changeEvent", okClickEvent: "okClickEvent", cancelClickEvent: "cancelClickEvent" }, ngImport: i0, template: "<mat-dialog-content>\n  <div class=\"root\">\n    <mat-toolbar color=\"accent\" class=\"header\">\n      <div class=\"time-frame\">\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: viewType === 'hours' && 'active' }\"\n          (click)=\"editHours()\"\n          role=\"button\"\n          tabindex=\"0\"\n        >\n          {{ twoDigits(formattedHours) }}\n        </span>\n        <span class=\"fixed-font-size\">:</span>\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: viewType === 'minutes' && 'active' }\"\n          (click)=\"editMinutes()\"\n          tabindex=\"1\"\n          role=\"button\"\n        >\n          {{ twoDigits(minutes) }}\n        </span>\n      </div>\n    </mat-toolbar>\n    <div class=\"body\">\n      <mat-clock\n        [allowed24HourMap]=\"allowed24HourMap\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [viewType]=\"viewType\"\n        [formattedHours]=\"formattedHours\"\n        [minutes]=\"minutes\"\n        (changeEvent)=\"handleClockChange($event)\"\n        (unavailableSelection)=\"handleUnavailableSelection()\"\n        [formattedValue]=\"viewType === 'minutes' ? minutes : formattedHours\"\n        (mouseup)=\"handleClockChangeDone($event)\"\n        (touchend)=\"handleClockChangeDone($event)\"\n        (invalidSelection)=\"invalidSelectionHandler($event)\"\n      ></mat-clock>\n    </div>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button color=\"primary\" (click)=\"cancelClickHandler()\">\n    {{ cancelLabel }}\n  </button>\n  <button\n    mat-flat-button\n    [disabled]=\"invalidSelection\"\n    [color]=\"color\"\n    (click)=\"okClickHandler()\"\n  >\n    {{ okLabel }}\n  </button>\n</mat-dialog-actions>\n", styles: [".mdc-dialog__content{min-height:395px;padding:0!important;overflow:hidden}mat-dialog-actions{justify-content:flex-end;margin:0}.root{min-width:282px}.header{border-top-left-radius:2px;border-top-right-radius:2px;padding:20px 0;line-height:58px;font-size:58px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;height:98px}.header .fixed-font-size{font-size:58px}.header .time-frame{height:60px}.time{transition:all .2s ease-out;cursor:pointer}.time:not(.select){opacity:.6}.placeholder{flex:1}.ampm{display:flex;flex-direction:column-reverse;flex:1;font-size:14px;line-height:20px;margin-left:16px;font-weight:700}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClockComponent, selector: "mat-clock", inputs: ["viewType", "formattedValue", "minDate", "maxDate", "formattedHours", "minutes", "allowed24HourMap"], outputs: ["changeEvent", "unavailableSelection", "invalidSelection"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: OnemRvaColorDirective$1, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerComponentDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerComponentDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-timepicker-dialog', standalone: true, imports: [
                         MatDialogContent,
@@ -6985,10 +7191,10 @@ class OnemrvaMatTimepickerComponent {
         //
         // this.listeners.forEach(l => l());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTimepickerComponent, isStandalone: true, selector: "mat-timepicker", inputs: { dialogLabel: "dialogLabel", id: "id", dataCy: "dataCy", color: "color", size: "size" }, outputs: { openedStream: "opened", closedStream: "closed" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-timepicker": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent" } }, ngImport: i0, template: "" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTimepickerComponent, isStandalone: true, selector: "mat-timepicker", inputs: { dialogLabel: "dialogLabel", id: "id", dataCy: "dataCy", color: "color", size: "size" }, outputs: { openedStream: "opened", closedStream: "closed" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-timepicker": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent" } }, ngImport: i0, template: "" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-timepicker', template: "" }]
         }], propDecorators: { openedStream: [{
@@ -7039,10 +7245,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
  */
 /** Can be used to override the icon of a `matDatepickerToggle`. */
 class MatTimepickerToggleIconDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: MatTimepickerToggleIconDirective, isStandalone: true, selector: "[matDatepickerToggleIcon]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: MatTimepickerToggleIconDirective, isStandalone: true, selector: "[matDatepickerToggleIcon]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerToggleIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerToggleIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[matDatepickerToggleIcon]',
@@ -7107,10 +7313,10 @@ class MatTimePickerToggle {
         this._stateChanges.unsubscribe();
         this._stateChanges = merge(datepickerStateChanged, inputStateChanged, datepickerToggled).subscribe(() => this._changeDetectorRef.markForCheck());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimePickerToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: MatTimePickerToggle, isStandalone: true, selector: "mat-timepicker-toggle", inputs: { timepicker: ["for", "timepicker"], tabIndex: "tabIndex", ariaLabel: "ariaLabel", disabled: "disabled", disableRipple: "disableRipple" }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null", "class.mat-timepicker-toggle-active": "timepicker && timepicker.opened", "class.mat-accent": "timepicker && timepicker.color === \"accent\"", "class.mat-warn": "timepicker && timepicker.color === \"warn\"", "attr.data-mat-calendar": "timepicker ? timepicker.id : null" }, classAttribute: "mat-timepicker-toggle" }, exportAs: ["matDatepickerToggle"], usesOnChanges: true, ngImport: i0, template: "<button\n  #button\n  mat-icon-button\n  type=\"button\"\n  [attr.aria-haspopup]=\"timepicker ? 'dialog' : null\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n  [disabled]=\"disabled\"\n  [disableRipple]=\"disableRipple\"\n>\n  <mat-icon>schedule</mat-icon>\n\n  <ng-content select=\"[mattimepickerToggleIcon]\"></ng-content>\n</button>\n", styles: [".mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon{width:1em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-datepicker-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{margin:auto}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimePickerToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: MatTimePickerToggle, isStandalone: true, selector: "mat-timepicker-toggle", inputs: { timepicker: ["for", "timepicker"], tabIndex: "tabIndex", ariaLabel: "ariaLabel", disabled: "disabled", disableRipple: "disableRipple" }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null", "class.mat-timepicker-toggle-active": "timepicker && timepicker.opened", "class.mat-accent": "timepicker && timepicker.color === \"accent\"", "class.mat-warn": "timepicker && timepicker.color === \"warn\"", "attr.data-mat-calendar": "timepicker ? timepicker.id : null" }, classAttribute: "mat-timepicker-toggle" }, exportAs: ["matDatepickerToggle"], usesOnChanges: true, ngImport: i0, template: "<button\n  #button\n  mat-icon-button\n  type=\"button\"\n  [attr.aria-haspopup]=\"timepicker ? 'dialog' : null\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n  [disabled]=\"disabled\"\n  [disableRipple]=\"disableRipple\"\n>\n  <mat-icon>schedule</mat-icon>\n\n  <ng-content select=\"[mattimepickerToggleIcon]\"></ng-content>\n</button>\n", styles: [".mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon{width:1em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-datepicker-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{margin:auto}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimePickerToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimePickerToggle, decorators: [{
             type: Component,
             args: [{ selector: 'mat-timepicker-toggle', host: {
                         class: 'mat-timepicker-toggle',
@@ -7548,12 +7754,12 @@ class MatTimepickerDirective {
         this.disabled = isDisabled;
         this.stateChanges.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: MatTimepickerDirective, isStandalone: true, selector: "input[matTimepicker]", inputs: { matTimepicker: "matTimepicker", disabled: "disabled", id: "id", readonly: "readonly", errorStateMatcher: "errorStateMatcher", required: "required", placeholder: "placeholder", okLabel: "okLabel", cancelLabel: "cancelLabel", color: "color", disableDialogOpenOnClick: "disableDialogOpenOnClick", strict: "strict", minDate: "minDate", maxDate: "maxDate", value: "value" }, outputs: { timeChange: "timeChange", invalidInput: "invalidInput" }, host: { listeners: { "input": "inputHandler()", "keydown": "keydownHandler($event)", "keyup": "keyupHandler($event)", "focus": "focusHandler()", "focusout": "focusoutHandler()" }, properties: { "class.mat-input-server": "_isServer", "attr.id": "id", "attr.placeholder": "placeholder", "disabled": "disabled", "required": "required", "attr.readonly": "readonly || null", "attr.aria-invalid": "errorState", "attr.aria-required": "required.toString()", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" }, classAttribute: "mat-input-element mat-form-field-autofill-control" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: MatTimepickerDirective, isStandalone: true, selector: "input[matTimepicker]", inputs: { matTimepicker: "matTimepicker", disabled: "disabled", id: "id", readonly: "readonly", errorStateMatcher: "errorStateMatcher", required: "required", placeholder: "placeholder", okLabel: "okLabel", cancelLabel: "cancelLabel", color: "color", disableDialogOpenOnClick: "disableDialogOpenOnClick", strict: "strict", minDate: "minDate", maxDate: "maxDate", value: "value" }, outputs: { timeChange: "timeChange", invalidInput: "invalidInput" }, host: { listeners: { "input": "inputHandler()", "keydown": "keydownHandler($event)", "keyup": "keyupHandler($event)", "focus": "focusHandler()", "focusout": "focusoutHandler()" }, properties: { "class.mat-input-server": "_isServer", "attr.id": "id", "attr.placeholder": "placeholder", "disabled": "disabled", "required": "required", "attr.readonly": "readonly || null", "attr.aria-invalid": "errorState", "attr.aria-required": "required.toString()", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" }, classAttribute: "mat-input-element mat-form-field-autofill-control" }, providers: [
             { provide: MatFormFieldControl, useExisting: MatTimepickerDirective },
         ], exportAs: ["matTimepicker"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[matTimepicker]',
@@ -7634,8 +7840,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatTimepickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
             MatTimepickerDirective,
             MatTimepickerComponentDialogComponent,
             MatTimepickerToggleIconDirective,
@@ -7643,11 +7849,11 @@ class OnemrvaMatTimepickerModule {
             OnemrvaMatTimepickerComponent], exports: [MatTimepickerDirective,
             MatTimePickerToggle,
             OnemrvaMatTimepickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
             MatTimepickerComponentDialogComponent,
             MatTimePickerToggle] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -7680,8 +7886,8 @@ class OnemrvaMatToastComponent {
         this.data = inject(MAT_SNACK_BAR_DATA);
         this.dataCy = this.data.dataCy ? this.data.dataCy : 'onemrva-mat-toast';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatToastComponent, isStandalone: true, selector: "onemrva-mat-toast", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatToastComponent, isStandalone: true, selector: "onemrva-mat-toast", ngImport: i0, template: `
     <div
       class="onemrva-mat-toast show-icon"
       [color]="data.type"
@@ -7692,9 +7898,9 @@ class OnemrvaMatToastComponent {
     >
       <span>{{ data.message }}</span>
     </div>
-  `, isInline: true, styles: [":host .onemrva-mat-toast{position:relative;padding:var(--double-spacer);margin:-15px -17px;border-radius:4px 4px 0 0;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-primary);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-toast span{margin-left:var(--spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OnemRvaColorDirective$1, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }] }); }
+  `, isInline: true, styles: [":host .onemrva-mat-toast{position:relative;padding:var(--double-spacer);margin:-15px -17px;border-radius:4px 4px 0 0;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-primary);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-toast span{margin-left:var(--spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OnemRvaColorDirective$1, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-toast', template: `
     <div
@@ -7711,11 +7917,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
         }], ctorParameters: () => [] });
 
 class OnemrvaMatToastModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatToastModule, imports: [OnemrvaMatToastComponent], exports: [OnemrvaMatToastComponent, MatSnackBarModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatToastModule, imports: [MatSnackBarModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatToastModule, imports: [OnemrvaMatToastComponent], exports: [OnemrvaMatToastComponent, MatSnackBarModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatToastModule, imports: [MatSnackBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatToastModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatToastModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OnemrvaMatToastComponent],
@@ -7728,8 +7934,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
  */
 
 class OnemrvaMatTooltipComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTooltipComponent, isStandalone: true, selector: "onemrva-mat-tooltip", inputs: { text: "text", contentTemplate: "contentTemplate" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTooltipComponent, isStandalone: true, selector: "onemrva-mat-tooltip", inputs: { text: "text", contentTemplate: "contentTemplate" }, ngImport: i0, template: `
     <div>
       <div class="tooltip-container">
         <ng-template #simpleText>
@@ -7741,7 +7947,7 @@ class OnemrvaMatTooltipComponent {
     </div>
   `, isInline: true, styles: [".tooltip-container{font-family:var(--text-font);background:#fff;font-size:12px;color:inherit;box-shadow:0 2px 6px #00000052;border-radius:4px;padding:var(--spacer);font-weight:400;font-style:normal;line-height:18px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-tooltip', template: `
     <div>
@@ -7840,10 +8046,10 @@ class OnemrvaMatTooltipDirective {
             this._overlayRef.detach();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTooltipDirective, isStandalone: true, selector: "[OnemrvaMatTooltip]", inputs: { showToolTip: "showToolTip", customToolTip: "customToolTip", contentTemplate: "contentTemplate", position: "position", positionOffset: "positionOffset" }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTooltipDirective, isStandalone: true, selector: "[OnemrvaMatTooltip]", inputs: { showToolTip: "showToolTip", customToolTip: "customToolTip", contentTemplate: "contentTemplate", position: "position", positionOffset: "positionOffset" }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[OnemrvaMatTooltip]',
@@ -7868,11 +8074,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaMatTooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTooltipModule, imports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent], exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTooltipModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTooltipModule, imports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent], exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTooltipModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -7882,10 +8088,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
         }] });
 
 class PageNotFoundActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PageNotFoundActionComponent, isStandalone: true, selector: "page-not-found-action", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: PageNotFoundActionComponent, isStandalone: true, selector: "page-not-found-action", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'page-not-found-action',
@@ -7898,10 +8104,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class PageNotFoundExtraComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PageNotFoundExtraComponent, isStandalone: true, selector: "page-not-found-extra", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: PageNotFoundExtraComponent, isStandalone: true, selector: "page-not-found-extra", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'page-not-found-extra',
@@ -7958,8 +8164,8 @@ class PageNotFoundInvaderComponent {
         this.score++;
         this.score$.next(this.score);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PageNotFoundInvaderComponent, isStandalone: true, selector: "page-not-found-invader", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: PageNotFoundInvaderComponent, isStandalone: true, selector: "page-not-found-invader", ngImport: i0, template: `
     <img
       role="button"
       tabindex="1"
@@ -7979,7 +8185,7 @@ class PageNotFoundInvaderComponent {
     <!--div class="laser"></div-->
   `, isInline: true, styles: [".invader{max-height:20px;max-width:20px;position:absolute;border-radius:50%;z-index:100}.invader.game-over{padding:10px;border:2px solid red}.invader:hover{cursor:crosshair}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'page-not-found-invader', template: `
     <img
@@ -8035,10 +8241,10 @@ class PageNotFoundComponent {
             this.konamiMatch = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: PageNotFoundComponent, isStandalone: true, selector: "page-not-found", queries: [{ propertyName: "extra", first: true, predicate: PageNotFoundExtraComponent, descendants: true }, { propertyName: "actions", predicate: PageNotFoundActionComponent }], ngImport: i0, template: "<div class=\"page-not-found\">\n  <!--img src=\"https://cdn.services.rvaonem.fgov.be/img/404/Arri\u00E8re-plan.svg\" class=\"ap\" /-->\n  <div class=\"not-found-section\">\n    <div class=\"heading mat-headline-1\">{{ '404.oops' | translate }}</div>\n    <h1>{{ '404.title' | translate }}</h1>\n    <p>{{ '404.body' | translate }}</p>\n    <h2>{{ '404.actions' | translate }}</h2>\n    <div class=\"actions\">\n      @for (action of actions?.toArray(); track action.template) {\n        @if (action.template) {\n          <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n        }\n      }\n    </div>\n    @if (extra?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n  <div class=\"not-found-section section-flying-saucer\">\n    <div class=\"not-found-section flying-saucer-container\">\n      <img\n        src=\"https://cdn.services.rvaonem.fgov.be/img/404/saucer.svg\"\n        class=\"soucoupe\"\n        alt=\"{{ '404.flying.saucer' | translate }}\"\n      />\n      <img\n        src=\"https://cdn.services.rvaonem.fgov.be/img/404/lightbeam.svg\"\n        class=\"halo\"\n        alt=\"{{ '404.tractor.beam' | translate }}\"\n      />\n      <div class=\"page-container\">\n        <img\n          src=\"https://cdn.services.rvaonem.fgov.be/img/404/document.svg\"\n          class=\"page\"\n          alt=\"{{ '404.scared.page' | translate }}\"\n        />\n      </div>\n      <img\n        src=\"https://cdn.services.rvaonem.fgov.be/img/404/shadow.svg\"\n        class=\"ombre\"\n        alt=\"{{ '404.shadow' | translate }}\"\n      />\n    </div>\n  </div>\n  @if (konamiMatch) {\n    <page-not-found-invader></page-not-found-invader>\n  }\n</div>\n", styles: [".page-not-found{display:flex;flex-flow:row wrap;position:relative;background-image:url(https://cdn.services.rvaonem.fgov.be/img/404/background.svg);background-size:auto 160vh;background-position:40vw -30vh;min-height:100vh;background-repeat:no-repeat}.page-not-found .ap{position:absolute;top:0;right:0}.page-not-found .not-found-section{flex:1 1 300px;padding:48px 146px}.page-not-found .not-found-section .oops{font-size:7vw;line-height:11vw;font-weight:700;margin-bottom:21px}.page-not-found .not-found-section .nf-title{margin-bottom:21px}.page-not-found .not-found-section .nf-body{margin-bottom:40px}.page-not-found .not-found-section .nf-actions{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.page-not-found .not-found-section .actions{display:flex;gap:8px;margin-bottom:40px}.page-not-found .not-found-section.section-flying-saucer{padding-top:96px}.page-not-found not-found-invader{position:absolute}.flying-saucer-container{position:relative}.flying-saucer-container .soucoupe{position:absolute;top:0;left:0;z-index:10;transform:translateY(0);animation-name:takeOff;animation-duration:10s}.flying-saucer-container .halo{position:absolute;top:143px;left:42px;height:395px;width:273px;border-radius:0 0 130px 130px;opacity:1;animation-name:retractHalo;animation-duration:10s}.flying-saucer-container .page-container{position:absolute;top:147px;left:100px;height:350px;overflow:hidden;animation-direction:normal}.flying-saucer-container .page-container .page{transform:translateY(100px);animation-name:suckPage;animation-duration:10s}.flying-saucer-container .ombre{position:absolute;top:536px;animation-name:shadowFade;animation-duration:10s;opacity:1;width:250px;left:60px}@keyframes suckPage{0%{transform:translateY(100px);opacity:1}35%{transform:translateY(100px);opacity:1}55%{opacity:0}85%{transform:translateY(-300px);opacity:0}to{transform:translateY(100px)}}@keyframes retractHalo{0%{opacity:0}25%{opacity:0}35%{opacity:1}55%{opacity:1}85%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes takeOff{0%{transform:translateY(-300px)}25%{transform:translateY(0)}70%{transform:translateY(0)}90%{transform:translateY(-300px)}96%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes shadowFade{0%{opacity:0;width:370px;left:0}25%{opacity:1;width:250px;left:60px}70%{opacity:1;width:250px;left:60px}90%{opacity:0;width:370px;left:0}96%{opacity:0;width:370px;left:0}to{opacity:1;width:250px;left:60px}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageNotFoundInvaderComponent, selector: "page-not-found-invader" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: PageNotFoundComponent, isStandalone: true, selector: "page-not-found", queries: [{ propertyName: "extra", first: true, predicate: PageNotFoundExtraComponent, descendants: true }, { propertyName: "actions", predicate: PageNotFoundActionComponent }], ngImport: i0, template: "<div class=\"page-not-found\">\n  <!--img src=\"https://cdn.services.rvaonem.fgov.be/img/404/Arri\u00E8re-plan.svg\" class=\"ap\" /-->\n  <div class=\"not-found-section\">\n    <div class=\"heading mat-headline-1\">{{ '404.oops' | translate }}</div>\n    <h1>{{ '404.title' | translate }}</h1>\n    <p>{{ '404.body' | translate }}</p>\n    <h2>{{ '404.actions' | translate }}</h2>\n    <div class=\"actions\">\n      @for (action of actions?.toArray(); track action.template) {\n        @if (action.template) {\n          <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n        }\n      }\n    </div>\n    @if (extra?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n  <div class=\"not-found-section section-flying-saucer\">\n    <div class=\"not-found-section flying-saucer-container\">\n      <img\n        src=\"https://cdn.services.rvaonem.fgov.be/img/404/saucer.svg\"\n        class=\"soucoupe\"\n        alt=\"{{ '404.flying.saucer' | translate }}\"\n      />\n      <img\n        src=\"https://cdn.services.rvaonem.fgov.be/img/404/lightbeam.svg\"\n        class=\"halo\"\n        alt=\"{{ '404.tractor.beam' | translate }}\"\n      />\n      <div class=\"page-container\">\n        <img\n          src=\"https://cdn.services.rvaonem.fgov.be/img/404/document.svg\"\n          class=\"page\"\n          alt=\"{{ '404.scared.page' | translate }}\"\n        />\n      </div>\n      <img\n        src=\"https://cdn.services.rvaonem.fgov.be/img/404/shadow.svg\"\n        class=\"ombre\"\n        alt=\"{{ '404.shadow' | translate }}\"\n      />\n    </div>\n  </div>\n  @if (konamiMatch) {\n    <page-not-found-invader></page-not-found-invader>\n  }\n</div>\n", styles: [".page-not-found{display:flex;flex-flow:row wrap;position:relative;background-image:url(https://cdn.services.rvaonem.fgov.be/img/404/background.svg);background-size:auto 160vh;background-position:40vw -30vh;min-height:100vh;background-repeat:no-repeat}.page-not-found .ap{position:absolute;top:0;right:0}.page-not-found .not-found-section{flex:1 1 300px;padding:48px 146px}.page-not-found .not-found-section .oops{font-size:7vw;line-height:11vw;font-weight:700;margin-bottom:21px}.page-not-found .not-found-section .nf-title{margin-bottom:21px}.page-not-found .not-found-section .nf-body{margin-bottom:40px}.page-not-found .not-found-section .nf-actions{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.page-not-found .not-found-section .actions{display:flex;gap:8px;margin-bottom:40px}.page-not-found .not-found-section.section-flying-saucer{padding-top:96px}.page-not-found not-found-invader{position:absolute}.flying-saucer-container{position:relative}.flying-saucer-container .soucoupe{position:absolute;top:0;left:0;z-index:10;transform:translateY(0);animation-name:takeOff;animation-duration:10s}.flying-saucer-container .halo{position:absolute;top:143px;left:42px;height:395px;width:273px;border-radius:0 0 130px 130px;opacity:1;animation-name:retractHalo;animation-duration:10s}.flying-saucer-container .page-container{position:absolute;top:147px;left:100px;height:350px;overflow:hidden;animation-direction:normal}.flying-saucer-container .page-container .page{transform:translateY(100px);animation-name:suckPage;animation-duration:10s}.flying-saucer-container .ombre{position:absolute;top:536px;animation-name:shadowFade;animation-duration:10s;opacity:1;width:250px;left:60px}@keyframes suckPage{0%{transform:translateY(100px);opacity:1}35%{transform:translateY(100px);opacity:1}55%{opacity:0}85%{transform:translateY(-300px);opacity:0}to{transform:translateY(100px)}}@keyframes retractHalo{0%{opacity:0}25%{opacity:0}35%{opacity:1}55%{opacity:1}85%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes takeOff{0%{transform:translateY(-300px)}25%{transform:translateY(0)}70%{transform:translateY(0)}90%{transform:translateY(-300px)}96%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes shadowFade{0%{opacity:0;width:370px;left:0}25%{opacity:1;width:250px;left:60px}70%{opacity:1;width:250px;left:60px}90%{opacity:0;width:370px;left:0}96%{opacity:0;width:370px;left:0}to{opacity:1;width:250px;left:60px}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageNotFoundInvaderComponent, selector: "page-not-found-invader" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PageNotFoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundComponent, decorators: [{
             type: Component,
             args: [{ selector: 'page-not-found', standalone: true, imports: [TranslatePipe, NgTemplateOutlet, PageNotFoundInvaderComponent], template: "<div class=\"page-not-found\">\n  <!--img src=\"https://cdn.services.rvaonem.fgov.be/img/404/Arri\u00E8re-plan.svg\" class=\"ap\" /-->\n  <div class=\"not-found-section\">\n    <div class=\"heading mat-headline-1\">{{ '404.oops' | translate }}</div>\n    <h1>{{ '404.title' | translate }}</h1>\n    <p>{{ '404.body' | translate }}</p>\n    <h2>{{ '404.actions' | translate }}</h2>\n    <div class=\"actions\">\n      @for (action of actions?.toArray(); track action.template) {\n        @if (action.template) {\n          <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n        }\n      }\n    </div>\n    @if (extra?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n  <div class=\"not-found-section section-flying-saucer\">\n    <div class=\"not-found-section flying-saucer-container\">\n      <img\n        src=\"https://cdn.services.rvaonem.fgov.be/img/404/saucer.svg\"\n        class=\"soucoupe\"\n        alt=\"{{ '404.flying.saucer' | translate }}\"\n      />\n      <img\n        src=\"https://cdn.services.rvaonem.fgov.be/img/404/lightbeam.svg\"\n        class=\"halo\"\n        alt=\"{{ '404.tractor.beam' | translate }}\"\n      />\n      <div class=\"page-container\">\n        <img\n          src=\"https://cdn.services.rvaonem.fgov.be/img/404/document.svg\"\n          class=\"page\"\n          alt=\"{{ '404.scared.page' | translate }}\"\n        />\n      </div>\n      <img\n        src=\"https://cdn.services.rvaonem.fgov.be/img/404/shadow.svg\"\n        class=\"ombre\"\n        alt=\"{{ '404.shadow' | translate }}\"\n      />\n    </div>\n  </div>\n  @if (konamiMatch) {\n    <page-not-found-invader></page-not-found-invader>\n  }\n</div>\n", styles: [".page-not-found{display:flex;flex-flow:row wrap;position:relative;background-image:url(https://cdn.services.rvaonem.fgov.be/img/404/background.svg);background-size:auto 160vh;background-position:40vw -30vh;min-height:100vh;background-repeat:no-repeat}.page-not-found .ap{position:absolute;top:0;right:0}.page-not-found .not-found-section{flex:1 1 300px;padding:48px 146px}.page-not-found .not-found-section .oops{font-size:7vw;line-height:11vw;font-weight:700;margin-bottom:21px}.page-not-found .not-found-section .nf-title{margin-bottom:21px}.page-not-found .not-found-section .nf-body{margin-bottom:40px}.page-not-found .not-found-section .nf-actions{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.page-not-found .not-found-section .actions{display:flex;gap:8px;margin-bottom:40px}.page-not-found .not-found-section.section-flying-saucer{padding-top:96px}.page-not-found not-found-invader{position:absolute}.flying-saucer-container{position:relative}.flying-saucer-container .soucoupe{position:absolute;top:0;left:0;z-index:10;transform:translateY(0);animation-name:takeOff;animation-duration:10s}.flying-saucer-container .halo{position:absolute;top:143px;left:42px;height:395px;width:273px;border-radius:0 0 130px 130px;opacity:1;animation-name:retractHalo;animation-duration:10s}.flying-saucer-container .page-container{position:absolute;top:147px;left:100px;height:350px;overflow:hidden;animation-direction:normal}.flying-saucer-container .page-container .page{transform:translateY(100px);animation-name:suckPage;animation-duration:10s}.flying-saucer-container .ombre{position:absolute;top:536px;animation-name:shadowFade;animation-duration:10s;opacity:1;width:250px;left:60px}@keyframes suckPage{0%{transform:translateY(100px);opacity:1}35%{transform:translateY(100px);opacity:1}55%{opacity:0}85%{transform:translateY(-300px);opacity:0}to{transform:translateY(100px)}}@keyframes retractHalo{0%{opacity:0}25%{opacity:0}35%{opacity:1}55%{opacity:1}85%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes takeOff{0%{transform:translateY(-300px)}25%{transform:translateY(0)}70%{transform:translateY(0)}90%{transform:translateY(-300px)}96%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes shadowFade{0%{opacity:0;width:370px;left:0}25%{opacity:1;width:250px;left:60px}70%{opacity:1;width:250px;left:60px}90%{opacity:0;width:370px;left:0}96%{opacity:0;width:370px;left:0}to{opacity:1;width:250px;left:60px}}\n"] }]
         }], propDecorators: { actions: [{
@@ -8050,17 +8256,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             }] } });
 
 class OnemrvaPageNotFoundModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaPageNotFoundModule, imports: [PageNotFoundComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaPageNotFoundModule, imports: [PageNotFoundComponent,
             PageNotFoundInvaderComponent,
             PageNotFoundActionComponent,
             PageNotFoundExtraComponent], exports: [PageNotFoundComponent,
             PageNotFoundInvaderComponent,
             PageNotFoundActionComponent,
             PageNotFoundExtraComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaPageNotFoundModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaPageNotFoundModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -8084,10 +8290,10 @@ class ClipboardIconComponent {
         this._elementRef = inject(ElementRef);
         this.clipboardService = inject(Clipboard);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ClipboardIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: ClipboardIconComponent, isStandalone: true, selector: "lib-clipboard-icon", ngImport: i0, template: "<mat-icon [matTooltip]=\"'TEST'\">content_copy</mat-icon>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClipboardIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: ClipboardIconComponent, isStandalone: true, selector: "lib-clipboard-icon", ngImport: i0, template: "<mat-icon [matTooltip]=\"'TEST'\">content_copy</mat-icon>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ClipboardIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClipboardIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-clipboard-icon', standalone: true, imports: [MatIconModule, MatTooltipModule], template: "<mat-icon [matTooltip]=\"'TEST'\">content_copy</mat-icon>\n" }]
         }] });
@@ -8307,10 +8513,10 @@ class WebComponentOverlayContainer {
         this._document.body.appendChild(containerwrap);
         this._containerElement = container;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WebComponentOverlayContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WebComponentOverlayContainer, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: WebComponentOverlayContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: WebComponentOverlayContainer, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WebComponentOverlayContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: WebComponentOverlayContainer, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -8474,10 +8680,10 @@ class DigitOnlyDirective {
             return;
         e.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: DigitOnlyDirective, isStandalone: true, selector: "[digitOnly]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: DigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: DigitOnlyDirective, isStandalone: true, selector: "[digitOnly]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DigitOnlyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: DigitOnlyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[digitOnly]',
@@ -8523,10 +8729,10 @@ class OnemRvaColorDirective {
     get _isNeutral() {
         return this.color === OnemrvaMatColor.NEUTRAL;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemRvaColorDirective, isStandalone: true, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: { color: "color" }, host: { properties: { "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-neutral": "this._isNeutral" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemRvaColorDirective, isStandalone: true, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: { color: "color" }, host: { properties: { "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-neutral": "this._isNeutral" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaColorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaColorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'onemrva-mat-selectable-box[color],' +
@@ -8540,6 +8746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                         'onemrva-mat-panel[color],' +
                         'onemrva-mat-task[color],' +
                         'onemrva-mat-choice-chip[color],' +
+                        'mat-form-field[color],' +
                         'button[color],' +
                         'mat-icon[color],' +
                         'mat-chip[color],' +
@@ -8584,10 +8791,10 @@ class MatRowClickableDirective extends OnemRvaColorDirective {
     get _isClickable() {
         return this.matRowClickable.observed;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatRowClickableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: MatRowClickableDirective, isStandalone: true, selector: "tr[matRowClickable]", outputs: { matRowClickable: "matRowClickable" }, host: { listeners: { "click": "click($event)" }, properties: { "class.clickable": "this._isClickable", "class.onemrva-clickable-row": "this.cssClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatRowClickableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: MatRowClickableDirective, isStandalone: true, selector: "tr[matRowClickable]", outputs: { matRowClickable: "matRowClickable" }, host: { listeners: { "click": "click($event)" }, properties: { "class.clickable": "this._isClickable", "class.onemrva-clickable-row": "this.cssClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatRowClickableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatRowClickableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tr[matRowClickable]',
@@ -8625,10 +8832,10 @@ class IfWidthIsDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: IfWidthIsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: IfWidthIsDirective, isStandalone: true, selector: "[ifWidthIs]", inputs: { ifWidthIs: "ifWidthIs" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IfWidthIsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: IfWidthIsDirective, isStandalone: true, selector: "[ifWidthIs]", inputs: { ifWidthIs: "ifWidthIs" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: IfWidthIsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IfWidthIsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ifWidthIs]',
@@ -8790,10 +8997,10 @@ class OnemrvaMaskDirective {
         }
         this.markForDelete = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMaskDirective, isStandalone: true, selector: "[onemrvamask]", inputs: { onemrvamask: "onemrvamask" }, host: { listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMaskDirective, isStandalone: true, selector: "[onemrvamask]", inputs: { onemrvamask: "onemrvamask" }, host: { listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onemrvamask]',
@@ -8855,10 +9062,10 @@ class OnemRvaClipboardDirective {
         this.vcRef.clear();
         this.renderer.appendChild(this.elementRef.nativeElement, this.iconEl);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemRvaClipboardDirective, isStandalone: true, selector: "span[clipboard]", inputs: { clipboard: "clipboard" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemRvaClipboardDirective, isStandalone: true, selector: "span[clipboard]", inputs: { clipboard: "clipboard" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaClipboardDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaClipboardDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'span[clipboard]',
@@ -8878,10 +9085,10 @@ class OnemRvaIconRightDirective {
     constructor() {
         this.class = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaIconRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemRvaIconRightDirective, isStandalone: true, selector: "button[iconRight]", host: { properties: { "class.onemrva-icon-right": "this.class" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaIconRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemRvaIconRightDirective, isStandalone: true, selector: "button[iconRight]", host: { properties: { "class.onemrva-icon-right": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaIconRightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaIconRightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[iconRight]',
@@ -9101,10 +9308,10 @@ class OnemrvaDateFormatDirective {
             .replace(/[^0-9/]/g, '')
             .replace('//', ''); // Remove everything except digits and slash
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaDateFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaDateFormatDirective, isStandalone: true, selector: "[onemrvaDateFormat]", host: { listeners: { "paste": "onPaste($event)", "cut": "onCut($event)", "focus": "onFocus()", "click": "onClick()", "keydown": "onKeyDown($event)", "blur": "onBlur()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaDateFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaDateFormatDirective, isStandalone: true, selector: "[onemrvaDateFormat]", host: { listeners: { "paste": "onPaste($event)", "cut": "onCut($event)", "focus": "onFocus()", "click": "onClick()", "keydown": "onKeyDown($event)", "blur": "onBlur()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaDateFormatDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaDateFormatDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onemrvaDateFormat]',
@@ -9157,10 +9364,10 @@ class OnemRvaSizeDirective {
     get _isXXLarge() {
         return this.size === OnemrvaMatSize.XXLARGE;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemRvaSizeDirective, isStandalone: true, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: { size: "size" }, host: { properties: { "class.xsmall": "this._isXSmall", "class.small": "this._isSmall", "class.large": "this._isLarge", "class.xlarge": "this._isXLarge", "class.xxlarge": "this._isXXLarge" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemRvaSizeDirective, isStandalone: true, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: { size: "size" }, host: { properties: { "class.xsmall": "this._isXSmall", "class.small": "this._isSmall", "class.large": "this._isLarge", "class.xlarge": "this._isXLarge", "class.xxlarge": "this._isXXLarge" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaSizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaSizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]',
@@ -9304,10 +9511,10 @@ class OnemrvaBcePipe {
             return '?01?.???.???';
         return `${strOut.substring(0, 4)}.${strOut.substring(4, 7)}.${strOut.substring(7, 10)}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaBcePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaBcePipe, isStandalone: true, name: "onemrvaBce" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaBcePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaBcePipe, isStandalone: true, name: "onemrvaBce" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaBcePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaBcePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'onemrvaBce',
@@ -9322,10 +9529,10 @@ class OnemrvaNissPipe {
             return '??01??/???-??';
         return `${strOut.substring(0, 6)}/${strOut.substring(6, 9)}-${strOut.substring(9, 11)}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaNissPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaNissPipe, isStandalone: true, name: "onemrvaNiss" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaNissPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaNissPipe, isStandalone: true, name: "onemrvaNiss" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaNissPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaNissPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'onemrvaNiss',
@@ -9357,10 +9564,10 @@ class CommonCountryLookupService {
             return country || null;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: CommonCountryLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: CommonCountryLookupService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CommonCountryLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CommonCountryLookupService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: CommonCountryLookupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CommonCountryLookupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -9385,10 +9592,10 @@ class CacheService {
         //console.log("DELETE " + key);
         localStorage.removeItem(key);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: CacheService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CacheService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: CacheService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CacheService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -9476,8 +9683,8 @@ class OnemRvaCDNService {
             this.renderer.appendChild(document.head, link);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaCDNService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaCDNService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaCDNService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaCDNService, providedIn: 'root' }); }
 }
 __decorate([
     HttpRequestCache(cdnService => ({
@@ -9486,7 +9693,7 @@ __decorate([
         ttl: 3600000,
     }))
 ], OnemRvaCDNService.prototype, "fetch", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaCDNService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaCDNService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -9543,10 +9750,10 @@ class OnemRvaCDNCountryService {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaCDNCountryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaCDNCountryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaCDNCountryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaCDNCountryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaCDNCountryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaCDNCountryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -9584,10 +9791,10 @@ class OnemRvaCDNMimeService {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaCDNMimeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaCDNMimeService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaCDNMimeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaCDNMimeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaCDNMimeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaCDNMimeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -9603,15 +9810,16 @@ class OnemRvaOSMService {
         const params = new HttpParams()
             .set('q', query)
             .set('format', format)
+            // .set('accept-language', 'fr') // TODO how do we manage multiple languages ??
             .set('countrycodes', countryCodes.join(','))
             .set('addressdetails', addressdetails)
             .set('limit', limit);
         return this.http.get(this.nominatimUrl, { params });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaOSMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaOSMService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaOSMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaOSMService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemRvaOSMService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemRvaOSMService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -9629,10 +9837,10 @@ class OnemrvaErrorHandler {
         //   verticalPosition: this.verticalPosition,
         // });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaErrorHandler }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaErrorHandler }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaErrorHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaErrorHandler, decorators: [{
             type: Injectable
         }] });
 
@@ -9786,11 +9994,11 @@ const bankAccountValidator = (allowEmptyCountry = true) => {
 };
 
 class OnemrvaSharedModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaSharedModule, imports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, OnemrvaDateFormatDirective], exports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, OnemrvaDateFormatDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaSharedModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaSharedModule, imports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, OnemrvaDateFormatDirective], exports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, OnemrvaDateFormatDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaSharedModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaSharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaSharedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...directives],
@@ -9850,10 +10058,10 @@ class OnemrvaNativeDateAdapter extends NativeDateAdapter {
         this.destroyNotifier$.next();
         this.destroyNotifier$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaNativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaNativeDateAdapter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaNativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaNativeDateAdapter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaNativeDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaNativeDateAdapter, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -10116,10 +10324,10 @@ class OnemrvaLuxonDateAdapter extends DateAdapter {
             outputCalendar: this._defaultOutputCalendar,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLuxonDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLuxonDateAdapter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLuxonDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLuxonDateAdapter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLuxonDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLuxonDateAdapter, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -10205,5 +10413,5 @@ function onemrvaThemeProvider() {
  * Generated bundle index. Do not edit.
  */
 
-export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CUSTOM_VALIDATION_FN, CacheService, ClipboardIconComponent, ClockComponent, CoerceBooleanInput, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, DndDirective, DrawerHostDirective, Environment, FlagIconComponent, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, MatRowClickableDirective, MatSelectNoEntriesFoundDirective, MatSelectSearchClearDirective, MatSelectSearchComponent, MatSelectSearchModule, MatTimePickerToggle, MatTimepickerComponentDialogComponent, MatTimepickerDirective, MatTimepickerToggleIconDirective, NISS_MASK, ONEMRVA_MAT_LUXON_DATE_FORMATS, ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS, ONEMRVA_MAT_NATIVE_DATE_FORMAT, ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT, ONEMRVA_THEME, ONEMRVA_THEME_CLASS, ObservableContent, OnemRvaAddress, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaProfile, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMatAvatarComponent, OnemrvaMatAvatarModule, OnemrvaMatBreadcrumbComponent, OnemrvaMatBreadcrumbModule, OnemrvaMatBreadcrumbService, OnemrvaMatCarouselComponent, OnemrvaMatCarouselItemComponent, OnemrvaMatChoiceChipComponent, OnemrvaMatDatepickerHeaderComponent, OnemrvaMatEmptyRowComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, OnemrvaMatInputAddressComponent, OnemrvaMatInputBirthPlaceComponent, OnemrvaMatInputCountryComponent, OnemrvaMatInputEnterpriseNumberComponent, OnemrvaMatInputIbanComponent, OnemrvaMatInputPhoneComponent, OnemrvaMatLoadingDirective, OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule, OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule, OnemrvaMatNotificationComponent, OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent, OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent, OnemrvaMatProgressBarComponent, OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule, OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule, OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule, OnemrvaMatSpinnerComponent, OnemrvaMatSpinnerModule, OnemrvaMatStepperComponent, OnemrvaMatStepperModule, OnemrvaMatStickerComponent, OnemrvaMatStickerModule, OnemrvaMatTableOfContentComponent, OnemrvaMatTableOfContentDirective, OnemrvaMatTableOfContentService, OnemrvaMatTaskComponent, OnemrvaMatTaskContentComponent, OnemrvaMatTaskListComponent, OnemrvaMatTaskListModule, OnemrvaMatTaskTitleComponent, OnemrvaMatTimepickerComponent, OnemrvaMatTimepickerModule, OnemrvaMatToastComponent, OnemrvaMatToastModule, OnemrvaMatTocAnchorLevel, OnemrvaMatTocAnchorStatus, OnemrvaMatTooltipComponent, OnemrvaMatTooltipDirective, OnemrvaMatTooltipModule, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaPageNotFoundModule, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent, PhoneNumberDirective, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, StripHtmlPipe, ToastType, WebComponentOverlayContainer, bankAccountValidator, components$1 as components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, directives, formatBytes, formattedSize, layoutComponents, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
+export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CUSTOM_VALIDATION_FN, CacheService, ClipboardIconComponent, ClockComponent, CoerceBooleanInput, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, DndDirective, DrawerHostDirective, Environment, FlagIconComponent, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLeftSidenavComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, MatRowClickableDirective, MatSelectNoEntriesFoundDirective, MatSelectSearchClearDirective, MatSelectSearchComponent, MatSelectSearchModule, MatTimePickerToggle, MatTimepickerComponentDialogComponent, MatTimepickerDirective, MatTimepickerToggleIconDirective, NISS_MASK, ONEMRVA_MAT_LUXON_DATE_FORMATS, ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS, ONEMRVA_MAT_NATIVE_DATE_FORMAT, ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT, ONEMRVA_THEME, ONEMRVA_THEME_CLASS, ObservableContent, OnemRvaAddress, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaProfile, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMatAvatarComponent, OnemrvaMatAvatarModule, OnemrvaMatBreadcrumbComponent, OnemrvaMatBreadcrumbModule, OnemrvaMatBreadcrumbService, OnemrvaMatCarouselComponent, OnemrvaMatCarouselItemComponent, OnemrvaMatChoiceChipComponent, OnemrvaMatDatepickerHeaderComponent, OnemrvaMatEmptyRowComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, OnemrvaMatInputAddressComponent, OnemrvaMatInputBirthPlaceComponent, OnemrvaMatInputCountryComponent, OnemrvaMatInputEnterpriseNumberComponent, OnemrvaMatInputIbanComponent, OnemrvaMatInputPhoneComponent, OnemrvaMatLoadingDirective, OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule, OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule, OnemrvaMatNavigationComponent, OnemrvaMatNavigationItemComponent, OnemrvaMatNotificationComponent, OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent, OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent, OnemrvaMatProgressBarComponent, OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule, OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule, OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule, OnemrvaMatSpinnerComponent, OnemrvaMatSpinnerModule, OnemrvaMatStepperComponent, OnemrvaMatStepperModule, OnemrvaMatStickerComponent, OnemrvaMatStickerModule, OnemrvaMatTableOfContentComponent, OnemrvaMatTableOfContentDirective, OnemrvaMatTableOfContentService, OnemrvaMatTaskComponent, OnemrvaMatTaskContentComponent, OnemrvaMatTaskListComponent, OnemrvaMatTaskListModule, OnemrvaMatTaskTitleComponent, OnemrvaMatTimepickerComponent, OnemrvaMatTimepickerModule, OnemrvaMatToastComponent, OnemrvaMatToastModule, OnemrvaMatTocAnchorLevel, OnemrvaMatTocAnchorStatus, OnemrvaMatTooltipComponent, OnemrvaMatTooltipDirective, OnemrvaMatTooltipModule, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaPageNotFoundModule, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent, PhoneNumberDirective, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, StripHtmlPipe, ToastType, WebComponentOverlayContainer, bankAccountValidator, components$1 as components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, directives, formatBytes, formattedSize, layoutComponents, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
 //# sourceMappingURL=onemrvapublic-design-system.mjs.map