@muraai/mnl-commons 0.2.0-alpha-0441b22 → 0.2.0-alpha-567a396

package/{fesm2020 → fesm2022}/muraai-mnl-commons.mjs

@@ -1,21 +1,21 @@
 import * as i0 from '@angular/core';
 import { NgModule, EventEmitter, Component, ViewEncapsulation, Input, Output, Injectable, Inject, Pipe, InjectionToken, APP_INITIALIZER } from '@angular/core';
-import * as i3 from '@angular/material/legacy-button';
-import { MatLegacyButtonModule } from '@angular/material/legacy-button';
-import * as i3$2 from '@angular/material/legacy-list';
-import { MatLegacyListModule } from '@angular/material/legacy-list';
-import * as i3$1 from '@angular/material/icon';
+import * as i2$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3$1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i6 from '@angular/material/legacy-input';
-import { MatLegacyInputModule } from '@angular/material/legacy-input';
-import * as i5 from '@angular/material/legacy-form-field';
-import { MatLegacyFormFieldModule } from '@angular/material/legacy-form-field';
-import * as i4$1 from '@angular/material/legacy-card';
-import { MatLegacyCardModule } from '@angular/material/legacy-card';
+import * as i6 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i5 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i4$1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
 import * as i7 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, Validators } from '@angular/forms';
-import * as i4 from '@angular/material/legacy-menu';
-import { MatLegacyMenuModule } from '@angular/material/legacy-menu';
+import { FormsModule, ReactiveFormsModule, Validators, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
+import * as i4 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
 import * as i1 from '@angular/common';
 import { DOCUMENT, DatePipe, registerLocaleData, CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/common/http';
@@ -25,7 +25,7 @@ import localeDE from '@angular/common/locales/de';
 import localeFR from '@angular/common/locales/fr';
 import * as i2 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i2$1 from '@ngx-translate/core';
+import * as i2$2 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import * as i1$2 from '@angular/platform-browser';
 import { MultiTranslateHttpLoader } from 'ngx-translate-multi-http-loader';
@@ -35,47 +35,47 @@ import { Subject } from 'rxjs';
 
 function modules() {
     return [
-        MatLegacyButtonModule,
-        MatLegacyCardModule,
-        MatLegacyFormFieldModule,
+        MatButtonModule,
+        MatCardModule,
+        MatFormFieldModule,
         MatIconModule,
-        MatLegacyInputModule,
-        MatLegacyListModule,
+        MatInputModule,
+        MatListModule,
         FormsModule,
         ReactiveFormsModule,
-        MatLegacyMenuModule,
+        MatMenuModule,
     ];
 }
 class MaterialModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: MaterialModule, imports: [MatButtonModule,
+            MatCardModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatListModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatMenuModule], exports: [MatButtonModule,
+            MatCardModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatListModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatMenuModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MaterialModule, imports: [modules(), MatButtonModule,
+            MatCardModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatListModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatMenuModule] }); }
 }
-MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, imports: [MatLegacyButtonModule,
-        MatLegacyCardModule,
-        MatLegacyFormFieldModule,
-        MatIconModule,
-        MatLegacyInputModule,
-        MatLegacyListModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatLegacyMenuModule], exports: [MatLegacyButtonModule,
-        MatLegacyCardModule,
-        MatLegacyFormFieldModule,
-        MatIconModule,
-        MatLegacyInputModule,
-        MatLegacyListModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatLegacyMenuModule] });
-MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, imports: [modules(), MatLegacyButtonModule,
-        MatLegacyCardModule,
-        MatLegacyFormFieldModule,
-        MatIconModule,
-        MatLegacyInputModule,
-        MatLegacyListModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatLegacyMenuModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MaterialModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules(),
@@ -90,16 +90,17 @@ class HeaderComponent {
     }
     menuClick(event) {
         this.menuButonClickEvent.emit(event);
+        console.log("menuButtonClicked");
     }
     onLogoClick(event) {
         this.logoClick.emit(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: HeaderComponent, selector: "mnl-header", inputs: { header: "header" }, outputs: { menuButonClickEvent: "menuButonClickEvent", logoClick: "logoClick" }, ngImport: i0, template: "<mat-toolbar *ngIf=\"header\" color=\"{{ header.toolbarColor }}\">\n  <mat-toolbar-row>\n    <div class=\"flex justify-start items-center\">\n      <button mat-icon-button *ngIf=\"header.showMenuIcon\" (click)=\"menuClick($event)\">\n        <mat-icon >menu</mat-icon>\n      </button>\n      <img\n        class=\"mr-[15px]\"\n        (click)=\"onLogoClick($event)\"\n        src=\"{{ header.logo }}\"\n      />\n      <span>{{ header.name }}</span>\n    </div>\n    <div class=\"flex justify-end items-center grow max-w-full\">\n      <ng-content select=\"`[mnl-header-content]`\"></ng-content>\n    </div>\n  </mat-toolbar-row>\n</mat-toolbar>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i2.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, selector: "mnl-header", inputs: { header: "header" }, outputs: { menuButonClickEvent: "menuButonClickEvent", logoClick: "logoClick" }, ngImport: i0, template: "<mat-toolbar *ngIf=\"header\" color=\"{{ header.toolbarColor }}\">\n  <mat-toolbar-row>\n    <div class=\"flex justify-start items-center\">\n      <button mat-icon-button *ngIf=\"header.showMenuIcon\">\n        <mat-icon (click)=\"menuClick($event)\">menu</mat-icon>\n      </button>\n      <img\n        class=\"mr-[15px]\"\n        (click)=\"onLogoClick($event)\"\n        src=\"{{ header.logo }}\"\n      />\n      <span>{{ header.name }}</span>\n    </div>\n    <div class=\"flex justify-end items-center grow max-w-full\">\n      <ng-content select=\"`[mnl-header-content]`\"></ng-content>\n    </div>\n  </mat-toolbar-row>\n</mat-toolbar>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i2.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "component", type: i3.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mnl-header', encapsulation: ViewEncapsulation.None, template: "<mat-toolbar *ngIf=\"header\" color=\"{{ header.toolbarColor }}\">\n  <mat-toolbar-row>\n    <div class=\"flex justify-start items-center\">\n      <button mat-icon-button *ngIf=\"header.showMenuIcon\">\n        <mat-icon (click)=\"menuClick($event)\">menu</mat-icon>\n      </button>\n      <img\n        class=\"mr-[15px]\"\n        (click)=\"onLogoClick($event)\"\n        src=\"{{ header.logo }}\"\n      />\n      <span>{{ header.name }}</span>\n    </div>\n    <div class=\"flex justify-end items-center grow max-w-full\">\n      <ng-content select=\"`[mnl-header-content]`\"></ng-content>\n    </div>\n  </mat-toolbar-row>\n</mat-toolbar>\n" }]
+            args: [{ selector: 'mnl-header', encapsulation: ViewEncapsulation.None, template: "<mat-toolbar *ngIf=\"header\" color=\"{{ header.toolbarColor }}\">\n  <mat-toolbar-row>\n    <div class=\"flex justify-start items-center\">\n      <button mat-icon-button *ngIf=\"header.showMenuIcon\" (click)=\"menuClick($event)\">\n        <mat-icon >menu</mat-icon>\n      </button>\n      <img\n        class=\"mr-[15px]\"\n        (click)=\"onLogoClick($event)\"\n        src=\"{{ header.logo }}\"\n      />\n      <span>{{ header.name }}</span>\n    </div>\n    <div class=\"flex justify-end items-center grow max-w-full\">\n      <ng-content select=\"`[mnl-header-content]`\"></ng-content>\n    </div>\n  </mat-toolbar-row>\n</mat-toolbar>\n" }]
         }], propDecorators: { header: [{
                 type: Input
             }], menuButonClickEvent: [{
@@ -114,10 +115,10 @@ class HighlighterComponent {
         this.width = '4px';
         this.enabled = true;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HighlighterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: HighlighterComponent, selector: "mnl-highlighter", inputs: { height: "height", width: "width", enabled: "enabled" }, ngImport: i0, template: "<div\n  [ngClass]=\"{ 'mnl-bg-primary': enabled }\"\n  [ngStyle]=\"{ height: height, width: width }\"\n></div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-HighlighterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HighlighterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HighlighterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HighlighterComponent, selector: "mnl-highlighter", inputs: { height: "height", width: "width", enabled: "enabled" }, ngImport: i0, template: "<div\n  [ngClass]=\"{ 'mnl-bg-primary': enabled }\"\n  [ngStyle]=\"{ height: height, width: width }\"\n></div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HighlighterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HighlighterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mnl-highlighter', template: "<div\n  [ngClass]=\"{ 'mnl-bg-primary': enabled }\"\n  [ngStyle]=\"{ height: height, width: width }\"\n></div>\n" }]
         }], propDecorators: { height: [{
@@ -201,15 +202,15 @@ class AppConfigService {
             });
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigService, providedIn: 'root' }); }
 }
-AppConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppConfigService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-AppConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppConfigService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
 
 class LocalStorageService {
     constructor() {
@@ -247,17 +248,18 @@ class LocalStorageService {
             return false;
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocalStorageService, providedIn: 'root' }); }
 }
-LocalStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LocalStorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalStorageService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocalStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 class UserProfileService {
+    static { this.LOCALE_PREFIX = '____locale'; }
     constructor(appConfigService, localStorageService) {
         this.appConfigService = appConfigService;
         this.localStorageService = localStorageService;
@@ -278,16 +280,15 @@ class UserProfileService {
     getLocale() {
         return this.localStorageService.get(this.getApplicationId() + this.userPrefix + UserProfileService.LOCALE_PREFIX);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserProfileService, deps: [{ token: AppConfigService }, { token: LocalStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserProfileService, providedIn: 'root' }); }
 }
-UserProfileService.LOCALE_PREFIX = '____locale';
-UserProfileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserProfileService, deps: [{ token: AppConfigService }, { token: LocalStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-UserProfileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserProfileService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserProfileService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserProfileService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: AppConfigService }, { type: LocalStorageService }]; } });
+        }], ctorParameters: () => [{ type: AppConfigService }, { type: LocalStorageService }] });
 
 /** @dynamic */
 class LocaleService {
@@ -359,18 +360,18 @@ class LocaleService {
             this.userProfileService.setLocale(locale.key);
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocaleService, deps: [{ token: AppConfigService }, { token: i2$2.TranslateService }, { token: UserProfileService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
 }
-LocaleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocaleService, deps: [{ token: AppConfigService }, { token: i2$1.TranslateService }, { token: UserProfileService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-LocaleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocaleService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocaleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocaleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: AppConfigService }, { type: i2$1.TranslateService }, { type: UserProfileService }, { type: Document, decorators: [{
+        }], ctorParameters: () => [{ type: AppConfigService }, { type: i2$2.TranslateService }, { type: UserProfileService }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }]; } });
+                }] }] });
 
 class LanguageMenuComponent {
     constructor(localeService) {
@@ -389,13 +390,13 @@ class LanguageMenuComponent {
     get locale() {
         return this.localeService.getActiveLocale() || this.localeService.getDefaultLocale();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LanguageMenuComponent, deps: [{ token: LocaleService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: LanguageMenuComponent, selector: "mnl-language-menu", inputs: { showLocaleKeyAsLabel: "showLocaleKeyAsLabel", showLocaleAsLabel: "showLocaleAsLabel" }, ngImport: i0, template: "<button id=\"mnl-locale-button\" mat-menu-item [matMenuTriggerFor]=\"languageMenu\">\n  <ng-container *ngIf=\"showLocaleKeyAsLabel || showLocaleAsLabel; else defaultLabel\">\n    <div *ngIf=\"showLocaleKeyAsLabel\">{{ locale.key | uppercase }}</div>\n    <div *ngIf=\"showLocaleAsLabel\">{{ locale.label }}</div>\n  </ng-container>\n  <ng-template #defaultLabel>\n    <mat-icon>language</mat-icon>\n    {{ \"MNL.LANGUAGE-SELECTOR.LANGUAGES\" | translate }}\n  </ng-template>\n</button>\n<mat-menu #languageMenu=\"matMenu\">\n  <button\n    mat-menu-item\n    *ngFor=\"let language of languages\"\n    (click)=\"onChangeLanguage(language)\"\n    id=\"langMenu\"\n  >\n    {{ language.label }}\n  </button>\n</mat-menu>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.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: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] }); }
 }
-LanguageMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageMenuComponent, deps: [{ token: LocaleService }], target: i0.ɵɵFactoryTarget.Component });
-LanguageMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LanguageMenuComponent, selector: "mnl-language-menu", inputs: { showLocaleKeyAsLabel: "showLocaleKeyAsLabel", showLocaleAsLabel: "showLocaleAsLabel" }, ngImport: i0, template: "<button id=\"mnl-locale-button\" mat-menu-item [matMenuTriggerFor]=\"languageMenu\">\n  <ng-container *ngIf=\"showLocaleKeyAsLabel || showLocaleAsLabel; else defaultLabel\">\n    <div *ngIf=\"showLocaleKeyAsLabel\">{{ locale.key | uppercase }}</div>\n    <div *ngIf=\"showLocaleAsLabel\">{{ locale.label }}</div>\n  </ng-container>\n  <ng-template #defaultLabel>\n    <mat-icon>language</mat-icon>\n    {{ \"MNL.LANGUAGE-SELECTOR.LANGUAGES\" | translate }}\n  </ng-template>\n</button>\n<mat-menu #languageMenu=\"matMenu\">\n  <button\n    mat-menu-item\n    *ngFor=\"let language of languages\"\n    (click)=\"onChangeLanguage(language)\"\n    id=\"langMenu\"\n  >\n    {{ language.label }}\n  </button>\n</mat-menu>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatLegacyMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatLegacyMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatLegacyMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LanguageMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mnl-language-menu', template: "<button id=\"mnl-locale-button\" mat-menu-item [matMenuTriggerFor]=\"languageMenu\">\n  <ng-container *ngIf=\"showLocaleKeyAsLabel || showLocaleAsLabel; else defaultLabel\">\n    <div *ngIf=\"showLocaleKeyAsLabel\">{{ locale.key | uppercase }}</div>\n    <div *ngIf=\"showLocaleAsLabel\">{{ locale.label }}</div>\n  </ng-container>\n  <ng-template #defaultLabel>\n    <mat-icon>language</mat-icon>\n    {{ \"MNL.LANGUAGE-SELECTOR.LANGUAGES\" | translate }}\n  </ng-template>\n</button>\n<mat-menu #languageMenu=\"matMenu\">\n  <button\n    mat-menu-item\n    *ngFor=\"let language of languages\"\n    (click)=\"onChangeLanguage(language)\"\n    id=\"langMenu\"\n  >\n    {{ language.label }}\n  </button>\n</mat-menu>\n" }]
-        }], ctorParameters: function () { return [{ type: LocaleService }]; }, propDecorators: { showLocaleKeyAsLabel: [{
+        }], ctorParameters: () => [{ type: LocaleService }], propDecorators: { showLocaleKeyAsLabel: [{
                 type: Input
             }], showLocaleAsLabel: [{
                 type: Input
@@ -427,13 +428,13 @@ class LoginComponent {
     getBackgroundImageUrl() {
         return this.sanitizer.bypassSecurityTrustStyle(`url(${this.backgroundImageUrl})`);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LoginComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: LoginComponent, selector: "mnl-login", inputs: { title: "title", logoImageUrl: "logoImageUrl", backgroundImageUrl: "backgroundImageUrl", disabled: "disabled" }, outputs: { login: "login" }, ngImport: i0, template: "<div  class=\"flex justify-center items-center  min-h-full bg-cover\"  [style.background-image]=\"getBackgroundImageUrl()\">\n    <mat-card class=\"min-w-[260px]\">\n        <form class=\"flex items-stretch flex-col\" [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\n            <mat-card-header class=\"flex justify-center items-center\">\n                <mat-card-title>\n                    <img *ngIf=\"logoImageUrl\" src=\"{{logoImageUrl}}\">\n                </mat-card-title>\n            </mat-card-header>\n            <h3 class=\"flex justify-center items-center opacity-60\" *ngIf=\"title\">{{title | translate}}</h3>\n            <mat-form-field class=\"grow max-w-100\">\n                <input id=\"username\" matInput placeholder=\"{{'MNL.LOGIN.USERNAME' | translate}}\"\n                    formControlName=\"username\">\n            </mat-form-field>\n\n            <mat-form-field class=\"grow max-w-100\">\n                <input id=\"password\" matInput type=\"password\" placeholder=\"{{'MNL.LOGIN.PASSWORD' | translate}}\"\n                    formControlName=\"password\">\n            </mat-form-field>\n            <mat-card-actions class=\"flex justify-center items-center\">\n                <button id=\"loginButton\" mat-raised-button color=\"accent\" [disabled]=\"disabled || !formGroup.valid\"\n                    type=\"submit\"> {{'MNL.LOGIN.LOGIN_BUTTON' | translate}}</button>\n            </mat-card-actions>\n\n        </form>\n    </mat-card>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i4$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] }); }
 }
-LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LoginComponent, selector: "mnl-login", inputs: { title: "title", logoImageUrl: "logoImageUrl", backgroundImageUrl: "backgroundImageUrl", disabled: "disabled" }, outputs: { login: "login" }, ngImport: i0, template: "<div  class=\"flex justify-center items-center  min-h-full bg-cover\"  [style.background-image]=\"getBackgroundImageUrl()\">\n    <mat-card class=\"min-w-[260px]\">\n        <form class=\"flex items-stretch flex-col\" [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\n            <mat-card-header class=\"flex justify-center items-center\">\n                <mat-card-title>\n                    <img *ngIf=\"logoImageUrl\" src=\"{{logoImageUrl}}\">\n                </mat-card-title>\n            </mat-card-header>\n            <h3 class=\"flex justify-center items-center opacity-60\" *ngIf=\"title\">{{title | translate}}</h3>\n            <mat-form-field class=\"grow max-w-100\">\n                <input id=\"username\" matInput placeholder=\"{{'MNL.LOGIN.USERNAME' | translate}}\"\n                    formControlName=\"username\">\n            </mat-form-field>\n\n            <mat-form-field class=\"grow max-w-100\">\n                <input id=\"password\" matInput type=\"password\" placeholder=\"{{'MNL.LOGIN.PASSWORD' | translate}}\"\n                    formControlName=\"password\">\n            </mat-form-field>\n            <mat-card-actions class=\"flex justify-center items-center\">\n                <button id=\"loginButton\" mat-raised-button color=\"accent\" [disabled]=\"disabled || !formGroup.valid\"\n                    type=\"submit\"> {{'MNL.LOGIN.LOGIN_BUTTON' | translate}}</button>\n            </mat-card-actions>\n\n        </form>\n    </mat-card>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i4$1.MatLegacyCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4$1.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4$1.MatLegacyCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i5.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mnl-login', template: "<div  class=\"flex justify-center items-center  min-h-full bg-cover\"  [style.background-image]=\"getBackgroundImageUrl()\">\n    <mat-card class=\"min-w-[260px]\">\n        <form class=\"flex items-stretch flex-col\" [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\n            <mat-card-header class=\"flex justify-center items-center\">\n                <mat-card-title>\n                    <img *ngIf=\"logoImageUrl\" src=\"{{logoImageUrl}}\">\n                </mat-card-title>\n            </mat-card-header>\n            <h3 class=\"flex justify-center items-center opacity-60\" *ngIf=\"title\">{{title | translate}}</h3>\n            <mat-form-field class=\"grow max-w-100\">\n                <input id=\"username\" matInput placeholder=\"{{'MNL.LOGIN.USERNAME' | translate}}\"\n                    formControlName=\"username\">\n            </mat-form-field>\n\n            <mat-form-field class=\"grow max-w-100\">\n                <input id=\"password\" matInput type=\"password\" placeholder=\"{{'MNL.LOGIN.PASSWORD' | translate}}\"\n                    formControlName=\"password\">\n            </mat-form-field>\n            <mat-card-actions class=\"flex justify-center items-center\">\n                <button id=\"loginButton\" mat-raised-button color=\"accent\" [disabled]=\"disabled || !formGroup.valid\"\n                    type=\"submit\"> {{'MNL.LOGIN.LOGIN_BUTTON' | translate}}</button>\n            </mat-card-actions>\n\n        </form>\n    </mat-card>\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; }, propDecorators: { title: [{
+        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { title: [{
                 type: Input
             }], logoImageUrl: [{
                 type: Input
@@ -493,12 +494,12 @@ class MenuComponent {
     openMenu(menu) {
         menu.expanded = true;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: MenuComponent, selector: "mnl-menu", inputs: { menuData: "menuData" }, outputs: { menuClick: "menuClick" }, ngImport: i0, template: "<mat-nav-list *ngFor=\"let menu of menuData\">\n    <a mat-list-item  (click)=\"onMenuClick(menu)\" id=\"mnl-menu-anchor\">\n        <div class=\"display: flex  justify-content: items-center\">\n            <mnl-highlighter [enabled]=\"menu.selected\"></mnl-highlighter>\n        <mat-icon *ngIf=\"menu.icon; else svgTemplate \">{{menu.icon}}</mat-icon>\n        <ng-template #svgTemplate>\n            <mat-icon svgIcon=\"{{menu.svgIcon}}\"> </mat-icon>\n        </ng-template>\n        <span class=\"mnl-menu\" id=\"mnl-menu\">{{menu.name | translate }}</span>\n        <mat-icon class=\"mnl-menu-button\" *ngIf=\"menu.subMenus\" (click)=\"toggleMenu(menu, $event)\"\n            [ngClass]=\"{'mnl-rotated' : menu.expanded}\">expand_more</mat-icon>\n        </div>    \n    </a>\n    <ng-container *ngFor=\"let sub of menu.subMenus\">\n        <a mat-list-item class=\"mnl-submenu flex flex-row\" [class.mnl-expanded]=\"menu.expanded\" *ngIf=\"menu.expanded\"\n            (click)=\"onSubMenuClick(sub, menu)\"  id=\"mnl-submenu-anchor\">\n            <mnl-highlighter [enabled]=\"sub.selected\"></mnl-highlighter>\n            <mat-icon>{{sub.icon}}</mat-icon>\n            <span class=\"mnl-menu\" id=\"mnl-submenu\">{{sub.name | translate }}</span>\n        </a>\n    </ng-container>\n</mat-nav-list>", styles: [".mnl-submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:15px!important}.mnl-submenu.mnl-expanded{transform:scaleY(1)}.mnl-menu{margin-top:5px;margin-left:10px;margin-right:10px}.mnl-menu-button{transition:.3s ease-in-out;transform:rotate(0);margin-top:3px;margin-left:25px}.mnl-menu-button.mnl-rotated{transform:rotate(180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: HighlighterComponent, selector: "mnl-highlighter", inputs: ["height", "width", "enabled"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] }); }
 }
-MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuComponent, selector: "mnl-menu", inputs: { menuData: "menuData" }, outputs: { menuClick: "menuClick" }, ngImport: i0, template: "<mat-nav-list *ngFor=\"let menu of menuData\">\n    <a mat-list-item class=\"flex flex-row\" (click)=\"onMenuClick(menu)\" id=\"mnl-menu-anchor\">\n        <mnl-highlighter [enabled]=\"menu.selected\"></mnl-highlighter>\n        <mat-icon *ngIf=\"menu.icon; else svgTemplate \">{{menu.icon}}</mat-icon>\n        <ng-template #svgTemplate>\n            <mat-icon svgIcon=\"{{menu.svgIcon}}\"> </mat-icon>\n        </ng-template>\n        <span class=\"mnl-menu\" id=\"mnl-menu\">{{menu.name | translate }}</span>\n        <mat-icon class=\"mnl-menu-button\" *ngIf=\"menu.subMenus\" (click)=\"toggleMenu(menu, $event)\"\n            [ngClass]=\"{'mnl-rotated' : menu.expanded}\">expand_more</mat-icon>\n    </a>\n    <ng-container *ngFor=\"let sub of menu.subMenus\">\n        <a mat-list-item  class=\"mnl-submenu flex flex-row\" [class.mnl-expanded]=\"menu.expanded\" *ngIf=\"menu.expanded\"\n            (click)=\"onSubMenuClick(sub, menu)\"  id=\"mnl-submenu-anchor\">\n            <mnl-highlighter [enabled]=\"sub.selected\"></mnl-highlighter>\n            <mat-icon>{{sub.icon}}</mat-icon>\n            <span class=\"mnl-menu\" id=\"mnl-submenu\">{{sub.name | translate }}</span>\n        </a>\n    </ng-container>\n</mat-nav-list>", styles: [".mnl-submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:15px!important}.mnl-submenu.mnl-expanded{transform:scaleY(1)}.mnl-menu{margin-top:5px;margin-left:10px;margin-right:10px}.mnl-menu-button{transition:.3s ease-in-out;transform:rotate(0);margin-top:3px;margin-left:25px}.mnl-menu-button.mnl-rotated{transform:rotate(180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$2.MatLegacyNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i3$2.MatLegacyListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "component", type: HighlighterComponent, selector: "mnl-highlighter", inputs: ["height", "width", "enabled"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mnl-menu', template: "<mat-nav-list *ngFor=\"let menu of menuData\">\n    <a mat-list-item class=\"flex flex-row\" (click)=\"onMenuClick(menu)\" id=\"mnl-menu-anchor\">\n        <mnl-highlighter [enabled]=\"menu.selected\"></mnl-highlighter>\n        <mat-icon *ngIf=\"menu.icon; else svgTemplate \">{{menu.icon}}</mat-icon>\n        <ng-template #svgTemplate>\n            <mat-icon svgIcon=\"{{menu.svgIcon}}\"> </mat-icon>\n        </ng-template>\n        <span class=\"mnl-menu\" id=\"mnl-menu\">{{menu.name | translate }}</span>\n        <mat-icon class=\"mnl-menu-button\" *ngIf=\"menu.subMenus\" (click)=\"toggleMenu(menu, $event)\"\n            [ngClass]=\"{'mnl-rotated' : menu.expanded}\">expand_more</mat-icon>\n    </a>\n    <ng-container *ngFor=\"let sub of menu.subMenus\">\n        <a mat-list-item  class=\"mnl-submenu flex flex-row\" [class.mnl-expanded]=\"menu.expanded\" *ngIf=\"menu.expanded\"\n            (click)=\"onSubMenuClick(sub, menu)\"  id=\"mnl-submenu-anchor\">\n            <mnl-highlighter [enabled]=\"sub.selected\"></mnl-highlighter>\n            <mat-icon>{{sub.icon}}</mat-icon>\n            <span class=\"mnl-menu\" id=\"mnl-submenu\">{{sub.name | translate }}</span>\n        </a>\n    </ng-container>\n</mat-nav-list>", styles: [".mnl-submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:15px!important}.mnl-submenu.mnl-expanded{transform:scaleY(1)}.mnl-menu{margin-top:5px;margin-left:10px;margin-right:10px}.mnl-menu-button{transition:.3s ease-in-out;transform:rotate(0);margin-top:3px;margin-left:25px}.mnl-menu-button.mnl-rotated{transform:rotate(180deg)}\n"] }]
+            args: [{ selector: 'mnl-menu', template: "<mat-nav-list *ngFor=\"let menu of menuData\">\n    <a mat-list-item  (click)=\"onMenuClick(menu)\" id=\"mnl-menu-anchor\">\n        <div class=\"display: flex  justify-content: items-center\">\n            <mnl-highlighter [enabled]=\"menu.selected\"></mnl-highlighter>\n        <mat-icon *ngIf=\"menu.icon; else svgTemplate \">{{menu.icon}}</mat-icon>\n        <ng-template #svgTemplate>\n            <mat-icon svgIcon=\"{{menu.svgIcon}}\"> </mat-icon>\n        </ng-template>\n        <span class=\"mnl-menu\" id=\"mnl-menu\">{{menu.name | translate }}</span>\n        <mat-icon class=\"mnl-menu-button\" *ngIf=\"menu.subMenus\" (click)=\"toggleMenu(menu, $event)\"\n            [ngClass]=\"{'mnl-rotated' : menu.expanded}\">expand_more</mat-icon>\n        </div>    \n    </a>\n    <ng-container *ngFor=\"let sub of menu.subMenus\">\n        <a mat-list-item class=\"mnl-submenu flex flex-row\" [class.mnl-expanded]=\"menu.expanded\" *ngIf=\"menu.expanded\"\n            (click)=\"onSubMenuClick(sub, menu)\"  id=\"mnl-submenu-anchor\">\n            <mnl-highlighter [enabled]=\"sub.selected\"></mnl-highlighter>\n            <mat-icon>{{sub.icon}}</mat-icon>\n            <span class=\"mnl-menu\" id=\"mnl-submenu\">{{sub.name | translate }}</span>\n        </a>\n    </ng-container>\n</mat-nav-list>", styles: [".mnl-submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:15px!important}.mnl-submenu.mnl-expanded{transform:scaleY(1)}.mnl-menu{margin-top:5px;margin-left:10px;margin-right:10px}.mnl-menu-button{transition:.3s ease-in-out;transform:rotate(0);margin-top:3px;margin-left:25px}.mnl-menu-button.mnl-rotated{transform:rotate(180deg)}\n"] }]
         }], propDecorators: { menuData: [{
                 type: Input
             }], menuClick: [{
@@ -541,10 +542,10 @@ class UserInitialPipe {
     hasWhiteSpace(data) {
         return /\s/g.test(data);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserInitialPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: UserInitialPipe, name: "mnlUserInitialPipe" }); }
 }
-UserInitialPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserInitialPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-UserInitialPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UserInitialPipe, name: "mnlUserInitialPipe" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserInitialPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserInitialPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mnlUserInitialPipe'
@@ -573,10 +574,10 @@ class UserFullnamePipe {
     isEmptyObject(data) {
         return (data && (Object.keys(data).length === 0));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserFullnamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: UserFullnamePipe, name: "mnlUserFullName" }); }
 }
-UserFullnamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserFullnamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-UserFullnamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UserFullnamePipe, name: "mnlUserFullName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserFullnamePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserFullnamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mnlUserFullName'
@@ -602,12 +603,12 @@ class ProfileComponent {
             this.hasUserDetails = false;
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ProfileComponent, selector: "mnl-user-profile", inputs: { userProfileDetails: "userProfileDetails", showDisplayName: "showDisplayName" }, outputs: { userInitialClick: "userInitialClick", profileMenuClick: "profileMenuClick" }, usesOnChanges: true, ngImport: i0, template: "<div id=\"mnl-profile-container\" class=\"flex gap-[10px]  justify-content: items-center\">\n  <span\n    *ngIf=\"showDisplayName && hasUserDetails\"\n    id=\"mnl-userinfo-name\"\n    class=\" hidden md:inline\"\n    >{{ userProfileDetails | mnlUserFullName }}</span\n  >\n  <button\n    *ngIf=\"hasUserDetails\"\n    id=\"mnl-initials-button\"\n    (click)=\"onUserInitialClick($event)\"\n    mat-mini-fab\n  >\n    {{ userProfileDetails | mnlUserInitialPipe }}\n  </button>\n\n  <button\n    *ngIf=\"!hasUserDetails\"\n    id=\"mnl-user-icon-button\"\n    mat-raised-button\n    (click)=\"onUserInitialClick($event)\"\n    mat-icon-button\n  >\n    <mat-icon>person</mat-icon>\n  </button>\n</div>\n", styles: ["#mnl-initials-button{border-radius:20px}:host ::ng-deep .mat-mdc-mini-fab{background-color:#fff!important;color:#000!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: UserInitialPipe, name: "mnlUserInitialPipe" }, { kind: "pipe", type: UserFullnamePipe, name: "mnlUserFullName" }] }); }
 }
-ProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ProfileComponent, selector: "mnl-user-profile", inputs: { userProfileDetails: "userProfileDetails", showDisplayName: "showDisplayName" }, outputs: { userInitialClick: "userInitialClick", profileMenuClick: "profileMenuClick" }, usesOnChanges: true, ngImport: i0, template: "<div id=\"mnl-profile-container\" class=\"flex gap-[10px]\">\n  <span\n    *ngIf=\"showDisplayName && hasUserDetails\"\n    id=\"mnl-userinfo-name\"\n    class=\" hidden md:inline\"\n    >{{ userProfileDetails | mnlUserFullName }}</span\n  >\n  <button\n    *ngIf=\"hasUserDetails\"\n    id=\"mnl-initials-button\"\n    mat-raised-button\n    (click)=\"onUserInitialClick($event)\"\n    mat-icon-button\n  >\n    {{ userProfileDetails | mnlUserInitialPipe }}\n  </button>\n\n  <button\n    *ngIf=\"!hasUserDetails\"\n    id=\"mnl-user-icon-button\"\n    mat-raised-button\n    (click)=\"onUserInitialClick($event)\"\n    mat-icon-button\n  >\n    <mat-icon>person</mat-icon>\n  </button>\n</div>\n", styles: ["#mnl-initials-button{border-radius:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: UserInitialPipe, name: "mnlUserInitialPipe" }, { kind: "pipe", type: UserFullnamePipe, name: "mnlUserFullName" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProfileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ProfileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mnl-user-profile', template: "<div id=\"mnl-profile-container\" class=\"flex gap-[10px]\">\n  <span\n    *ngIf=\"showDisplayName && hasUserDetails\"\n    id=\"mnl-userinfo-name\"\n    class=\" hidden md:inline\"\n    >{{ userProfileDetails | mnlUserFullName }}</span\n  >\n  <button\n    *ngIf=\"hasUserDetails\"\n    id=\"mnl-initials-button\"\n    mat-raised-button\n    (click)=\"onUserInitialClick($event)\"\n    mat-icon-button\n  >\n    {{ userProfileDetails | mnlUserInitialPipe }}\n  </button>\n\n  <button\n    *ngIf=\"!hasUserDetails\"\n    id=\"mnl-user-icon-button\"\n    mat-raised-button\n    (click)=\"onUserInitialClick($event)\"\n    mat-icon-button\n  >\n    <mat-icon>person</mat-icon>\n  </button>\n</div>\n", styles: ["#mnl-initials-button{border-radius:20px}\n"] }]
+            args: [{ selector: 'mnl-user-profile', template: "<div id=\"mnl-profile-container\" class=\"flex gap-[10px]  justify-content: items-center\">\n  <span\n    *ngIf=\"showDisplayName && hasUserDetails\"\n    id=\"mnl-userinfo-name\"\n    class=\" hidden md:inline\"\n    >{{ userProfileDetails | mnlUserFullName }}</span\n  >\n  <button\n    *ngIf=\"hasUserDetails\"\n    id=\"mnl-initials-button\"\n    (click)=\"onUserInitialClick($event)\"\n    mat-mini-fab\n  >\n    {{ userProfileDetails | mnlUserInitialPipe }}\n  </button>\n\n  <button\n    *ngIf=\"!hasUserDetails\"\n    id=\"mnl-user-icon-button\"\n    mat-raised-button\n    (click)=\"onUserInitialClick($event)\"\n    mat-icon-button\n  >\n    <mat-icon>person</mat-icon>\n  </button>\n</div>\n", styles: ["#mnl-initials-button{border-radius:20px}:host ::ng-deep .mat-mdc-mini-fab{background-color:#fff!important;color:#000!important}\n"] }]
         }], propDecorators: { userProfileDetails: [{
                 type: Input
             }], showDisplayName: [{
@@ -637,17 +638,19 @@ class AppConfigPipe {
     transform(value, defaultValue) {
         return this.config.get(value) || defaultValue || '';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigPipe, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: AppConfigPipe, name: "mnlAppConfig" }); }
 }
-AppConfigPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppConfigPipe, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Pipe });
-AppConfigPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppConfigPipe, name: "mnlAppConfig" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppConfigPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mnlAppConfig'
                 }]
-        }], ctorParameters: function () { return [{ type: AppConfigService }]; } });
+        }], ctorParameters: () => [{ type: AppConfigService }] });
 
 class TimeAgoPipe {
+    static { this.DEFAULT_LOCALE = 'en-US'; }
+    static { this.DEFAULT_DATE_TIME_FORMAT = 'dd/MM/yyyy HH:mm'; }
     constructor(appConfigService, userProfileService) {
         this.appConfigService = appConfigService;
         this.userProfileService = userProfileService;
@@ -671,26 +674,24 @@ class TimeAgoPipe {
         }
         return '';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimeAgoPipe, deps: [{ token: AppConfigService }, { token: UserProfileService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: TimeAgoPipe, name: "mnlTimeAgo" }); }
 }
