new-front-common-library 0.0.21 → 0.0.25

package/fesm2015/new-front-common-library.js

@@ -4,9 +4,9 @@ import * as i2$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import * as i2 from '@angular/common/http';
 import { HttpHeaders, HTTP_INTERCEPTORS } from '@angular/common/http';
-import * as i15 from '@angular/common';
+import * as i21 from '@angular/common';
 import { DatePipe, DOCUMENT, CommonModule } from '@angular/common';
-import { throwError, BehaviorSubject } from 'rxjs';
+import { throwError, from, BehaviorSubject } from 'rxjs';
 import { catchError, map, filter, take, switchMap } from 'rxjs/operators';
 import * as i1 from 'ngx-cookie-service';
 import { CookieService } from 'ngx-cookie-service';
@@ -20,32 +20,37 @@ import * as i5 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i1$3 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i14 from '@angular/flex-layout/flex';
+import * as i20 from '@angular/flex-layout/flex';
 import { isNotNullOrUndefined } from 'codelyzer/util/isNotNullOrUndefined';
 import * as i9 from '@angular/cdk/overlay';
-import * as i11 from '@angular/material/toolbar';
+import { Client } from 'elasticsearch-browser';
+import * as i13 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i12 from '@angular/material/menu';
+import * as i14 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i13 from '@angular/material/button';
+import * as i7 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i16 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i16 from '@angular/flex-layout/extended';
+import * as i17 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i18 from '@angular/material/core';
+import { NativeDateAdapter } from '@angular/material/core';
+import * as i19 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i22 from '@angular/flex-layout/extended';
+import * as i24 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
 import * as i10 from '@angular/forms';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i1$4 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as CryptoJS from 'crypto-js';
-import * as i7 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i12$1 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import { MatIconModule } from '@angular/material/icon';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatTableModule } from '@angular/material/table';
 import { MatSelectModule } from '@angular/material/select';
 import { FlexLayoutModule } from '@angular/flex-layout';
-import { NativeDateAdapter } from '@angular/material/core';
 
 const WEB_CONFIG = new InjectionToken('WEB_CONFIG');
 const DEFAULT_WEB_CONFIG = {
@@ -661,7 +666,7 @@ class OverlayComponent {
     }
 }
 OverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: OverlayComponent, deps: [{ token: i1$3.Router }, { token: i2$1.TranslateService }, { token: OverlayService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-OverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: OverlayComponent, selector: "sc-overlay", ngImport: i0, template: "<div class=\"blackshield\" *ngIf=\"show\"></div>\r\n\r\n<div fxLayoutAlign=\"center center\" *ngIf=\"show\">\r\n  <mat-card class=\"overshield\" fxLayoutAlign=\"center center\">\r\n    <mat-card-content fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"width: 100%\">\r\n      <span>{{ message || 'CORE.OVERLAY.LOADING' | translate}}</span>\r\n      <mat-spinner diameter=\"40\"></mat-spinner>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:black;opacity:.8;height:100vh;z-index:2000000;padding-top:150px}.overshield{position:fixed;width:30%;min-height:6vh;margin-top:250px;z-index:20000000}\n"], components: [{ type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i14.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }], pipes: { "translate": i2$1.TranslatePipe } });
+OverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: OverlayComponent, selector: "sc-overlay", ngImport: i0, template: "<div class=\"blackshield\" *ngIf=\"show\"></div>\r\n\r\n<div fxLayoutAlign=\"center center\" *ngIf=\"show\">\r\n  <mat-card class=\"overshield\" fxLayoutAlign=\"center center\">\r\n    <mat-card-content fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"width: 100%\">\r\n      <span>{{ message || 'CORE.OVERLAY.LOADING' | translate}}</span>\r\n      <mat-spinner diameter=\"40\"></mat-spinner>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n", styles: [".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:black;opacity:.8;height:100vh;z-index:2000000;padding-top:150px}.overshield{position:fixed;width:30%;min-height:6vh;margin-top:250px;z-index:20000000}\n"], components: [{ type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i21.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i20.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i20.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }], pipes: { "translate": i2$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: OverlayComponent, decorators: [{
             type: Component,
             args: [{
@@ -723,6 +728,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImpor
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
+class LangService {
+    constructor(translate, localStorage) {
+        this.translate = translate;
+        this.localStorage = localStorage;
+        this.switchLangEmitter = new EventEmitter();
+    }
+    translateLanguage() {
+        this.translate.addLangs(['en', 'fr', 'de']);
+        if (this.localStorage.exist('lang')) {
+            this.translate.use(this.localStorage.get('lang'));
+        }
+        else {
+            this.translate.use(this.translate.getLangs().indexOf(this.translate.getBrowserLang()) === -1 ? this.translate.getBrowserLang() : 'en');
+        }
+        this.localStorage.post('lang', this.translate.currentLang);
+    }
+    // emit an event when local storage change
+    switchLang() {
+        this.switchLangEmitter.emit();
+    }
+}
+LangService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: LangService, deps: [{ token: i2$1.TranslateService }, { token: LocalStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+LangService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: LangService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: LangService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i2$1.TranslateService }, { type: LocalStorageService }]; } });
+
+class ElasticsearchService {
+    constructor(translateService, http) {
+        this.translateService = translateService;
+        this.http = http;
+        this.elasticAPI = 'https://vpc-unity-search-dev-nm5ydumospctjfaatstfjvoqey.eu-west-1.es.amazonaws.com';
+        // super();
+    }
+    getElasticsearchClient() {
+        if (!this.client) {
+            this.client = new Client({
+                host: this.elasticAPI
+            });
+        }
+        return this.client;
+    }
+    getDocuments(text, documentIndex) {
+        // @ts-ignore
+        return from(this.getElasticsearchClient().search({
+            index: documentIndex,
+            body: {
+                query: {
+                    query_string: {
+                        query: text + '*',
+                        fields: ['poNumber', 'ean', 'title', 'basketNumber', 'works.miloCode', 'works.title']
+                    }
+                }
+            }
+        }));
+    }
+    getDocumentsContent(searchResponse) {
+        return searchResponse.hits.hits ? searchResponse.hits.hits.map(v => v._source) : [];
+    }
+    rapidSearch(text) {
+        return this.http.post(this.elasticAPI + 'unity*/_search', {
+            query: {
+                query_string: {
+                    query: text
+                }
+            }
+        })
+            // .pipe(catchError(this.handleError));
+            .pipe(map((object) => object.hints.hints));
+    }
+}
+ElasticsearchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: ElasticsearchService, deps: [{ token: i2$1.TranslateService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+ElasticsearchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: ElasticsearchService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: ElasticsearchService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i2$1.TranslateService }, { type: i2.HttpClient }]; } });
+
 const en = {
     //HEADER MENU COMMERCIAL
     'COMMON.HEADER.MENU.DASHBOARD': 'Dashboard',
@@ -762,7 +844,13 @@ const en = {
     'COMMON.HEADER.CREATION.CREATION_CESS': 'create a cession contract',
     // HEADER CONNECTED AS
     'COMMON.HEADER.CONNECTED_AS': 'Connected as',
-    'COMMON.HEADER.STOP': 'Stop'
+    'COMMON.HEADER.STOP': 'Stop',
+    // HEADER PARAMETERS
+    'COMMON.HEADER.PARAMETERS.THEME': 'switch theme',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES': 'change language',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.FRENCH': 'fr',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.ENGLISH': 'en',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.DEUTCH': 'de'
 };
 
 const fr = {
@@ -804,7 +892,13 @@ const fr = {
     'COMMON.HEADER.CREATION.CREATION_CESS': 'créer un contrat de cession',
     // HEADER CONNECTED AS
     'COMMON.HEADER.CONNECTED_AS': 'Connectée en tant que',
-    'COMMON.HEADER.STOP': 'Arrêter'
+    'COMMON.HEADER.STOP': 'Arrêter',
+    // HEADER PARAMETERS
+    'COMMON.HEADER.PARAMETERS.THEME': 'changer le theme',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES': 'changer de langue',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.FRENCH': 'fr',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.ENGLISH': 'en',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.DEUTCH': 'de'
 };
 
 const de = {
@@ -846,7 +940,13 @@ const de = {
     'COMMON.HEADER.CREATION.CREATION_CESS': 'create a cession contract',
     // HEADER CONNECTED AS
     'COMMON.HEADER.CONNECTED_AS': 'Connected as',
-    'COMMON.HEADER.STOP': 'Stop'
+    'COMMON.HEADER.STOP': 'Stop',
+    // HEADER PARAMETERS
+    'COMMON.HEADER.PARAMETERS.THEME': 'switch theme',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES': 'change language',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.FRENCH': 'fr',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.ENGLISH': 'en',
+    'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.DEUTCH': 'de'
 };
 
 class CommonTranslatePipe {
@@ -882,7 +982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImpor
         }], ctorParameters: function () { return [{ type: LocalStorageService }]; } });
 
 class HeaderComponent {
-    constructor(router, localStorageEvents, localStorage, toasterService, translate, commonApiService, sessionStorageService, permissionsService, overlayContainer, cookieService, config) {
+    constructor(router, localStorageEvents, localStorage, toasterService, translate, commonApiService, sessionStorageService, permissionsService, overlayContainer, cookieService, langService, elasticsearchService, config) {
         this.router = router;
         this.localStorageEvents = localStorageEvents;
         this.localStorage = localStorage;
@@ -893,6 +993,8 @@ class HeaderComponent {
         this.permissionsService = permissionsService;
         this.overlayContainer = overlayContainer;
         this.cookieService = cookieService;
+        this.langService = langService;
+        this.elasticsearchService = elasticsearchService;
         this.config = config;
         this.toogleMenuEvent = new EventEmitter();
         this.isHide = false;
@@ -997,9 +1099,22 @@ class HeaderComponent {
             this.historyList.push({ type: 'NO_HISTORY_AVAILABLE', id: null, ref: null });
         }
     }
+    switchLang(lang) {
+        this.localStorage.post('lang', lang);
+        this.translate.use(lang);
+        this.langService.switchLang();
+    }
+    rapidSearch(event) {
+        if (event && event.target && event.target.value && event.target.value.length >= 2) {
+            this.elasticsearchService.getDocuments(event.target.value, 'unity*').subscribe(searchResponse => {
+                // @ts-ignore
+                this.documents = this.elasticsearchService.getDocumentsContent(searchResponse);
+            });
+        }
+    }
 }
-HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: HeaderComponent, deps: [{ token: i1$3.Router }, { token: LocalStorageEventsService }, { token: LocalStorageService }, { token: ToasterEventsService }, { token: i2$1.TranslateService }, { token: CommonApiService }, { token: SessionStorageService }, { token: PermissionsService }, { token: i9.OverlayContainer }, { token: i1.CookieService }, { token: WEB_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<mat-toolbar fxFlex=\"row\" fxLayoutAlign=\"space-between center\" class=\"sc-header\" [ngClass]=\"{ 'light-header': theme !== 'dark' }\">\r\n    <span fxLayout=\"row\" fxLayoutAlign=\"center end\">\r\n      <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n      <span [attr.id]=\"'env-' + env\" class=\"env\" *ngIf=\"env != 'prod'\">{{env}}</span>\r\n    </span>\r\n    <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n    <span fxFlex=\"5\" class=\"material-icons header-icon\" (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\">history</span>\r\n      <mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\r\n          <ng-container *ngFor=\"let history of historyList\" [ngSwitch]=\"history.type\">\r\n            <button mat-menu-item *ngSwitchCase=\"'PRODUCT'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n              <span class=\"material-icons-outlined\">theaters</span>\r\n              {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang }}{{history.type}} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'PO'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >receipt_long</span>\r\n              {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'DEAL'\" (click)=\"navigate('commercial', '/deal/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >local_offer</span>\r\n              {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'WORK'\" (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\">\r\n              <span class=\"material-icons-outlined\" >theaters</span>\r\n              {{ 'COMMON.HEADER.HISTORY.WORK' | commonTranslate : lang }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'CONTRACT_ACQ'\" (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >assignment</span>\r\n              {{ 'COMMON.HEADER.HISTORY.CONTRACT-ACQ' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'CONTRACT_CESS'\" (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >article</span>\r\n              {{ 'COMMON.HEADER.HISTORY.CONTRACT-CESS' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'BUDGET'\" (click)=\"navigate('expenditure-commitment', '/budget/form/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >payments</span>\r\n              {{ 'COMMON.HEADER.HISTORY.BUDGET' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\">\r\n              <span class=\"material-icons-outlined\" >not_interested</span>\r\n              {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang  }}\r\n            </button>\r\n          </ng-container>\r\n      </mat-menu>\r\n    <span fxFlex=\"5\" [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\">grid_view</span>\r\n    <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n      <!--DASHBOARD-->\r\n      <button mat-menu-item (click)=\"navigate(null, '/dashboard')\">\r\n        <span class=\"material-icons-outlined\">apps</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.DASHBOARD' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--COMMERCIAL-->\r\n      <span *ngxPermissionsOnly=\"['COMMERCIAL']\">\r\n        <button mat-menu-item (click)=\"navigate('commercial', '/deal/search')\">\r\n        <span class=\"material-icons-outlined\">local_offer</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.DEAL' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/work-record/search')\">\r\n        <span class=\"material-icons-outlined\">theaters</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.WORK_RECORD' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/work-record/vod-search')\">\r\n        <span class=\"material-icons-outlined\">manage_search</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.VOD_SEARCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              (click)=\"navigate('commercial', '/accounting-closing/consult')\">\r\n        <span class=\"material-icons-outlined\">account_balance_wallet</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.ACCOUNTING_CLOSING' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/invoice/search')\">\r\n        <span class=\"material-icons-outlined\">receipt</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.INVOICE' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              (click)=\"navigate('commercial', '/turnover/search')\">\r\n        <span class=\"material-icons-outlined\">request_quote</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.TURNOVER' | commonTranslate: lang }}</span>\r\n      </button>\r\n      </span>\r\n      <!--USER-->\r\n      <button mat-menu-item *ngIf=\"user && user.admin\" (click)=\"navigate('user', '/account/authorization/search')\">\r\n        <span class=\"material-icons-outlined\">manage_accounts</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--REFERENTIAL-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('referential', '/support/list')\">\r\n        <span class=\"material-icons-outlined\">support</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.SUPPORT' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--BATCH-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('batch', '/jobs/referential')\">\r\n        <span class=\"material-icons-outlined\">autorenew</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.BATCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--TV DATA-->\r\n      <button mat-menu-item  *ngxPermissionsOnly=\"['TVDATA']\" (click)=\"navigate('tvdata', '/infos-center')\">\r\n        <span class=\"material-icons-outlined\">source</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.TV-DATA' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--EXPENDITURE COMMITMENT-->\r\n      <button mat-menu-item *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\" (click)=\"navigate('expenditure-commitment', '/home/commands')\">\r\n        <span class=\"material-icons-outlined\">receipt_long</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.EXPENDITURE_COMMITMENT' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--BI-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE BI']\" (click)=\"navigate('bi', '/simple-search/form')\">\r\n        <span class=\"material-icons-outlined\">travel_explore</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.BI.SEARCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--LEGAL-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['LEGAL']\" (click)=\"navigate('legal', '/contracts/menu/legals-det')\">\r\n        <span class=\"material-icons-outlined\">gavel</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.LEGAL' | commonTranslate: lang }}</span>\r\n      </button>\r\n    </mat-menu>\r\n\r\n    <div fxFlex=\"60\" class=\"global-search\">\r\n      <i class=\"material-icons global-search-icon header-icon\"  (click)=\"search()\">search</i>\r\n      <span class=\"global-search-separator\"></span>\r\n\r\n      <input fxFlex=\"80\" class=\"global-search-input\" (keyup.enter)=\"search()\" placeholder=\"{{ 'COMMON.HEADER.GLOBAL_SEARCH.PLACEHOLDER' | commonTranslate: lang }}\"\r\n        [(ngModel)]=\"inputText\"/>\r\n      <button mat-raised-button class=\"btn advanced-button\" (click)=\"search()\">\r\n        <span class=\"material-icons icon\" >flash_on</span>\r\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang }}\r\n      </button>\r\n    </div>\r\n\r\n    <span fxFlex=\"10\"></span>\r\n    <span fxFlex=\"5\" class=\"material-icons-outlined header-icon\" [matMenuTriggerFor]=\"menu\">add_box</span>\r\n    <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n      <button mat-menu-item (click)=\"navigate('video', '/product/form')\">\r\n        <span class=\"material-icons-outlined\">theaters</span>\r\n        {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\">\r\n        <span class=\"material-icons-outlined\">receipt_long</span>\r\n        {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/deal/form')\">\r\n        <span class=\"material-icons-outlined\">local_offer</span>\r\n        {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-acq')\">\r\n        <span class=\"material-icons-outlined\">assignment</span>\r\n        {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\">\r\n        <span class=\"material-icons-outlined\">article</span>\r\n        {{ 'COMMON.HEADER.CREATION.CREATION_CESS' | commonTranslate: lang }}\r\n      </button>\r\n    </mat-menu>\r\n\r\n    <div *ngIf=\"user && user.secondary\" class=\"connected-as\"\r\n         fxLayout=\"row\"\r\n         fxLayoutAlign=\"center center\"\r\n         fxLayoutGap=\"10px\">\r\n      <span>\r\n        {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }}  {{user.login + ' - ' + user.firstName + ' ' + user.name }}\r\n      </span>\r\n\r\n      <button *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button (click)=\"stopIdentityTheft()\">\r\n        {{ 'CORE.STOP' | commonTranslate: lang }}\r\n      </button>\r\n    </div>\r\n    <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n    <span fxFlex=\"5\" (click)=\"navigate('user', '/account/settings')\" class=\"material-icons-outlined header-icon\">settings</span>\r\n  </mat-toolbar>\r\n\r\n", styles: [".sc-header{height:64px;position:fixed;z-index:999}.logo-unity{height:48px;width:48px}.header-icon{width:22px;height:20px}.global-search{height:40px;background:#EFF3F6;padding:0;margin-left:30px;border-radius:8px}.global-search-icon{width:18px;height:18px;margin:10px 12px 10px 10px}.global-search-input{background:#EFF3F6;border:none;margin-left:10px;font-size:14px!important}.global-search-input:focus{outline:none}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC;margin-top:6px}.advanced-button{width:90px!important;min-width:90px!important;height:24px;background:#7C87FF;border:none;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;border-radius:4px;line-height:12px;color:#fff;margin:auto 5px auto auto;cursor:pointer;padding:0!important}.advanced-button .icon{font-size:12px;vertical-align:middle}.sc-header .header-icon{color:#809ec1;cursor:pointer;text-align:center}.header-separator{display:inline-block;height:25%;margin-top:6px}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-uat{background-color:#809ec1;color:#fff}#env-dev{background-color:#809ec1;color:#fff}#env-sbx{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.center{text-align:center}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mb-2{margin-bottom:2px}\n"], components: [{ type: i11.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i12.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i13.MatButton, 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"] }], directives: [{ type: i14.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i14.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i15.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i16.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i14.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i15.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i15.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i15.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i14.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }], pipes: { "commonTranslate": CommonTranslatePipe } });
+HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: HeaderComponent, deps: [{ token: i1$3.Router }, { token: LocalStorageEventsService }, { token: LocalStorageService }, { token: ToasterEventsService }, { token: i2$1.TranslateService }, { token: CommonApiService }, { token: SessionStorageService }, { token: PermissionsService }, { token: i9.OverlayContainer }, { token: i1.CookieService }, { token: LangService }, { token: ElasticsearchService }, { token: WEB_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<mat-toolbar fxFlex=\"row\" fxLayoutAlign=\"space-between center\" class=\"sc-header\" [ngClass]=\"{ 'light-header': theme !== 'dark' }\">\r\n    <span fxLayout=\"row\" fxLayoutAlign=\"center end\">\r\n      <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n      <span [attr.id]=\"'env-' + env\" class=\"env\" *ngIf=\"env != 'prod'\">{{env}}</span>\r\n    </span>\r\n    <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n    <span fxFlex=\"5\" class=\"material-icons header-icon\" (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\">history</span>\r\n      <mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\r\n          <ng-container *ngFor=\"let history of historyList\" [ngSwitch]=\"history.type\">\r\n            <button mat-menu-item *ngSwitchCase=\"'PRODUCT'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n              <span class=\"material-icons-outlined\">theaters</span>\r\n              {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang }}{{history.type}} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'PO'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >receipt_long</span>\r\n              {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'DEAL'\" (click)=\"navigate('commercial', '/deal/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >local_offer</span>\r\n              {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'WORK'\" (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\">\r\n              <span class=\"material-icons-outlined\" >theaters</span>\r\n              {{ 'COMMON.HEADER.HISTORY.WORK' | commonTranslate : lang }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'CONTRACT_ACQ'\" (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >assignment</span>\r\n              {{ 'COMMON.HEADER.HISTORY.CONTRACT-ACQ' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'CONTRACT_CESS'\" (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >article</span>\r\n              {{ 'COMMON.HEADER.HISTORY.CONTRACT-CESS' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'BUDGET'\" (click)=\"navigate('expenditure-commitment', '/budget/form/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >payments</span>\r\n              {{ 'COMMON.HEADER.HISTORY.BUDGET' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\">\r\n              <span class=\"material-icons-outlined\" >not_interested</span>\r\n              {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang  }}\r\n            </button>\r\n          </ng-container>\r\n      </mat-menu>\r\n    <span fxFlex=\"5\" [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\">grid_view</span>\r\n    <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n      <!--DASHBOARD-->\r\n      <button mat-menu-item (click)=\"navigate(null, '/dashboard')\">\r\n        <span class=\"material-icons-outlined\">apps</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.DASHBOARD' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--COMMERCIAL-->\r\n      <span *ngxPermissionsOnly=\"['COMMERCIAL']\">\r\n        <button mat-menu-item (click)=\"navigate('commercial', '/deal/search')\">\r\n        <span class=\"material-icons-outlined\">local_offer</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.DEAL' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/work-record/search')\">\r\n        <span class=\"material-icons-outlined\">theaters</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.WORK_RECORD' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/work-record/vod-search')\">\r\n        <span class=\"material-icons-outlined\">manage_search</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.VOD_SEARCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              (click)=\"navigate('commercial', '/accounting-closing/consult')\">\r\n        <span class=\"material-icons-outlined\">account_balance_wallet</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.ACCOUNTING_CLOSING' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/invoice/search')\">\r\n        <span class=\"material-icons-outlined\">receipt</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.INVOICE' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              (click)=\"navigate('commercial', '/turnover/search')\">\r\n        <span class=\"material-icons-outlined\">request_quote</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.TURNOVER' | commonTranslate: lang }}</span>\r\n      </button>\r\n      </span>\r\n      <!--USER-->\r\n      <button mat-menu-item *ngIf=\"user && user.admin\" (click)=\"navigate('user', '/account/authorization/search')\">\r\n        <span class=\"material-icons-outlined\">manage_accounts</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--REFERENTIAL-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('referential', '/support/list')\">\r\n        <span class=\"material-icons-outlined\">support</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.SUPPORT' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--BATCH-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('batch', '/jobs/referential')\">\r\n        <span class=\"material-icons-outlined\">autorenew</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.BATCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--TV DATA-->\r\n      <button mat-menu-item  *ngxPermissionsOnly=\"['TVDATA']\" (click)=\"navigate('tvdata', '/infos-center')\">\r\n        <span class=\"material-icons-outlined\">source</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.TV-DATA' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--EXPENDITURE COMMITMENT-->\r\n      <button mat-menu-item *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\" (click)=\"navigate('expenditure-commitment', '/home/commands')\">\r\n        <span class=\"material-icons-outlined\">receipt_long</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.EXPENDITURE_COMMITMENT' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--BI-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE BI']\" (click)=\"navigate('bi', '/simple-search/form')\">\r\n        <span class=\"material-icons-outlined\">travel_explore</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.BI.SEARCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--LEGAL-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['LEGAL']\" (click)=\"navigate('legal', '/contracts/menu/legals-det')\">\r\n        <span class=\"material-icons-outlined\">gavel</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.LEGAL' | commonTranslate: lang }}</span>\r\n      </button>\r\n    </mat-menu>\r\n\r\n\r\n  <div fxFlex=\"60\" class=\"global-search\">\r\n    <i class=\"material-icons global-search-icon header-icon\"  (click)=\"search()\">search</i>\r\n    <span class=\"global-search-separator\"></span>\r\n    <mat-form-field fxFlex=\"100\" floatLabel=\"never\">\r\n      <input fxFlex=\"85\" class=\"global-search-input\" placeholder=\"search ...\"\r\n             [matAutocomplete]=\"autoSearch\"\r\n             [formControlName]=\"'global-search'\"\r\n             (keyup)=\"rapidSearch($event)\"\r\n             matInput />\r\n      <button mat-raised-button class=\"btn advanced-button\" (click)=\"search()\">\r\n        <span class=\"material-icons icon\" >flash_on</span>\r\n        advanced\r\n      </button>\r\n\r\n      <mat-autocomplete #autoSearch=\"matAutocomplete\" panelWidth=\"50vw\">\r\n        <mat-option\r\n          *ngFor=\"let doc of documents\">\r\n          <!--PRODUCT-->\r\n          <div *ngIf=\"doc.docType === 'PO'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + doc.technicalId)\">\r\n            <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n            <span>{{ doc.poNumber }} - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n          </div>\r\n          <!--PRODUCT-->\r\n          <div *ngIf=\"doc.docType === 'PRODUCT'\">\r\n            <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n            <span>{{ doc.title }} ( {{ doc.ean }} ) - {{doc.support}}</span>\r\n          </div>\r\n        </mat-option>\r\n      </mat-autocomplete>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n    <span fxFlex=\"10\"></span>\r\n    <span fxFlex=\"5\" class=\"material-icons-outlined header-icon\" [matMenuTriggerFor]=\"menu\">add_box</span>\r\n    <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n      <button mat-menu-item (click)=\"navigate('video', '/product/form')\">\r\n        <span class=\"material-icons-outlined\">theaters</span>\r\n        {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\">\r\n        <span class=\"material-icons-outlined\">receipt_long</span>\r\n        {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/deal/form')\">\r\n        <span class=\"material-icons-outlined\">local_offer</span>\r\n        {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-acq')\">\r\n        <span class=\"material-icons-outlined\">assignment</span>\r\n        {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\">\r\n        <span class=\"material-icons-outlined\">article</span>\r\n        {{ 'COMMON.HEADER.CREATION.CREATION_CESS' | commonTranslate: lang }}\r\n      </button>\r\n    </mat-menu>\r\n\r\n    <div *ngIf=\"user && user.secondary\" class=\"connected-as\"\r\n         fxLayout=\"row\"\r\n         fxLayoutAlign=\"center center\"\r\n         fxLayoutGap=\"10px\">\r\n      <span>\r\n        {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }}  {{user.login + ' - ' + user.firstName + ' ' + user.name }}\r\n      </span>\r\n\r\n      <button *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button (click)=\"stopIdentityTheft()\">\r\n        {{ 'CORE.STOP' | commonTranslate: lang }}\r\n      </button>\r\n    </div>\r\n    <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n\r\n  <span [matMenuTriggerFor]='settings' class='material-icons-outlined header-icon' fxFlex='5'>settings</span>\r\n\r\n  <!-- #enddocregion mat-menu-trigger-for -->\r\n  <mat-menu #settings='matMenu' class='action-menu'>\r\n    <button (click)='switchTheme()' mat-menu-item>\r\n      <mat-icon class='menu-icon mat-icon'>toggle_on</mat-icon>\r\n      <span>{{'COMMON.HEADER.PARAMETERS.THEME' | commonTranslate: lang}}</span>\r\n    </button>\r\n    <button (click)='switchLang(\"en\")' *ngIf='lang !== \"en\"' mat-menu-item>\r\n      <img src='assets/img/flag/en-flag.png'>\r\n      {{ 'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.ENGLISH' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)='switchLang(\"fr\")' *ngIf='lang !== \"fr\"' mat-menu-item>\r\n      <img src='assets/img/flag/fr-flag.png'>\r\n      {{ 'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.FRENCH' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)='switchLang(\"de\")' *ngIf='lang !== \"de\" ' mat-menu-item>\r\n      <img src='assets/img/flag/de-flag.png'>\r\n      {{ 'COMMON.HEADER.PARAMETERS.TITLE.LANGUAGES.DEUTCH' | commonTranslate: lang }}\r\n    </button>\r\n  </mat-menu>\r\n  </mat-toolbar>\r\n\r\n", styles: [".sc-header{height:64px;position:fixed;z-index:999}.logo-unity{height:48px;width:48px}.header-icon{width:22px;height:20px}.global-search{height:40px;background:#EFF3F6;padding:0;margin-left:30px;border-radius:8px}:host ::ng-deep .global-search .mat-form-field-appearance-legacy .mat-form-field-label{top:2.1em!important;margin-left:10px;font-family:Sofia Pro;font-style:italic;font-weight:bold;font-size:14px;line-height:14px}.global-search-icon{width:18px;height:18px;margin:10px 12px 10px 10px}.global-search-input{background:#EFF3F6;border:none;margin-left:10px;font-size:14px!important}.global-search-input:focus{outline:none}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC;margin-top:6px}.rapid-search-type-icon{font-size:15px;margin-right:10px;margin-bottom:4px;line-height:15px;vertical-align:middle}.advanced-button{width:90px!important;min-width:90px!important;height:24px!important;background:#7C87FF;border:none;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;border-radius:4px;line-height:12px;color:#fff;margin:auto 5px auto auto;cursor:pointer;padding:0!important}.advanced-button .icon{font-size:12px;vertical-align:middle}.sc-header .header-icon{color:#809ec1;cursor:pointer;text-align:center}.header-separator{display:inline-block;height:25%;margin-top:6px}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-uat{background-color:#809ec1;color:#fff}#env-dev{background-color:#809ec1;color:#fff}#env-sbx{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.center{text-align:center}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mb-2{margin-bottom:2px}.mat-menu-item img{height:12px!important;margin-right:13px;margin-bottom:-2px;margin-left:3px}\n"], components: [{ type: i13.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16.MatButton, 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"] }, { type: i17.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i19.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i20.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i20.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i21.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i22.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i20.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i21.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i21.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i21.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i21.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i24.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i17.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i20.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }], pipes: { "commonTranslate": CommonTranslatePipe, "currency": i21.CurrencyPipe } });
 __decorate([
     Theme()
 ], HeaderComponent.prototype, "theme", void 0);
@@ -1013,7 +1128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImpor
                     styleUrls: ['./header.component.scss'],
                     templateUrl: './header.component.html'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.Router }, { type: LocalStorageEventsService }, { type: LocalStorageService }, { type: ToasterEventsService }, { type: i2$1.TranslateService }, { type: CommonApiService }, { type: SessionStorageService }, { type: PermissionsService }, { type: i9.OverlayContainer }, { type: i1.CookieService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$3.Router }, { type: LocalStorageEventsService }, { type: LocalStorageService }, { type: ToasterEventsService }, { type: i2$1.TranslateService }, { type: CommonApiService }, { type: SessionStorageService }, { type: PermissionsService }, { type: i9.OverlayContainer }, { type: i1.CookieService }, { type: LangService }, { type: ElasticsearchService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [WEB_CONFIG]
                 }] }]; }, propDecorators: { theme: [], user: [], toogleMenuEvent: [{
@@ -1043,7 +1158,7 @@ class SubHeaderComponent {
     }
 }
 SubHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: SubHeaderComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-SubHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: SubHeaderComponent, selector: "sc-sub-header", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<div id=\"template-header-container\">\r\n  <div id=\"template-header\" [ngClass]=\"{'header-hide':isHide}\">\r\n\r\n    <!-- What you want -->\r\n    <div id=\"left-part\">\r\n      <ng-content select=[left]></ng-content>\r\n    </div>\r\n\r\n    <!-- What you want -->\r\n    <div id=\"middle-part\">\r\n      <ng-content select=[middle]></ng-content>\r\n    </div>\r\n\r\n    <!-- What you want -->\r\n    <div id=\"right-part\">\r\n      <ng-content select=[right]></ng-content>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: ["#template-header-container{position:relative;background:#3F3F3F}#template-header{position:fixed;z-index:300;top:20px;width:100%;padding-top:30px!important;background:#3F3F3F;color:#fff;transition:.3s}#left-part{float:left;margin-left:15px}#right-part{float:right;margin-right:230px;height:100%}a{vertical-align:middle;text-align:center;color:#afafaf}.header-hide{top:-25px!important;transition:.3s}.title{color:#fff!important;font-weight:bold!important}.subtitle{color:#b3b3b3!important;cursor:pointer}@media only screen and (min-width: 64.063em){.title{font-size:23px}.subtitle{font-size:16px}.status{color:#65d39b;margin-left:10px;font-size:12px}.codeMilo{color:#b3b3b3;font-size:15px}.dealNumber{color:#b3b3b3;font-weight:bold;font-size:19px}}@media only screen and (min-width: 40.063em) and (max-width: 64em){.title{font-size:15px}.subtitle{font-size:10px}.status{color:#65d39b;margin-left:10px;font-size:10px}#template-header{padding:45px 0 5px 55px}}@media only screen and (max-width: 40em){.title{font-size:10px}.subtitle{font-size:8px}.status{color:#65d39b;margin-left:10px;font-size:8px}#template-header{padding:45px 0 5px}}\n"], directives: [{ type: i15.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i16.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+SubHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: SubHeaderComponent, selector: "sc-sub-header", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<div id=\"template-header-container\">\r\n  <div id=\"template-header\" [ngClass]=\"{'header-hide':isHide}\">\r\n\r\n    <!-- What you want -->\r\n    <div id=\"left-part\">\r\n      <ng-content select=[left]></ng-content>\r\n    </div>\r\n\r\n    <!-- What you want -->\r\n    <div id=\"middle-part\">\r\n      <ng-content select=[middle]></ng-content>\r\n    </div>\r\n\r\n    <!-- What you want -->\r\n    <div id=\"right-part\">\r\n      <ng-content select=[right]></ng-content>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: ["#template-header-container{position:relative;background:#3F3F3F}#template-header{position:fixed;z-index:300;top:20px;width:100%;padding-top:30px!important;background:#3F3F3F;color:#fff;transition:.3s}#left-part{float:left;margin-left:15px}#right-part{float:right;margin-right:230px;height:100%}a{vertical-align:middle;text-align:center;color:#afafaf}.header-hide{top:-25px!important;transition:.3s}.title{color:#fff!important;font-weight:bold!important}.subtitle{color:#b3b3b3!important;cursor:pointer}@media only screen and (min-width: 64.063em){.title{font-size:23px}.subtitle{font-size:16px}.status{color:#65d39b;margin-left:10px;font-size:12px}.codeMilo{color:#b3b3b3;font-size:15px}.dealNumber{color:#b3b3b3;font-weight:bold;font-size:19px}}@media only screen and (min-width: 40.063em) and (max-width: 64em){.title{font-size:15px}.subtitle{font-size:10px}.status{color:#65d39b;margin-left:10px;font-size:10px}#template-header{padding:45px 0 5px 55px}}@media only screen and (max-width: 40em){.title{font-size:10px}.subtitle{font-size:8px}.status{color:#65d39b;margin-left:10px;font-size:8px}#template-header{padding:45px 0 5px}}\n"], directives: [{ type: i21.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i22.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 __decorate([
     Theme()
 ], SubHeaderComponent.prototype, "theme", void 0);
@@ -1148,7 +1263,7 @@ class MyDialogPopupLoginComponent {
     }
 }
 MyDialogPopupLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: MyDialogPopupLoginComponent, deps: [{ token: i1$4.MatDialogRef }, { token: AesService }, { token: WEB_CONFIG }, { token: i2.HttpClient }, { token: i2$1.TranslateService }, { token: i1.CookieService }, { token: MAT_DIALOG_DATA }, { token: CommonApiService }], target: i0.ɵɵFactoryTarget.Component });
-MyDialogPopupLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: MyDialogPopupLoginComponent, selector: "sc-popup-login", ngImport: i0, template: "<h3 mat-dialog-title>Log in</h3>\r\n\r\n<mat-dialog-content>\r\n  <form [formGroup]=\"userForm\" fxLayout=\"column\" (keyup.enter)=\"onLogin()\">\r\n    <div class=\"form-group\">\r\n      <mat-label>{{'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input matInput [(ngModel)]=\"username\" formControlName=\"username\"/>\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <mat-label>{{'CORE.LOGIN.PASSWORD' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input matInput [(ngModel)]=\"password\" formControlName=\"password\" type=\"password\"/>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n  <button class=\"primary w-100\" mat-raised-button type=\"submit\" (click)=\"onLogin()\" [disabled]=\"loading\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}</button>\r\n  <mat-spinner *ngIf=\"loading\" class=\"not-so-close-from-button login-spinner\" [diameter]=\"30\"></mat-spinner>\r\n  <div *ngIf=\"(errorMessage !== null || errorMessage !== '')\" class=\"errorMessage not-so-close-from-button\">\r\n    {{errorMessage}} </div>\r\n</mat-dialog-actions>\r\n\r\n", styles: [".w-100{width:100%}\n"], components: [{ type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i13.MatButton, 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"] }, { type: i5.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i14.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.MatLabel, selector: "mat-label" }, { type: i12$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i14.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe } });
+MyDialogPopupLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: MyDialogPopupLoginComponent, selector: "sc-popup-login", ngImport: i0, template: "<h3 mat-dialog-title>Log in</h3>\r\n\r\n<mat-dialog-content>\r\n  <form [formGroup]=\"userForm\" fxLayout=\"column\" (keyup.enter)=\"onLogin()\">\r\n    <div class=\"form-group\">\r\n      <mat-label>{{'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input matInput [(ngModel)]=\"username\" formControlName=\"username\"/>\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <mat-label>{{'CORE.LOGIN.PASSWORD' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input matInput [(ngModel)]=\"password\" formControlName=\"password\" type=\"password\"/>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n  <button class=\"primary w-100\" mat-raised-button type=\"submit\" (click)=\"onLogin()\" [disabled]=\"loading\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}</button>\r\n  <mat-spinner *ngIf=\"loading\" class=\"not-so-close-from-button login-spinner\" [diameter]=\"30\"></mat-spinner>\r\n  <div *ngIf=\"(errorMessage !== null || errorMessage !== '')\" class=\"errorMessage not-so-close-from-button\">\r\n    {{errorMessage}} </div>\r\n</mat-dialog-actions>\r\n\r\n", styles: [".w-100{width:100%}\n"], components: [{ type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16.MatButton, 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"] }, { type: i5.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i20.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.MatLabel, selector: "mat-label" }, { type: i24.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i20.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i21.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: MyDialogPopupLoginComponent, decorators: [{
             type: Component,
             args: [{
@@ -1220,20 +1335,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImpor
         }], ctorParameters: function () { return [{ type: LocalStorageService }]; } });
 
 class UtilModule {
-    constructor(translate, localStorage) {
-        this.translate = translate;
-        this.localStorage = localStorage;
-        this.translate.addLangs(['en', 'fr', 'de']);
-        if (this.localStorage.exist('lang')) {
-            this.translate.use(this.localStorage.get('lang'));
-        }
-        else {
-            this.translate.use(this.translate.getLangs().indexOf(this.translate.getBrowserLang()) ===
-                -1
-                ? this.translate.getBrowserLang()
-                : 'en');
-        }
-        this.localStorage.post('lang', this.translate.currentLang);
+    constructor(langService) {
+        this.langService = langService;
+        this.langService.translateLanguage();
     }
     static forRoot(config = DEFAULT_WEB_CONFIG) {
         return {
@@ -1248,7 +1352,7 @@ class UtilModule {
         };
     }
 }
-UtilModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: UtilModule, deps: [{ token: i2$1.TranslateService }, { token: LocalStorageService }], target: i0.ɵɵFactoryTarget.NgModule });
+UtilModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: UtilModule, deps: [{ token: LangService }], target: i0.ɵɵFactoryTarget.NgModule });
 UtilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: UtilModule, declarations: [MyNumberFormatterDirective,
         CapitalizefirstPipe,
         SpacesNumberPipe,
@@ -1283,7 +1387,8 @@ UtilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12
         MatMenuModule,
         MatToolbarModule,
         MatDividerModule,
-        FlexLayoutModule], exports: [MyNumberFormatterDirective,
+        FlexLayoutModule,
+        MatAutocompleteModule], exports: [MyNumberFormatterDirective,
         CapitalizefirstPipe,
         SpacesNumberPipe,
         SanitizeHtml,
@@ -1315,7 +1420,9 @@ UtilModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12
         CookieService,
         ToasterEventsService,
         HeaderEventsService,
-        HistoryService
+        HistoryService,
+        LangService,
+        ElasticsearchService
     ], imports: [[
             MatInputModule,
             MatSelectModule,
@@ -1338,7 +1445,8 @@ UtilModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12
             MatMenuModule,
             MatToolbarModule,
             MatDividerModule,
-            FlexLayoutModule
+            FlexLayoutModule,
+            MatAutocompleteModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: UtilModule, decorators: [{
             type: NgModule,
@@ -1365,7 +1473,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImpor
                         MatMenuModule,
                         MatToolbarModule,
                         MatDividerModule,
-                        FlexLayoutModule
+                        FlexLayoutModule,
+                        MatAutocompleteModule
                     ],
                     declarations: [
                         MyNumberFormatterDirective,
@@ -1403,7 +1512,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImpor
                         CookieService,
                         ToasterEventsService,
                         HeaderEventsService,
-                        HistoryService
+                        HistoryService,
+                        LangService,
+                        ElasticsearchService
                     ],
                     exports: [
                         MyNumberFormatterDirective,
@@ -1423,7 +1534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImpor
                         MyDialogPopupLoginComponent
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i2$1.TranslateService }, { type: LocalStorageService }]; } });
+        }], ctorParameters: function () { return [{ type: LangService }]; } });
 
 class RegexService {
     isDecimalOrNegative(numberToCheck = null) {
@@ -4027,5 +4138,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AdressModel, AdressTypeModel, AesService, AnyLineModel, ArrayService, AttachedFileModel, AudioContentModel, AuthGuard, AuthInterceptor, AuthUserModel, BankAccountModel, BasicHierarchyModel, BasicModel, BroadcastListItem, CUSTOM_DATE_FORMATS, CapitalizefirstPipe, ColorModel, CommonApiService, CommonTranslatePipe, CompanyModel, ContentModel, ContentTypeModel, ContractWork2Model, ContractWorkModel, CostCenterCriteriaModel, CostCenterCriteriaValueModel, CostCenterModel, CountryModel, CurrencyModel, CustomDateAdapter, DEFAULT_WEB_CONFIG, DateUtil, DiscDetailModel, DiscModel, DiscProgramModel, DisplayNullPipe, EditorialContentModel, EventTypeModel, FSKIndexModel, FSKModel, FixingModel, FlatMediaModel, FormActionsEventsService, FormatImageModel, FormatModel, FormatNumberInput, FormatTypeModel, FunctionModel, GenreModel, HeaderComponent, HeaderEventsService, HistoryService, InvoiceBankAccountModel, InvoiceProductTypeModel, JwtHelper, LangLineModel, LanguageModel, LocalDatePipe, LocalStorageEventsService, LocalStorageService, LoginGuard, MediaFilterModel, MediaLineModel, MediaModel, MenuLanguageModel, ModuleModel, MyDialogPopupLoginComponent, MyNumberFormatterDirective, MyNumberPipe, NumberValidator, OptionHtmlModel, OverlayComponent, OverlayService, ParticipantModel, PeriodModel, PermissionModel, PermissionsService, PersonModel, ProductBoxSetModel, ProductDiscModel, ProductModel, ProgramModel, ProjectStatusModel, PurchaseOrderModel, QuotaModel, ReferentialEntityStateModel, ReferentialValueModel, ReferentielModel, RegexService, SanitizeHtml, SapOrderModel, SearchResponseModel, SectionModel, SelectHtmlModel, ServiceErrorModel, SessionStorageEventsService, SessionStorageService, SortBy, SoundModel, SpacesNumberPipe, SubHeaderComponent, SubtitleContentModel, TerritoriesLanguagesModel, TerritoryFilterModel, TerritoryModel, Theme, ThemeEventsService, ThemeModel, ThirdPartyCreationRequestModel, ThirdPartyModel, ThirdPartyModuleModel, ToasterEventsService, TranslatedValueModel, TrimStringPipe, TvaModel, TypeExportModel, TypeTvaCompanyTerritoryModel, TypeTvaModel, User, UserModel, UtilModule, VideoContentModel, WEB_CONFIG, WorkAddonsModel, WorkAppartenanceModel, WorkGenreModel, WorkLanguageModel, WorkMiloModel, WorkModel, WorkRestrictionModel, WorkThemeModel, WorkTitleModel, WorkVersionArticleModel, WorkVersionModel, WorkVersionOriginModel, WorkVersionUsedModel, WorkYearProductionModel, ZoneModel };
+export { AdressModel, AdressTypeModel, AesService, AnyLineModel, ArrayService, AttachedFileModel, AudioContentModel, AuthGuard, AuthInterceptor, AuthUserModel, BankAccountModel, BasicHierarchyModel, BasicModel, BroadcastListItem, CUSTOM_DATE_FORMATS, CapitalizefirstPipe, ColorModel, CommonApiService, CommonTranslatePipe, CompanyModel, ContentModel, ContentTypeModel, ContractWork2Model, ContractWorkModel, CostCenterCriteriaModel, CostCenterCriteriaValueModel, CostCenterModel, CountryModel, CurrencyModel, CustomDateAdapter, DEFAULT_WEB_CONFIG, DateUtil, DiscDetailModel, DiscModel, DiscProgramModel, DisplayNullPipe, EditorialContentModel, EventTypeModel, FSKIndexModel, FSKModel, FixingModel, FlatMediaModel, FormActionsEventsService, FormatImageModel, FormatModel, FormatNumberInput, FormatTypeModel, FunctionModel, GenreModel, HeaderComponent, HeaderEventsService, HistoryService, InvoiceBankAccountModel, InvoiceProductTypeModel, JwtHelper, LangLineModel, LangService, LanguageModel, LocalDatePipe, LocalStorageEventsService, LocalStorageService, LoginGuard, MediaFilterModel, MediaLineModel, MediaModel, MenuLanguageModel, ModuleModel, MyDialogPopupLoginComponent, MyNumberFormatterDirective, MyNumberPipe, NumberValidator, OptionHtmlModel, OverlayComponent, OverlayService, ParticipantModel, PeriodModel, PermissionModel, PermissionsService, PersonModel, ProductBoxSetModel, ProductDiscModel, ProductModel, ProgramModel, ProjectStatusModel, PurchaseOrderModel, QuotaModel, ReferentialEntityStateModel, ReferentialValueModel, ReferentielModel, RegexService, SanitizeHtml, SapOrderModel, SearchResponseModel, SectionModel, SelectHtmlModel, ServiceErrorModel, SessionStorageEventsService, SessionStorageService, SortBy, SoundModel, SpacesNumberPipe, SubHeaderComponent, SubtitleContentModel, TerritoriesLanguagesModel, TerritoryFilterModel, TerritoryModel, Theme, ThemeEventsService, ThemeModel, ThirdPartyCreationRequestModel, ThirdPartyModel, ThirdPartyModuleModel, ToasterEventsService, TranslatedValueModel, TrimStringPipe, TvaModel, TypeExportModel, TypeTvaCompanyTerritoryModel, TypeTvaModel, User, UserModel, UtilModule, VideoContentModel, WEB_CONFIG, WorkAddonsModel, WorkAppartenanceModel, WorkGenreModel, WorkLanguageModel, WorkMiloModel, WorkModel, WorkRestrictionModel, WorkThemeModel, WorkTitleModel, WorkVersionArticleModel, WorkVersionModel, WorkVersionOriginModel, WorkVersionUsedModel, WorkYearProductionModel, ZoneModel };
 //# sourceMappingURL=new-front-common-library.js.map