new-front-common-library 0.0.64 → 0.0.65

package/bundles/new-front-common-library.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngx-translate/core'), require('@angular/common/http'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('ngx-cookie-service'), require('@angular/platform-browser'), require('@angular/material/card'), require('ngx-permissions'), require('@angular/material/progress-spinner'), require('@angular/router'), require('@angular/flex-layout/flex'), require('@angular/cdk/overlay'), require('elasticsearch-browser'), require('@angular/material/toolbar'), require('@angular/material/menu'), require('@angular/material/form-field'), require('@angular/material/button'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@angular/material/icon'), require('@angular/flex-layout/extended'), require('@angular/material/input'), require('@angular/material/dialog'), require('@angular/forms'), require('codelyzer/util/isNotNullOrUndefined'), require('crypto-js'), require('@angular/material/divider'), require('@angular/material/tooltip'), require('@angular/material/table'), require('@angular/material/select'), require('@angular/flex-layout'), require('@ng-select/ng-select')) :
-    typeof define === 'function' && define.amd ? define('new-front-common-library', ['exports', '@angular/core', '@ngx-translate/core', '@angular/common/http', '@angular/common', 'rxjs', 'rxjs/operators', 'ngx-cookie-service', '@angular/platform-browser', '@angular/material/card', 'ngx-permissions', '@angular/material/progress-spinner', '@angular/router', '@angular/flex-layout/flex', '@angular/cdk/overlay', 'elasticsearch-browser', '@angular/material/toolbar', '@angular/material/menu', '@angular/material/form-field', '@angular/material/button', '@angular/material/autocomplete', '@angular/material/core', '@angular/material/icon', '@angular/flex-layout/extended', '@angular/material/input', '@angular/material/dialog', '@angular/forms', 'codelyzer/util/isNotNullOrUndefined', 'crypto-js', '@angular/material/divider', '@angular/material/tooltip', '@angular/material/table', '@angular/material/select', '@angular/flex-layout', '@ng-select/ng-select'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["new-front-common-library"] = {}, global.ng.core, global.i2$1, global.ng.common.http, global.ng.common, global.rxjs, global.rxjs.operators, global.i1, global.ng.platformBrowser, global.ng.material.card, global.i1$2, global.ng.material.progressSpinner, global.ng.router, global.ng.flexLayout.flex, global.ng.cdk.overlay, global.elasticsearchBrowser, global.ng.material.toolbar, global.ng.material.menu, global.ng.material.formField, global.ng.material.button, global.ng.material.autocomplete, global.ng.material.core, global.ng.material.icon, global.ng.flexLayout.extended, global.ng.material.input, global.ng.material.dialog, global.ng.forms, global.isNotNullOrUndefined, global.CryptoJS, global.ng.material.divider, global.ng.material.tooltip, global.ng.material.table, global.ng.material.select, global.ng.flexLayout, global.ngSelect));
-})(this, (function (exports, i0, i2$1, i2, i21, rxjs, operators, i1, i1$1, i4, i1$2, i5, i1$3, i20, i9, elasticsearchBrowser, i13, i14, i7, i16, i17, i18, i19, i22, i24, i1$4, i10, isNotNullOrUndefined, CryptoJS, divider, i1$5, table, select, flexLayout, ngSelect) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngx-translate/core'), require('@angular/common/http'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('ngx-cookie-service'), require('@angular/platform-browser'), require('@angular/material/card'), require('ngx-permissions'), require('@angular/material/progress-spinner'), require('@angular/router'), require('@angular/flex-layout/flex'), require('@angular/forms'), require('@angular/cdk/overlay'), require('elasticsearch-browser'), require('@angular/material/toolbar'), require('@angular/material/menu'), require('@angular/material/form-field'), require('@angular/material/button'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@angular/material/icon'), require('@angular/flex-layout/extended'), require('@angular/material/input'), require('@angular/material/dialog'), require('codelyzer/util/isNotNullOrUndefined'), require('crypto-js'), require('@angular/material/divider'), require('@angular/material/tooltip'), require('@angular/material/table'), require('@angular/material/select'), require('@angular/flex-layout'), require('@ng-select/ng-select')) :
+    typeof define === 'function' && define.amd ? define('new-front-common-library', ['exports', '@angular/core', '@ngx-translate/core', '@angular/common/http', '@angular/common', 'rxjs', 'rxjs/operators', 'ngx-cookie-service', '@angular/platform-browser', '@angular/material/card', 'ngx-permissions', '@angular/material/progress-spinner', '@angular/router', '@angular/flex-layout/flex', '@angular/forms', '@angular/cdk/overlay', 'elasticsearch-browser', '@angular/material/toolbar', '@angular/material/menu', '@angular/material/form-field', '@angular/material/button', '@angular/material/autocomplete', '@angular/material/core', '@angular/material/icon', '@angular/flex-layout/extended', '@angular/material/input', '@angular/material/dialog', 'codelyzer/util/isNotNullOrUndefined', 'crypto-js', '@angular/material/divider', '@angular/material/tooltip', '@angular/material/table', '@angular/material/select', '@angular/flex-layout', '@ng-select/ng-select'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['new-front-common-library'] = {}, global.ng.core, global.i2$1, global.ng.common.http, global.ng.common, global.rxjs, global.rxjs.operators, global.i1, global.ng.platformBrowser, global.ng.material.card, global.i1$2, global.ng.material.progressSpinner, global.ng.router, global.ng.flexLayout.flex, global.ng.forms, global.ng.cdk.overlay, global.elasticsearchBrowser, global.ng.material.toolbar, global.ng.material.menu, global.ng.material.formField, global.ng.material.button, global.ng.material.autocomplete, global.ng.material.core, global.ng.material.icon, global.ng.flexLayout.extended, global.ng.material.input, global.ng.material.dialog, global.isNotNullOrUndefined, global.CryptoJS, global.ng.material.divider, global.ng.material.tooltip, global.ng.material.table, global.ng.material.select, global.ng.flexLayout, global.ngSelect));
+}(this, (function (exports, i0, i2$1, i2, i21, rxjs, operators, i1, i1$1, i4, i1$2, i5, i1$3, i20, i10, i9, elasticsearchBrowser, i13, i14, i7, i16, i17, i18, i19, i22, i24, i1$4, isNotNullOrUndefined, CryptoJS, divider, i1$5, table, select, flexLayout, ngSelect) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,12 +13,14 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () { return e[k]; }
+                        get: function () {
+                            return e[k];
+                        }
                     });
                 }
             });
         }
-        n["default"] = e;
+        n['default'] = e;
         return Object.freeze(n);
     }
 
@@ -33,6 +35,7 @@
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
     var i20__namespace = /*#__PURE__*/_interopNamespace(i20);
+    var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
     var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
     var i13__namespace = /*#__PURE__*/_interopNamespace(i13);
     var i14__namespace = /*#__PURE__*/_interopNamespace(i14);
@@ -44,7 +47,6 @@
     var i22__namespace = /*#__PURE__*/_interopNamespace(i22);
     var i24__namespace = /*#__PURE__*/_interopNamespace(i24);
     var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
-    var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
     var CryptoJS__namespace = /*#__PURE__*/_interopNamespace(CryptoJS);
     var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
 
@@ -172,9 +174,9 @@
         };
         return CommonApiService;
     }());
-    CommonApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CommonApiService, deps: [{ token: WEB_CONFIG }, { token: i1__namespace.CookieService }, { token: i2__namespace.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    CommonApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CommonApiService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CommonApiService, decorators: [{
+    CommonApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CommonApiService, deps: [{ token: WEB_CONFIG }, { token: i1__namespace.CookieService }, { token: i2__namespace.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    CommonApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CommonApiService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CommonApiService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
@@ -193,9 +195,9 @@
         };
         return LocalStorageEventsService;
     }());
-    LocalStorageEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LocalStorageEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    LocalStorageEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LocalStorageEventsService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LocalStorageEventsService, decorators: [{
+    LocalStorageEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LocalStorageEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    LocalStorageEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LocalStorageEventsService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LocalStorageEventsService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return []; } });
 
@@ -227,9 +229,9 @@
         };
         return LocalStorageService;
     }());
-    LocalStorageService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LocalStorageService, deps: [{ token: LocalStorageEventsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    LocalStorageService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LocalStorageService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LocalStorageService, decorators: [{
+    LocalStorageService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LocalStorageService, deps: [{ token: LocalStorageEventsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    LocalStorageService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LocalStorageService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LocalStorageService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: LocalStorageEventsService }]; } });
 
@@ -246,13 +248,13 @@
         };
         return InterceptorHttpService;
     }());
-    InterceptorHttpService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: InterceptorHttpService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    InterceptorHttpService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: InterceptorHttpService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: InterceptorHttpService, decorators: [{
+    InterceptorHttpService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: InterceptorHttpService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    InterceptorHttpService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: InterceptorHttpService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: InterceptorHttpService, decorators: [{
                 type: i0.Injectable
             }] });
 
-    /******************************************************************************
+    /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -414,11 +416,7 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-            desc = { enumerable: true, get: function () { return m[k]; } };
-        }
-        Object.defineProperty(o, k2, desc);
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -572,11 +570,6 @@
         if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
             throw new TypeError("Cannot write private member to an object whose class did not declare it");
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-    function __classPrivateFieldIn(state, receiver) {
-        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
-            throw new TypeError("Cannot use 'in' operator on non-object");
-        return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
     var PADDING = '000000';
@@ -615,9 +608,9 @@
         };
         return MyNumberPipe;
     }());
-    MyNumberPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MyNumberPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    MyNumberPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MyNumberPipe, name: "myNumberFormat" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MyNumberPipe, decorators: [{
+    MyNumberPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: MyNumberPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    MyNumberPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: MyNumberPipe, name: "myNumberFormat" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: MyNumberPipe, decorators: [{
                 type: i0.Pipe,
                 args: [{ name: 'myNumberFormat' }]
             }], ctorParameters: function () { return []; } });
@@ -639,9 +632,9 @@
         };
         return MyNumberFormatterDirective;
     }());
-    MyNumberFormatterDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MyNumberFormatterDirective, deps: [{ token: i0__namespace.ElementRef }, { token: MyNumberPipe }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    MyNumberFormatterDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MyNumberFormatterDirective, selector: "[myNumberFormatter]", inputs: { decimalNumber: "decimalNumber" }, host: { listeners: { "focus": "onFocus($event.target.value)", "blur": "onBlur($event.target.value)" } }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MyNumberFormatterDirective, decorators: [{
+    MyNumberFormatterDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: MyNumberFormatterDirective, deps: [{ token: i0__namespace.ElementRef }, { token: MyNumberPipe }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    MyNumberFormatterDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.2", type: MyNumberFormatterDirective, selector: "[myNumberFormatter]", inputs: { decimalNumber: "decimalNumber" }, host: { listeners: { "focus": "onFocus($event.target.value)", "blur": "onBlur($event.target.value)" } }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: MyNumberFormatterDirective, decorators: [{
                 type: i0.Directive,
                 args: [{ selector: '[myNumberFormatter]' }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: MyNumberPipe }]; }, propDecorators: { decimalNumber: [{
@@ -685,9 +678,9 @@
         };
         return CapitalizefirstPipe;
     }());
-    CapitalizefirstPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CapitalizefirstPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    CapitalizefirstPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CapitalizefirstPipe, name: "myCapitalizeFirst" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CapitalizefirstPipe, decorators: [{
+    CapitalizefirstPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CapitalizefirstPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    CapitalizefirstPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CapitalizefirstPipe, name: "myCapitalizeFirst" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CapitalizefirstPipe, decorators: [{
                 type: i0.Pipe,
                 args: [{
                         name: 'myCapitalizeFirst'
@@ -703,9 +696,9 @@
         };
         return SpacesNumberPipe;
     }());
-    SpacesNumberPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SpacesNumberPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    SpacesNumberPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SpacesNumberPipe, name: "mySpacesNumberPipe" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SpacesNumberPipe, decorators: [{
+    SpacesNumberPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SpacesNumberPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    SpacesNumberPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SpacesNumberPipe, name: "mySpacesNumberPipe" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SpacesNumberPipe, decorators: [{
                 type: i0.Pipe,
                 args: [{ name: 'mySpacesNumberPipe' }]
             }] });
@@ -719,9 +712,9 @@
         };
         return SanitizeHtml;
     }());
-    SanitizeHtml.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SanitizeHtml, deps: [{ token: i1__namespace$1.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    SanitizeHtml.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SanitizeHtml, name: "mySanitizeHtml" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SanitizeHtml, decorators: [{
+    SanitizeHtml.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SanitizeHtml, deps: [{ token: i1__namespace$1.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    SanitizeHtml.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SanitizeHtml, name: "mySanitizeHtml" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SanitizeHtml, decorators: [{
                 type: i0.Pipe,
                 args: [{
                         name: 'mySanitizeHtml'
@@ -747,9 +740,9 @@
         };
         return DisplayNullPipe;
     }());
-    DisplayNullPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DisplayNullPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    DisplayNullPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DisplayNullPipe, name: "myDisplayNullPipe" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DisplayNullPipe, decorators: [{
+    DisplayNullPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: DisplayNullPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    DisplayNullPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: DisplayNullPipe, name: "myDisplayNullPipe" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: DisplayNullPipe, decorators: [{
                 type: i0.Pipe,
                 args: [{ name: 'myDisplayNullPipe' }]
             }] });
@@ -770,9 +763,9 @@
         };
         return FormatNumberInput;
     }());
-    FormatNumberInput.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormatNumberInput, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    FormatNumberInput.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormatNumberInput, name: "myAddSpacesInputPipe" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormatNumberInput, decorators: [{
+    FormatNumberInput.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: FormatNumberInput, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    FormatNumberInput.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: FormatNumberInput, name: "myAddSpacesInputPipe" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: FormatNumberInput, decorators: [{
                 type: i0.Pipe,
                 args: [{ name: 'myAddSpacesInputPipe' }]
             }] });
@@ -795,9 +788,9 @@
         };
         return LocalDatePipe;
     }());
-    LocalDatePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LocalDatePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    LocalDatePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LocalDatePipe, name: "myLocalDateFormat" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LocalDatePipe, decorators: [{
+    LocalDatePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LocalDatePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    LocalDatePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LocalDatePipe, name: "myLocalDateFormat" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LocalDatePipe, decorators: [{
                 type: i0.Pipe,
                 args: [{ name: 'myLocalDateFormat' }]
             }], ctorParameters: function () { return []; } });
@@ -821,9 +814,9 @@
         };
         return TrimStringPipe;
     }());
-    TrimStringPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TrimStringPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    TrimStringPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TrimStringPipe, name: "myTrimString" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TrimStringPipe, decorators: [{
+    TrimStringPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: TrimStringPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    TrimStringPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: TrimStringPipe, name: "myTrimString" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: TrimStringPipe, decorators: [{
                 type: i0.Pipe,
                 args: [{ name: 'myTrimString' }]
             }] });
@@ -838,9 +831,9 @@
         };
         return ThemeEventsService;
     }());
-    ThemeEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ThemeEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ThemeEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ThemeEventsService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ThemeEventsService, decorators: [{
+    ThemeEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ThemeEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ThemeEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ThemeEventsService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ThemeEventsService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return []; } });
 
@@ -855,9 +848,9 @@
         };
         return SessionStorageEventsService;
     }());
-    SessionStorageEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SessionStorageEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SessionStorageEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SessionStorageEventsService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SessionStorageEventsService, decorators: [{
+    SessionStorageEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SessionStorageEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SessionStorageEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SessionStorageEventsService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SessionStorageEventsService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return []; } });
 
@@ -891,9 +884,9 @@
         };
         return SessionStorageService;
     }());
-    SessionStorageService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SessionStorageService, deps: [{ token: SessionStorageEventsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SessionStorageService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SessionStorageService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SessionStorageService, decorators: [{
+    SessionStorageService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SessionStorageService, deps: [{ token: SessionStorageEventsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SessionStorageService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SessionStorageService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SessionStorageService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: SessionStorageEventsService }]; } });
 
@@ -949,12 +942,12 @@
         };
         return PermissionsService;
     }());
-    PermissionsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PermissionsService, deps: [{ token: i1__namespace$2.NgxPermissionsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    PermissionsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PermissionsService });
+    PermissionsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: PermissionsService, deps: [{ token: i1__namespace$2.NgxPermissionsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    PermissionsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: PermissionsService });
     __decorate([
         User()
     ], PermissionsService.prototype, "user", void 0);
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PermissionsService, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: PermissionsService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i1__namespace$2.NgxPermissionsService }]; }, propDecorators: { user: [] } });
 
@@ -972,9 +965,9 @@
         };
         return ArrayService;
     }());
-    ArrayService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ArrayService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ArrayService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ArrayService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ArrayService, decorators: [{
+    ArrayService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ArrayService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ArrayService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ArrayService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ArrayService, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -995,9 +988,9 @@
         };
         return OverlayService;
     }());
-    OverlayService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OverlayService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    OverlayService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OverlayService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OverlayService, decorators: [{
+    OverlayService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: OverlayService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    OverlayService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: OverlayService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: OverlayService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return []; } });
 
@@ -1028,9 +1021,9 @@
         };
         return OverlayComponent;
     }());
-    OverlayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OverlayComponent, deps: [{ token: i1__namespace$3.Router }, { token: i2__namespace$1.TranslateService }, { token: OverlayService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    OverlayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OverlayComponent, selector: "sc-overlay", ngImport: i0__namespace, template: "<div *ngIf=\"show\" class=\"blackshield\"></div>\r\n\r\n<div *ngIf=\"show\" fxLayoutAlign=\"center center\">\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__namespace.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i21__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i20__namespace.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__namespace.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i20__namespace.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__namespace$1.TranslatePipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OverlayComponent, decorators: [{
+    OverlayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: OverlayComponent, deps: [{ token: i1__namespace$3.Router }, { token: i2__namespace$1.TranslateService }, { token: OverlayService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    OverlayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: OverlayComponent, selector: "sc-overlay", ngImport: i0__namespace, template: "<div *ngIf=\"show\" class=\"blackshield\"></div>\r\n\r\n<div *ngIf=\"show\" fxLayoutAlign=\"center center\">\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__namespace.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i21__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i20__namespace.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__namespace.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i20__namespace.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__namespace$1.TranslatePipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: OverlayComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sc-overlay',
@@ -1096,9 +1089,9 @@
         };
         return ToasterEventsService;
     }());
-    ToasterEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ToasterEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterEventsService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterEventsService, decorators: [{
+    ToasterEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ToasterEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ToasterEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ToasterEventsService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ToasterEventsService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return []; } });
 
@@ -1124,9 +1117,9 @@
         };
         return LangService;
     }());
-    LangService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LangService, deps: [{ token: i2__namespace$1.TranslateService }, { token: LocalStorageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    LangService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LangService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LangService, decorators: [{
+    LangService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LangService, deps: [{ token: i2__namespace$1.TranslateService }, { token: LocalStorageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    LangService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LangService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LangService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i2__namespace$1.TranslateService }, { type: LocalStorageService }]; } });
 
@@ -1199,9 +1192,9 @@
         };
         return ElasticsearchService;
     }());
-    ElasticsearchService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElasticsearchService, deps: [{ token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ElasticsearchService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElasticsearchService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElasticsearchService, decorators: [{
+    ElasticsearchService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ElasticsearchService, deps: [{ token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ElasticsearchService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ElasticsearchService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ElasticsearchService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
@@ -1407,9 +1400,9 @@
         };
         return CommonTranslatePipe;
     }());
-    CommonTranslatePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CommonTranslatePipe, deps: [{ token: LocalStorageService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    CommonTranslatePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CommonTranslatePipe, name: "commonTranslate" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CommonTranslatePipe, decorators: [{
+    CommonTranslatePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CommonTranslatePipe, deps: [{ token: LocalStorageService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    CommonTranslatePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CommonTranslatePipe, name: "commonTranslate" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CommonTranslatePipe, decorators: [{
                 type: i0.Pipe,
                 args: [{ name: 'commonTranslate' }]
             }], ctorParameters: function () { return [{ type: LocalStorageService }]; } });
@@ -1433,13 +1426,13 @@
             this.labelLang = 'labelFr';
             this.isHide = false;
             this.currentScroll = 0;
-            this.searchText = '';
             this.historyList = [];
             this.RapidSearchItemType = RapidSearchItemType;
             this.apiUrl = this.config.api_url;
         }
         HeaderComponent.prototype.ngOnInit = function () {
             var _this = this;
+            this.formControlSearch = new i10.FormControl(null);
             this.initPermissionsService();
             this.lang = this.localStorage.get('lang') || 'fr';
             this.updateLabelLang(this.lang);
@@ -1448,6 +1441,16 @@
                 _this.lang = _this.localStorage.get('lang');
                 _this.updateLabelLang(_this.lang);
             });
+            this.documents$ = this.formControlSearch.valueChanges.pipe(operators.debounceTime(500), operators.switchMap(function (term) {
+                if (!term) {
+                    return rxjs.of([]);
+                }
+                return _this.elasticsearchService
+                    .getSearchResponse(term)
+                    .pipe(operators.map(function (searchResponse) {
+                    return _this.elasticsearchService.getDocuments(searchResponse);
+                }));
+            }));
         };
         HeaderComponent.prototype.onWindowScroll = function () {
             var numberVar = document.documentElement.scrollTop;
@@ -1459,16 +1462,6 @@
             }
             this.currentScroll = numberVar;
         };
-        HeaderComponent.prototype.rapidSearch = function (event) {
-            var _this = this;
-            this.searchText = '';
-            if (event && event.target && event.target.value && event.target.value.length > 0) {
-                this.searchText = event.target.value;
-                this.elasticsearchService.getSearchResponse(this.searchText).subscribe(function (searchResponse) {
-                    _this.documents = _this.elasticsearchService.getDocuments(searchResponse);
-                });
-            }
-        };
         HeaderComponent.prototype.initPermissionsService = function () {
             this.permissionsService.init();
         };
@@ -1532,17 +1525,30 @@
                 this.labelLang = 'labelFr';
             }
         };
+        HeaderComponent.prototype.onSelectSearch = function ($event, doc) {
+            switch (doc.docType) {
+                case RapidSearchItemType.PURCHASE_ORDER:
+                    this.navigate('expenditure-commitment', '/purchase-orders/' + doc.poId);
+                    break;
+                case RapidSearchItemType.PRODUCT:
+                    this.navigate('video', '/product/consult/' + doc.productId);
+                    break;
+                case RapidSearchItemType.WORK_VERSION:
+                    this.navigate(null, '/work-summary/' + doc.id + '/info');
+                    break;
+            }
+        };
         return HeaderComponent;
     }());
-    HeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeaderComponent, deps: [{ token: i1__namespace$3.Router }, { token: LocalStorageEventsService }, { token: LocalStorageService }, { token: ToasterEventsService }, { token: i2__namespace$1.TranslateService }, { token: CommonApiService }, { token: SessionStorageService }, { token: PermissionsService }, { token: i9__namespace.OverlayContainer }, { token: i1__namespace.CookieService }, { token: LangService }, { token: ElasticsearchService }, { token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    HeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0__namespace, template: "<mat-toolbar [ngClass]=\"{ 'light-header': theme !== 'dark' }\" class=\"sc-header\" fxFlex=\"row\"\r\n             fxLayoutAlign=\"space-between center\">\r\n  <span fxLayout=\"row\" fxLayoutAlign=\"center end\">\r\n    <a\r\n      [href]=\"env === 'prod' ? 'https://unity.studiocanal.com/dashboard' : (env === 'sbx' ? 'https://unity-sbx.cplus/dashboard' : 'https://unity-' + env + '.studiocanal.com/dashboard')\">\r\n      <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n    </a>\r\n    <span *ngIf=\"env != 'prod'\" [attr.id]=\"'env-' + env\" class=\"env\">{{env}}</span>\r\n  </span>\r\n  <span class=\"header-separator\" fxFlex=\"1\"></span>\r\n  <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\" fxFlex=\"5\">apps</span>\r\n  <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n    <!--DASHBOARD-->\r\n    <button (click)=\"navigate(null, '/dashboard')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/deal/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/work-record/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/vod/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/accounting-closing/consult')\"\r\n              *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              mat-menu-item>\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 (click)=\"navigate('commercial', '/invoice/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/turnover/search')\"\r\n              *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              mat-menu-item>\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 (click)=\"navigate('user', '/account/authorization/search')\" *ngIf=\"user && user.admin\" mat-menu-item>\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 (click)=\"navigate('referential', '/support/list')\" *ngxPermissionsOnly=\"['MODULE REF']\" mat-menu-item>\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    <!--MY PREFERENCES-->\r\n    <button (click)=\"navigate('user', '/account/settings')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">settings</span>\r\n      <span>{{ 'COMMON.HEADER.MENU.USER.SETTINGS' | commonTranslate: lang }}</span>\r\n    </button>\r\n    <!--BATCH-->\r\n    <button (click)=\"navigate('batch', '/jobs/referential')\" *ngxPermissionsOnly=\"['MODULE REF']\" mat-menu-item>\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 (click)=\"navigate('tvdata', '/infos-center')\" *ngxPermissionsOnly=\"['TVDATA']\" mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/home/commands')\" *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\"\r\n            mat-menu-item>\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 (click)=\"navigate('bi', '/simple-search/form')\" *ngxPermissionsOnly=\"['MODULE BI']\" mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/menu/legals-det')\" *ngxPermissionsOnly=\"['LEGAL']\" mat-menu-item>\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  <span class=\"header-separator\" fxFlex=\"1\"></span>\r\n  <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon\" fxFlex=\"5\">add_box</span>\r\n  <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n    <button (click)=\"navigate('video', '/product/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">theaters</span>\r\n      {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">receipt_long</span>\r\n      {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('commercial', '/deal/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">local_offer</span>\r\n      {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('legal', '/contracts/menu/contracts-acq')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">assignment</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\" mat-menu-item>\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  <span class=\"header-separator\" fxFlex=\"1\"></span>\r\n  <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\" class=\"material-icons header-icon\"\r\n        fxFlex=\"5\">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 (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\" *ngSwitchCase=\"'PRODUCT'\"\r\n              mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\" *ngSwitchCase=\"'PO'\"\r\n              mat-menu-item>\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 (click)=\"navigate('commercial', '/deal/consult/' + history.id)\" *ngSwitchCase=\"'DEAL'\"\r\n              mat-menu-item>\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 (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\" *ngSwitchCase=\"'WORK'\"\r\n              mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\"\r\n              *ngSwitchCase=\"'CONTRACT_ACQ'\"\r\n              mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\"\r\n              *ngSwitchCase=\"'CONTRACT_CESS'\"\r\n              mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/budget/form/' + history.id)\" *ngSwitchCase=\"'BUDGET'\"\r\n              mat-menu-item>\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 *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\" mat-menu-item>\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\r\n  <div fxFlex=\"60\" class=\"global-search\">\r\n    <i class=\"material-icons global-search-icon header-icon\">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             (keyup)=\"rapidSearch($event)\"\r\n             matInput />\r\n      <button (click)=\"navigate(null, '/advanced-search')\"\r\n              class=\"btn advanced-button\" mat-raised-button>\r\n        <span class=\"material-icons icon\">flash_on</span>\r\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang }}\r\n      </button>\r\n\r\n      <mat-autocomplete #autoSearch=\"matAutocomplete\" class=\"mat-autocomplete-global-search\" panelWidth=\"56vw\">\r\n        <mat-option class=\"mat-option-global-search\"\r\n                    *ngFor=\"let doc of documents\">\r\n          <!--PURCHASE_ORDER-->\r\n          <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\"\r\n               (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + doc.poId)\">\r\n            <div fxFlex=\"5\">\r\n              <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n            </div>\r\n            <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n              <div fxLayout=\"column\" fxFlex=\"70\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n                <span>{{ doc.poNumber }} - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.BASKET_NUMBER' | commonTranslate: lang }}</span>\r\n                <span>{{ doc?.basketNumber ? doc.basketNumber : '-' }}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang }}</span>\r\n                <span>{{ doc?.ean ? doc.ean : '-' }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!--PRODUCT-->\r\n          <div *ngIf=\"doc.docType === RapidSearchItemType.PRODUCT\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\"\r\n               (click)=\"navigate('video', '/product/consult/' + doc.productId)\">\r\n            <div fxFlex=\"5\">\r\n              <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n            </div>\r\n            <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n              <div fxLayout=\"column\" fxFlex=\"60\" class=\"ellipsis\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCT' | commonTranslate: lang }}</span>\r\n                <span class=\"ellipsis\">{{ doc.title }}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"10\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.SUPPORT' | commonTranslate: lang }}</span>\r\n                <span>{{doc.support[labelLang]}}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang }}</span>\r\n                <span>{{ doc.ean }}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.RELEASE_DATE' | commonTranslate: lang }}</span>\r\n                <span>{{ doc?.releaseDate ? doc.releaseDate : '-' }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!--WORK-->\r\n          <div *ngIf=\"doc.docType === RapidSearchItemType.WORK_VERSION\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\"\r\n               (click)=\"navigate(null, '/work-summary/' + doc.id + '/info')\">\r\n            <div fxFlex=\"5\">\r\n              <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n            </div>\r\n            <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n              <div fxLayout=\"column\" fxFlex=\"75\" class=\"ellipsis\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK' | commonTranslate: lang }}</span>\r\n                  <span class=\"ellipsis\">{{ doc.title }} ({{doc.codeIso}})</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"10\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang }}</span>\r\n                <span>{{doc.miloCode}}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCTION_YEAR' | commonTranslate: lang }}</span>\r\n                <span>{{ doc.yearOfProduction }}</span>\r\n              </div>\r\n            </div>\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  <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 (click)=\"stopIdentityTheft()\" *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button>\r\n      {{ 'CORE.STOP' | commonTranslate: lang }}\r\n    </button>\r\n  </div>\r\n  <span class=\"header-separator\" fxFlex=\"1\"></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}mat-toolbar{width:100%}.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}.rapid-search-type-icon{font-size:1.4em;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:#009ef7;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}:host ::ng-deep .global-search .mat-form-field-appearance-legacy .mat-form-field-label{top:2.2em!important;margin-left:10px;font-family:Sofia Pro;font-style:italic;font-weight:bold;font-size:14px;line-height:14px}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}.auto-complete-label{font-size:8px}.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__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i14__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16__namespace.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__namespace.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i18__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i19__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i20__namespace.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__namespace.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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i22__namespace.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__namespace.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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i1__namespace$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i21__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i21__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i21__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i24__namespace.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__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i20__namespace.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__namespace.CurrencyPipe } });
+    HeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: HeaderComponent, deps: [{ token: i1__namespace$3.Router }, { token: LocalStorageEventsService }, { token: LocalStorageService }, { token: ToasterEventsService }, { token: i2__namespace$1.TranslateService }, { token: CommonApiService }, { token: SessionStorageService }, { token: PermissionsService }, { token: i9__namespace.OverlayContainer }, { token: i1__namespace.CookieService }, { token: LangService }, { token: ElasticsearchService }, { token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    HeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0__namespace, template: "<mat-toolbar [ngClass]=\"{ 'light-header': theme !== 'dark' }\" class=\"sc-header\" fxFlex=\"row\"\r\n             fxLayoutAlign=\"space-between center\">\r\n  <span fxLayout=\"row\" fxLayoutAlign=\"center end\">\r\n    <a\r\n      [href]=\"env === 'prod' ? 'https://unity.studiocanal.com/dashboard' : (env === 'sbx' ? 'https://unity-sbx.cplus/dashboard' : 'https://unity-' + env + '.studiocanal.com/dashboard')\">\r\n      <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n    </a>\r\n    <span *ngIf=\"env != 'prod'\" [attr.id]=\"'env-' + env\" class=\"env\">{{env}}</span>\r\n  </span>\r\n  <span class=\"header-separator\" fxFlex=\"1\"></span>\r\n  <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\" fxFlex=\"5\">apps</span>\r\n  <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n    <!--DASHBOARD-->\r\n    <button (click)=\"navigate(null, '/dashboard')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/deal/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/work-record/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/vod/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/accounting-closing/consult')\"\r\n              *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              mat-menu-item>\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 (click)=\"navigate('commercial', '/invoice/search')\" mat-menu-item>\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 (click)=\"navigate('commercial', '/turnover/search')\"\r\n              *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              mat-menu-item>\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 (click)=\"navigate('user', '/account/authorization/search')\" *ngIf=\"user && user.admin\" mat-menu-item>\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 (click)=\"navigate('referential', '/support/list')\" *ngxPermissionsOnly=\"['MODULE REF']\" mat-menu-item>\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    <!--MY PREFERENCES-->\r\n    <button (click)=\"navigate('user', '/account/settings')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">settings</span>\r\n      <span>{{ 'COMMON.HEADER.MENU.USER.SETTINGS' | commonTranslate: lang }}</span>\r\n    </button>\r\n    <!--BATCH-->\r\n    <button (click)=\"navigate('batch', '/jobs/referential')\" *ngxPermissionsOnly=\"['MODULE REF']\" mat-menu-item>\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 (click)=\"navigate('tvdata', '/infos-center')\" *ngxPermissionsOnly=\"['TVDATA']\" mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/home/commands')\" *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\"\r\n            mat-menu-item>\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 (click)=\"navigate('bi', '/simple-search/form')\" *ngxPermissionsOnly=\"['MODULE BI']\" mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/menu/legals-det')\" *ngxPermissionsOnly=\"['LEGAL']\" mat-menu-item>\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  <span class=\"header-separator\" fxFlex=\"1\"></span>\r\n  <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon\" fxFlex=\"5\">add_box</span>\r\n  <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n    <button (click)=\"navigate('video', '/product/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">theaters</span>\r\n      {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">receipt_long</span>\r\n      {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('commercial', '/deal/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">local_offer</span>\r\n      {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('legal', '/contracts/menu/contracts-acq')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">assignment</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\" mat-menu-item>\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  <span class=\"header-separator\" fxFlex=\"1\"></span>\r\n  <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\" class=\"material-icons header-icon\"\r\n        fxFlex=\"5\">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 (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\" *ngSwitchCase=\"'PRODUCT'\"\r\n              mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\" *ngSwitchCase=\"'PO'\"\r\n              mat-menu-item>\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 (click)=\"navigate('commercial', '/deal/consult/' + history.id)\" *ngSwitchCase=\"'DEAL'\"\r\n              mat-menu-item>\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 (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\" *ngSwitchCase=\"'WORK'\"\r\n              mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\"\r\n              *ngSwitchCase=\"'CONTRACT_ACQ'\"\r\n              mat-menu-item>\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 (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\"\r\n              *ngSwitchCase=\"'CONTRACT_CESS'\"\r\n              mat-menu-item>\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 (click)=\"navigate('expenditure-commitment', '/budget/form/' + history.id)\" *ngSwitchCase=\"'BUDGET'\"\r\n              mat-menu-item>\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 *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\" mat-menu-item>\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\r\n  <div fxFlex=\"60\" class=\"global-search\">\r\n    <i class=\"material-icons global-search-icon header-icon\">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             [formControl]=\"formControlSearch\"\r\n             matInput />\r\n      <button (click)=\"navigate(null, '/advanced-search')\"\r\n              class=\"btn advanced-button\" mat-raised-button>\r\n        <span class=\"material-icons icon\">flash_on</span>\r\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang }}\r\n      </button>\r\n\r\n      <mat-autocomplete #autoSearch=\"matAutocomplete\" class=\"mat-autocomplete-global-search\" panelWidth=\"56vw\">\r\n        <mat-option class=\"mat-option-global-search\"\r\n                    *ngFor=\"let doc of documents$ | async\"\r\n                    (onSelectionChange)=\"onSelectSearch($event, doc)\">\r\n          <!--PURCHASE_ORDER-->\r\n          <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n            <div fxFlex=\"5\">\r\n              <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n            </div>\r\n            <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n              <div fxLayout=\"column\" fxFlex=\"70\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n                <span>{{ doc.poNumber }} - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.BASKET_NUMBER' | commonTranslate: lang }}</span>\r\n                <span>{{ doc?.basketNumber ? doc.basketNumber : '-' }}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang }}</span>\r\n                <span>{{ doc?.ean ? doc.ean : '-' }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!--PRODUCT-->\r\n          <div *ngIf=\"doc.docType === RapidSearchItemType.PRODUCT\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n            <div fxFlex=\"5\">\r\n              <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n            </div>\r\n            <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n              <div fxLayout=\"column\" fxFlex=\"60\" class=\"ellipsis\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCT' | commonTranslate: lang }}</span>\r\n                <span class=\"ellipsis\">{{ doc.title }}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"10\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.SUPPORT' | commonTranslate: lang }}</span>\r\n                <span>{{doc.support[labelLang]}}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang }}</span>\r\n                <span>{{ doc.ean }}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.RELEASE_DATE' | commonTranslate: lang }}</span>\r\n                <span>{{ doc?.releaseDate ? doc.releaseDate : '-' }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!--WORK-->\r\n          <div *ngIf=\"doc.docType === RapidSearchItemType.WORK_VERSION\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n            <div fxFlex=\"5\">\r\n              <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n            </div>\r\n            <div fxFlex=\"95\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n              <div fxLayout=\"column\" fxFlex=\"75\" class=\"ellipsis\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK' | commonTranslate: lang }}</span>\r\n                  <span class=\"ellipsis\">{{ doc.title }} ({{doc.codeIso}})</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"10\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang }}</span>\r\n                <span>{{doc.miloCode}}</span>\r\n              </div>\r\n              <div fxLayout=\"column\" fxFlex=\"15\">\r\n                <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCTION_YEAR' | commonTranslate: lang }}</span>\r\n                <span>{{ doc.yearOfProduction }}</span>\r\n              </div>\r\n            </div>\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  <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 (click)=\"stopIdentityTheft()\" *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button>\r\n      {{ 'CORE.STOP' | commonTranslate: lang }}\r\n    </button>\r\n  </div>\r\n  <span class=\"header-separator\" fxFlex=\"1\"></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}mat-toolbar{width:100%}.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}.rapid-search-type-icon{font-size:1.4em;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:#009ef7;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}:host ::ng-deep .global-search .mat-form-field-appearance-legacy .mat-form-field-label{top:2.2em!important;margin-left:10px;font-family:Sofia Pro;font-style:italic;font-weight:bold;font-size:14px;line-height:14px}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}.auto-complete-label{font-size:8px}.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__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i14__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16__namespace.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__namespace.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i18__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i19__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i20__namespace.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__namespace.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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i22__namespace.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__namespace.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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i1__namespace$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i21__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i21__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i21__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i24__namespace.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__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10__namespace.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__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i20__namespace.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, "async": i21__namespace.AsyncPipe, "currency": i21__namespace.CurrencyPipe } });
     __decorate([
         Theme()
     ], HeaderComponent.prototype, "theme", void 0);
     __decorate([
         User()
     ], HeaderComponent.prototype, "user", void 0);
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeaderComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: HeaderComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sc-header',
@@ -1582,12 +1588,12 @@
         };
         return SubHeaderComponent;
     }());
-    SubHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SubHeaderComponent, deps: [{ token: i21.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SubHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SubHeaderComponent, selector: "sc-sub-header", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0__namespace, template: "<div id=\"template-header-container\">\r\n  <div [ngClass]=\"{'header-hide':isHide}\" id=\"template-header\">\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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i22__namespace.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.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SubHeaderComponent, deps: [{ token: i21.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SubHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: SubHeaderComponent, selector: "sc-sub-header", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0__namespace, template: "<div id=\"template-header-container\">\r\n  <div [ngClass]=\"{'header-hide':isHide}\" id=\"template-header\">\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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i22__namespace.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);
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SubHeaderComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SubHeaderComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sc-sub-header',
@@ -1630,9 +1636,9 @@
         };
         return AesService;
     }());
-    AesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AesService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    AesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AesService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AesService, decorators: [{
+    AesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: AesService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: AesService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: AesService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return []; } });
 
@@ -1693,9 +1699,9 @@
         };
         return MyDialogPopupLoginComponent;
     }());
-    MyDialogPopupLoginComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MyDialogPopupLoginComponent, deps: [{ token: i1__namespace$4.MatDialogRef }, { token: AesService }, { token: WEB_CONFIG }, { token: i2__namespace.HttpClient }, { token: i2__namespace$1.TranslateService }, { token: i1__namespace.CookieService }, { token: i1$4.MAT_DIALOG_DATA }, { token: CommonApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MyDialogPopupLoginComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MyDialogPopupLoginComponent, selector: "sc-popup-login", ngImport: i0__namespace, template: "<h3 mat-dialog-title>Log in</h3>\r\n\r\n<mat-dialog-content>\r\n  <form (keyup.enter)=\"onLogin()\" [formGroup]=\"userForm\" fxLayout=\"column\">\r\n    <div class=\"form-group\">\r\n      <mat-label>{{'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\r\n      </mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input [(ngModel)]=\"username\" formControlName=\"username\" matInput/>\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>\r\n      </mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input [(ngModel)]=\"password\" formControlName=\"password\" matInput 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 (click)=\"onLogin()\" [disabled]=\"loading\" class=\"primary w-100\" mat-raised-button\r\n          type=\"submit\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}</button>\r\n  <mat-spinner *ngIf=\"loading\" [diameter]=\"30\" class=\"not-so-close-from-button login-spinner\"></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__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16__namespace.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__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i1__namespace$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i20__namespace.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__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7__namespace.MatLabel, selector: "mat-label" }, { type: i10__namespace.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: i24__namespace.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__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i1__namespace$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i20__namespace.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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2__namespace$1.TranslatePipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MyDialogPopupLoginComponent, decorators: [{
+    MyDialogPopupLoginComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: MyDialogPopupLoginComponent, deps: [{ token: i1__namespace$4.MatDialogRef }, { token: AesService }, { token: WEB_CONFIG }, { token: i2__namespace.HttpClient }, { token: i2__namespace$1.TranslateService }, { token: i1__namespace.CookieService }, { token: i1$4.MAT_DIALOG_DATA }, { token: CommonApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    MyDialogPopupLoginComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: MyDialogPopupLoginComponent, selector: "sc-popup-login", ngImport: i0__namespace, template: "<h3 mat-dialog-title>Log in</h3>\r\n\r\n<mat-dialog-content>\r\n  <form (keyup.enter)=\"onLogin()\" [formGroup]=\"userForm\" fxLayout=\"column\">\r\n    <div class=\"form-group\">\r\n      <mat-label>{{'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\r\n      </mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input [(ngModel)]=\"username\" formControlName=\"username\" matInput/>\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>\r\n      </mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input [(ngModel)]=\"password\" formControlName=\"password\" matInput 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 (click)=\"onLogin()\" [disabled]=\"loading\" class=\"primary w-100\" mat-raised-button\r\n          type=\"submit\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}</button>\r\n  <mat-spinner *ngIf=\"loading\" [diameter]=\"30\" class=\"not-so-close-from-button login-spinner\"></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__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16__namespace.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__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i1__namespace$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i20__namespace.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__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7__namespace.MatLabel, selector: "mat-label" }, { type: i10__namespace.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: i24__namespace.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__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i1__namespace$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i20__namespace.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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2__namespace$1.TranslatePipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: MyDialogPopupLoginComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sc-popup-login',
@@ -1726,9 +1732,9 @@
         };
         return HeaderEventsService;
     }());
-    HeaderEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeaderEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    HeaderEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeaderEventsService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeaderEventsService, decorators: [{
+    HeaderEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: HeaderEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeaderEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: HeaderEventsService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: HeaderEventsService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return []; } });
 
@@ -1764,9 +1770,9 @@
         };
         return HistoryService;
     }());
-    HistoryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HistoryService, deps: [{ token: LocalStorageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    HistoryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HistoryService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HistoryService, decorators: [{
+    HistoryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: HistoryService, deps: [{ token: LocalStorageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HistoryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: HistoryService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: HistoryService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: LocalStorageService }]; } });
 
@@ -1781,9 +1787,9 @@
         };
         return ShowIfTruncatedDirective;
     }());
-    ShowIfTruncatedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShowIfTruncatedDirective, deps: [{ token: i1__namespace$5.MatTooltip }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    ShowIfTruncatedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ShowIfTruncatedDirective, selector: "[matTooltip][appShowIfTruncated]", host: { listeners: { "mouseenter": "setTooltipState($event)" } }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShowIfTruncatedDirective, decorators: [{
+    ShowIfTruncatedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ShowIfTruncatedDirective, deps: [{ token: i1__namespace$5.MatTooltip }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    ShowIfTruncatedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.2", type: ShowIfTruncatedDirective, selector: "[matTooltip][appShowIfTruncated]", host: { listeners: { "mouseenter": "setTooltipState($event)" } }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ShowIfTruncatedDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[matTooltip][appShowIfTruncated]'
@@ -1806,9 +1812,9 @@
         };
         return ThirdPartyAddressPipe;
     }());
-    ThirdPartyAddressPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ThirdPartyAddressPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    ThirdPartyAddressPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ThirdPartyAddressPipe, name: "thirdPartyAddress" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ThirdPartyAddressPipe, decorators: [{
+    ThirdPartyAddressPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ThirdPartyAddressPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    ThirdPartyAddressPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ThirdPartyAddressPipe, name: "thirdPartyAddress" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: ThirdPartyAddressPipe, decorators: [{
                 type: i0.Pipe,
                 args: [{
                         name: 'thirdPartyAddress'
@@ -1830,9 +1836,9 @@
         };
         return FormatDurationPipe;
     }());
-    FormatDurationPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormatDurationPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    FormatDurationPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormatDurationPipe, name: "formatDuration" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormatDurationPipe, decorators: [{
+    FormatDurationPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: FormatDurationPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    FormatDurationPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: FormatDurationPipe, name: "formatDuration" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: FormatDurationPipe, decorators: [{
                 type: i0.Pipe,
                 args: [{
                         name: 'formatDuration'
@@ -1860,8 +1866,8 @@
         };
         return UtilModule;
     }());
-    UtilModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UtilModule, deps: [{ token: LangService }], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    UtilModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UtilModule, declarations: [MyNumberFormatterDirective,
+    UtilModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: UtilModule, deps: [{ token: LangService }], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    UtilModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: UtilModule, declarations: [MyNumberFormatterDirective,
             CapitalizefirstPipe,
             SpacesNumberPipe,
             SanitizeHtml,
@@ -1914,7 +1920,7 @@
             OverlayComponent,
             SubHeaderComponent,
             ShowIfTruncatedDirective] });
-    UtilModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UtilModule, providers: [
+    UtilModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: UtilModule, providers: [
             {
                 provide: i2.HTTP_INTERCEPTORS,
                 useClass: InterceptorHttpService,
@@ -1962,7 +1968,7 @@
                 i17.MatAutocompleteModule,
                 ngSelect.NgSelectModule
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UtilModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: UtilModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [
@@ -2152,9 +2158,9 @@
         };
         return RegexService;
     }());
-    RegexService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: RegexService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    RegexService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: RegexService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: RegexService, decorators: [{
+    RegexService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: RegexService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    RegexService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: RegexService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: RegexService, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -2434,9 +2440,9 @@
         };
         return CustomDateAdapter;
     }(i18.NativeDateAdapter));
-    CustomDateAdapter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomDateAdapter, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    CustomDateAdapter.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomDateAdapter });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomDateAdapter, decorators: [{
+    CustomDateAdapter.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CustomDateAdapter, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    CustomDateAdapter.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CustomDateAdapter });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: CustomDateAdapter, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -4822,9 +4828,9 @@
         };
         return FormActionsEventsService;
     }());
-    FormActionsEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormActionsEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    FormActionsEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormActionsEventsService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormActionsEventsService, decorators: [{
+    FormActionsEventsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: FormActionsEventsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    FormActionsEventsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: FormActionsEventsService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: FormActionsEventsService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return []; } });
 
@@ -4893,9 +4899,9 @@
         };
         return AuthGuard;
     }());
-    AuthGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthGuard, deps: [{ token: i1__namespace$3.Router }, { token: i2__namespace.HttpClient }, { token: i1__namespace.CookieService }, { token: CommonApiService }, { token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    AuthGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthGuard });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthGuard, decorators: [{
+    AuthGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: AuthGuard, deps: [{ token: i1__namespace$3.Router }, { token: i2__namespace.HttpClient }, { token: i1__namespace.CookieService }, { token: CommonApiService }, { token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AuthGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: AuthGuard });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: AuthGuard, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () {
             return [{ type: i1__namespace$3.Router }, { type: i2__namespace.HttpClient }, { type: i1__namespace.CookieService }, { type: CommonApiService }, { type: undefined, decorators: [{
@@ -4923,9 +4929,9 @@
         };
         return LoginGuard;
     }());
-    LoginGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LoginGuard, deps: [{ token: i2__namespace.HttpClient }, { token: i2__namespace$1.TranslateService }, { token: i1__namespace$4.MatDialog }, { token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    LoginGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LoginGuard });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LoginGuard, decorators: [{
+    LoginGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LoginGuard, deps: [{ token: i2__namespace.HttpClient }, { token: i2__namespace$1.TranslateService }, { token: i1__namespace$4.MatDialog }, { token: WEB_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    LoginGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LoginGuard });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: LoginGuard, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () {
             return [{ type: i2__namespace.HttpClient }, { type: i2__namespace$1.TranslateService }, { type: i1__namespace$4.MatDialog }, { type: undefined, decorators: [{
@@ -5004,9 +5010,9 @@
         };
         return AuthInterceptor;
     }());
-    AuthInterceptor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthInterceptor, deps: [{ token: CommonApiService }, { token: i1__namespace.CookieService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    AuthInterceptor.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthInterceptor });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthInterceptor, decorators: [{
+    AuthInterceptor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: AuthInterceptor, deps: [{ token: CommonApiService }, { token: i1__namespace.CookieService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AuthInterceptor.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: AuthInterceptor });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: AuthInterceptor, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: CommonApiService }, { type: i1__namespace.CookieService }]; } });
 
@@ -5177,5 +5183,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-}));
+})));
 //# sourceMappingURL=new-front-common-library.umd.js.map