-TimeAgoPipe.DEFAULT_LOCALE = 'en-US';
-TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT = 'dd/MM/yyyy HH:mm';
-TimeAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeAgoPipe, deps: [{ token: AppConfigService }, { token: UserProfileService }], target: i0.ɵɵFactoryTarget.Pipe });
-TimeAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TimeAgoPipe, name: "mnlTimeAgo" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeAgoPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimeAgoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mnlTimeAgo',
                 }]
-        }], ctorParameters: function () { return [{ type: AppConfigService }, { type: UserProfileService }]; } });
+        }], ctorParameters: () => [{ type: AppConfigService }, { type: UserProfileService }] });
 
 class LogLevelsEnum extends Number {
+    static { this.TRACE = 5; }
+    static { this.DEBUG = 1; }
+    static { this.INFO = 2; }
+    static { this.WARN = 3; }
+    static { this.ERROR = 4; }
+    static { this.SILENT = 0; }
 }
-LogLevelsEnum.TRACE = 5;
-LogLevelsEnum.DEBUG = 1;
-LogLevelsEnum.INFO = 2;
-LogLevelsEnum.WARN = 3;
-LogLevelsEnum.ERROR = 4;
-LogLevelsEnum.SILENT = 0;
 let logLevels = [
     { level: LogLevelsEnum.TRACE, name: 'TRACE' },
     { level: LogLevelsEnum.DEBUG, name: 'DEBUG' },
@@ -714,37 +715,37 @@ class LogService {
         return LogLevelsEnum.ERROR;
     }
     error(message, ...optionalParams) {
-        if (this.currentLogLevel >= LogLevelsEnum.ERROR) {
+        if (Number(this.currentLogLevel) >= LogLevelsEnum.ERROR) {
             this.messageBus(message, 'ERROR');
             console.error(message, ...optionalParams);
         }
     }
     debug(message, ...optionalParams) {
-        if (this.currentLogLevel >= LogLevelsEnum.DEBUG) {
+        if (Number(this.currentLogLevel) >= LogLevelsEnum.DEBUG) {
             this.messageBus(message, 'DEBUG');
             console.debug(message, ...optionalParams);
         }
     }
     info(message, ...optionalParams) {
-        if (this.currentLogLevel >= LogLevelsEnum.INFO) {
+        if (Number(this.currentLogLevel) >= LogLevelsEnum.INFO) {
             this.messageBus(message, 'INFO');
             console.info(message, ...optionalParams);
         }
     }
     log(message, ...optionalParams) {
-        if (this.currentLogLevel >= LogLevelsEnum.TRACE) {
+        if (Number(this.currentLogLevel) >= LogLevelsEnum.TRACE) {
             this.messageBus(message, 'LOG');
             console.log(message, ...optionalParams);
         }
     }
     trace(message, ...optionalParams) {
-        if (this.currentLogLevel >= LogLevelsEnum.TRACE) {
+        if (Number(this.currentLogLevel) >= LogLevelsEnum.TRACE) {
             this.messageBus(message, 'TRACE');
             console.trace(message, ...optionalParams);
         }
     }
     warn(message, ...optionalParams) {
-        if (this.currentLogLevel >= LogLevelsEnum.WARN) {
+        if (Number(this.currentLogLevel) >= LogLevelsEnum.WARN) {
             this.messageBus(message, 'WARN');
             console.warn(message, ...optionalParams);
         }
@@ -774,15 +775,15 @@ class LogService {
     messageBus(message, logLevel) {
         this.onMessage.next({ text: message, type: logLevel });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LogService, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LogService, providedIn: 'root' }); }
 }
-LogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogService, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-LogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: AppConfigService }]; } });
+        }], ctorParameters: () => [{ type: AppConfigService }] });
 
 registerLocaleData(localeFR);
 registerLocaleData(localeDE);
@@ -812,41 +813,41 @@ class CommonsModule {
             ngModule: CommonsModule,
         };
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: CommonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: CommonsModule, declarations: [HeaderComponent,
+            MenuComponent,
+            HighlighterComponent,
+            AppConfigPipe,
+            LoginComponent,
+            LanguageMenuComponent,
+            ProfileComponent,
+            UserInitialPipe,
+            TimeAgoPipe,
+            UserFullnamePipe], imports: [CommonModule,
+            MatToolbarModule,
+            MaterialModule, i2$2.TranslateModule], exports: [HeaderComponent,
+            MenuComponent,
+            HighlighterComponent,
+            AppConfigPipe,
+            LanguageMenuComponent,
+            LoginComponent,
+            ProfileComponent,
+            UserInitialPipe,
+            TimeAgoPipe,
+            UserFullnamePipe,
+            TranslateModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: CommonsModule, imports: [CommonModule,
+            MatToolbarModule,
+            MaterialModule,
+            TranslateModule.forRoot({
+                loader: {
+                    provide: TranslateLoader,
+                    useFactory: translationLoaderFactory,
+                    deps: [HttpClient, MNL_TRANSLATION_RESOURCE],
+                },
+            }), TranslateModule] }); }
 }
-CommonsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CommonsModule, declarations: [HeaderComponent,
-        MenuComponent,
-        HighlighterComponent,
-        AppConfigPipe,
-        LoginComponent,
-        LanguageMenuComponent,
-        ProfileComponent,
-        UserInitialPipe,
-        TimeAgoPipe,
-        UserFullnamePipe], imports: [CommonModule,
-        MatToolbarModule,
-        MaterialModule, i2$1.TranslateModule], exports: [HeaderComponent,
-        MenuComponent,
-        HighlighterComponent,
-        AppConfigPipe,
-        LanguageMenuComponent,
-        LoginComponent,
-        ProfileComponent,
-        UserInitialPipe,
-        TimeAgoPipe,
-        UserFullnamePipe,
-        TranslateModule] });
-CommonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommonsModule, imports: [CommonModule,
-        MatToolbarModule,
-        MaterialModule,
-        TranslateModule.forRoot({
-            loader: {
-                provide: TranslateLoader,
-                useFactory: translationLoaderFactory,
-                deps: [HttpClient, MNL_TRANSLATION_RESOURCE],
-            },
-        }), TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommonsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: CommonsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [