new-front-common-library 0.0.19 → 0.0.20

package/assets/css/_dark-theme.scss

@@ -34,6 +34,10 @@
     background-color: whitesmoke;
   }
 
+  .expandable-row:hover {
+    background-color: transparent !important;
+  }
+
   //7
   /* Table header coloring*/
   .mat-form-field-appearance-legacy .mat-form-field-label {
@@ -103,6 +107,10 @@
     color: $gray-light;
   }
 
+  a {
+    color: $gray-background-lightest;
+  }
+
   .mat-row, row-drop {
     border-radius: 3%;
     border-left-width: 1px;
@@ -183,7 +191,11 @@
   }
 
   .mat-menu-item {
-    color: $gray-light !important;
+    color: $gray-background-lightest !important;
+  }
+
+  .mat-menu-panel {
+    background: $background-lvl2 !important
   }
 
   .cancel-button{
@@ -245,10 +257,11 @@
   //END SCROLL BAR
 
   .mat-select-panel {
-    max-height: 300px !important;
-    max-width: 450px !important;
-    min-width: auto !important;
-    width: auto !important;
+    background: $dark-background-color !important;
+  }
+
+  .mat-option {
+    color: $gray-background-lightest !important;
   }
 
   .block-title {
@@ -349,6 +362,14 @@
     background-color: whitesmoke;
   }
 
+  .mat-checkbox {
+    color: $gray-primary;
+  }
+
+  .mat-radio-button {
+    color: $gray-primary;
+  }
+
   .mat-checkbox-checked.mat-accent .mat-checkbox-background {
     background-color: $blue-primary;
   }
@@ -391,28 +412,6 @@
     color: $gray-background-lightest !important;
   }
 
-  .mat-dialog-container .btn-ok {
-    color: white !important;
-    background: $blue-primary !important;
-    border: none;
-    padding: 5px 10px 5px 10px;
-    border-radius: 4px;height: 32px;
-    min-width: 64px;
-    margin-right: 10px;
-    cursor: pointer;
-  }
-
-  .mat-dialog-container .btn-ko {
-    color: white !important;
-    background: $red-primary !important;
-    border: none;
-    padding: 5px 10px 5px 10px;
-    border-radius: 4px;height: 32px;
-    min-width: 64px;
-    margin-right: 10px;
-    cursor: pointer;
-  }
-
   // END POPUP
 
   // PAGINATOR
@@ -427,12 +426,12 @@
   }
 
   .mat-paginator-page-size .mat-select-trigger {
-    background: $gray-strong;
+    background: $background-lvl2;
     padding: 2px;
   }
 
   .mat-paginator .mat-select-value-text {
-    color: $black-bluish !important;
+    color: $gray-background-lightest !important;
   }
 
   //END PAGINATOR
@@ -458,7 +457,7 @@
   // END DRAG & DROP
 
   .text {
-    color: $gray-background-lightest;
+    color: $gray-background-lightest !important;
   }
 
   .no-results {
@@ -532,21 +531,21 @@
   // END CALENDAR
 
   .mat-raised-button.mat-accent {
-    background: $gray-blue-primary !important;;
+    background: $gray-blue-primary !important;
   }
 
   // HEADER
 
   .sc-header {
-    background: $background-lvl2 !important;
+    background: $background-lvl2;
   }
 
   .global-search {
-    background: $background-lvl1 !important;
+    background: $background-lvl1;
   }
 
   .global-search-input {
-    background: $background-lvl1 !important;
+    background: $background-lvl1;
   }
 
   .global-search-separator {

package/assets/css/_global.scss

@@ -2,6 +2,8 @@
 @import url('https://fonts.googleapis.com/css?family=Poppins');
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
 
+@import "mat-palettes";
+
 body, html {
   margin: 0;
   padding: 0;
@@ -329,6 +331,10 @@ textarea {
   height: auto;
 }
 
+.mat-cell input.mat-input-element {
+  margin-top: 0.08em !important;
+}
+
 .mat-table .mat-checkbox-inner-container {
   height: 12px;
   width: 12px;
@@ -479,3 +485,58 @@ textarea {
 .sub-toolbar .icon {
   margin-right: 5px;
 }
+
+.table-icon {
+  font-size: 16px !important;
+}
+
+// POPUP
+
+.mat-dialog-container .btn-primary {
+  height: 24px !important;
+  color: white !important;
+  background: $blue-primary !important;
+  border: none;
+  padding: 5px 10px 5px 10px;
+  border-radius: 4px;
+  min-width: 64px;
+  margin-right: 10px;
+  cursor: pointer;
+  line-height: 15px;
+}
+
+.mat-dialog-container .btn-danger {
+  height: 24px !important;
+  color: white !important;
+  background: $red-primary !important;
+  border: none;
+  padding: 5px 10px 5px 10px;
+  border-radius: 4px;
+  min-width: 64px;
+  margin-right: 10px;
+  cursor: pointer;
+  line-height: 15px;
+}
+
+.mat-dialog-container .btn-secondary {
+  height: 24px !important;
+  color: white !important;
+  background: $purple-primary !important;
+  border: none;
+  padding: 5px 10px 5px 10px;
+  border-radius: 4px;
+  min-width: 64px;
+  margin-right: 10px;
+  cursor: pointer;
+  line-height: 15px;
+}
+
+// END POPUP
+
+.mat-select-panel {
+  max-height: 300px !important;
+  max-width: 450px !important;
+  min-width: auto !important;
+  width: auto !important;
+}
+

package/assets/css/_light-theme.scss

@@ -34,6 +34,10 @@
     background-color: whitesmoke;
   }
 
+  .expandable-row:hover {
+    background-color: whitesmoke !important;
+  }
+
   //7
   /* Table header coloring*/
   .mat-form-field-appearance-legacy .mat-form-field-label {
@@ -103,6 +107,10 @@
     color: $black-bluish;
   }
 
+  a {
+    color: $black-bluish;
+  }
+
   .mat-row, row-drop {
     border-radius: 3%;
     border-left-width: 1px;
@@ -186,6 +194,10 @@
     color: $black-bluish !important;
   }
 
+  .mat-menu-panel {
+    background: #FFFFFF !important
+  }
+
   .cancel-button{
     background-color: $red-primary !important;
     color: white !important;
@@ -245,10 +257,11 @@
   // END SCROLL BAR
 
   .mat-select-panel {
-    max-height: 300px !important;
-    max-width: 450px !important;
-    min-width: auto !important;
-    width: auto !important;
+    background: #FFFFFF !important;
+  }
+
+  .mat-option {
+    color: $black-bluish !important;
   }
 
   .block-title {
@@ -349,6 +362,14 @@
     background-color: whitesmoke;
   }
 
+  .mat-checkbox {
+    color: $gray-primary;
+  }
+
+  .mat-radio-button {
+    color: $gray-primary;
+  }
+
   .mat-checkbox-checked.mat-accent .mat-checkbox-background {
     background-color: $blue-primary;
   }
@@ -391,7 +412,7 @@
     color: $black-bluish !important;
   }
 
-  .mat-dialog-container .btn-ok {
+  .mat-dialog-container .btn- {
     color: white !important;
     background: $blue-primary !important;
     border: none;
@@ -458,7 +479,7 @@
   // END DRAG & DROP
 
   .text {
-    color: $black-bluish;
+    color: $black-bluish !important;
   }
 
   .no-results {
@@ -532,21 +553,21 @@
   // END CALENDAR
 
   .mat-raised-button.mat-accent {
-    background: $gray-blue-primary !important;;
+    background: $gray-blue-primary !important;
   }
 
   // HEADER
 
   .sc-header {
-    background: #FFFFFF !important;
+    background: #FFFFFF;
   }
 
   .global-search {
-    background: #EFF3F6 !important;
+    background: #EFF3F6;
   }
 
   .global-search-input {
-    background: #EFF3F6 !important;
+    background: #EFF3F6;
   }
 
   .global-search-separator {

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

@@ -1104,18 +1104,19 @@
         'COMMON.HEADER.GLOBAL_SEARCH.PLACEHOLDER': 'Search ...',
         // HEADER HISTORY
         'COMMON.HEADER.HISTORY.PRODUCT': 'Product',
-        'COMMON.HEADER.HISTORY.PO': 'Purchase order',
+        'COMMON.HEADER.HISTORY.PO': 'PO',
         'COMMON.HEADER.HISTORY.WORK': 'Work',
         'COMMON.HEADER.HISTORY.DEAL': 'Deal',
         'COMMON.HEADER.HISTORY.CONTRACT_ACQ': 'Contract',
         'COMMON.HEADER.HISTORY.CONTRACT_CESS': 'Contract',
+        'COMMON.HEADER.HISTORY.BUDGET': 'Budget',
         'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE': 'No history available',
         // HEADER CREATION
-        'COMMON.HEADER.CREATION.PRODUCT': 'Create a product',
-        'COMMON.HEADER.CREATION.PO': 'Create a purchase order',
-        'COMMON.HEADER.CREATION.DEAL': 'Create a deal',
-        'COMMON.HEADER.CREATION.CREATION_ACQ': 'Create an acquisition contract',
-        'COMMON.HEADER.CREATION.CREATION_CESS': 'Create a cession contract',
+        'COMMON.HEADER.CREATION.PRODUCT': 'create a product',
+        'COMMON.HEADER.CREATION.PO': 'create a purchase order',
+        'COMMON.HEADER.CREATION.DEAL': 'create a deal',
+        'COMMON.HEADER.CREATION.CREATION_ACQ': 'create an acquisition contract',
+        'COMMON.HEADER.CREATION.CREATION_CESS': 'create a cession contract',
         // HEADER CONNECTED AS
         'COMMON.HEADER.CONNECTED_AS': 'Connected as',
         'COMMON.HEADER.STOP': 'Stop'
@@ -1150,13 +1151,14 @@
         'COMMON.HEADER.HISTORY.DEAL': 'Deal',
         'COMMON.HEADER.HISTORY.CONTRACT_ACQ': 'Contrat',
         'COMMON.HEADER.HISTORY.CONTRACT_CESS': 'Contrat',
+        'COMMON.HEADER.HISTORY.BUDGET': 'Budget',
         'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE': 'Pas d\'historique disponible',
         // HEADER CREATION
-        'COMMON.HEADER.CREATION.PRODUCT': 'Créer un produit',
-        'COMMON.HEADER.CREATION.PO': 'Créer une commande',
-        'COMMON.HEADER.CREATION.DEAL': 'Créer un deal',
-        'COMMON.HEADER.CREATION.CREATION_ACQ': 'Créer un contrat d\'acquisition',
-        'COMMON.HEADER.CREATION.CREATION_CESS': 'Créer un contrat de cession',
+        'COMMON.HEADER.CREATION.PRODUCT': 'créer un produit',
+        'COMMON.HEADER.CREATION.PO': 'créer une commande',
+        'COMMON.HEADER.CREATION.DEAL': 'créer un deal',
+        'COMMON.HEADER.CREATION.CREATION_ACQ': 'créer un contrat d\'acquisition',
+        'COMMON.HEADER.CREATION.CREATION_CESS': 'créer un contrat de cession',
         // HEADER CONNECTED AS
         'COMMON.HEADER.CONNECTED_AS': 'Connectée en tant que',
         'COMMON.HEADER.STOP': 'Arrêter'
@@ -1186,18 +1188,19 @@
         'COMMON.HEADER.GLOBAL_SEARCH.PLACEHOLDER': 'Search ...',
         // HEADER HISTORY
         'COMMON.HEADER.HISTORY.PRODUCT': 'Product',
-        'COMMON.HEADER.HISTORY.PO': 'Purchase order',
+        'COMMON.HEADER.HISTORY.PO': 'PO',
         'COMMON.HEADER.HISTORY.WORK': 'Work',
         'COMMON.HEADER.HISTORY.DEAL': 'Deal',
         'COMMON.HEADER.HISTORY.CONTRACT_ACQ': 'Contract',
         'COMMON.HEADER.HISTORY.CONTRACT_CESS': 'Contract',
+        'COMMON.HEADER.HISTORY.BUDGET': 'Budget',
         'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE': 'No history available',
         // HEADER CREATION
-        'COMMON.HEADER.CREATION.PRODUCT': 'Create a product',
-        'COMMON.HEADER.CREATION.PO': 'Create a purchase order',
-        'COMMON.HEADER.CREATION.DEAL': 'Create a deal',
-        'COMMON.HEADER.CREATION.CREATION_ACQ': 'Create an acquisition contract',
-        'COMMON.HEADER.CREATION.CREATION_CESS': 'Create a cession contract',
+        'COMMON.HEADER.CREATION.PRODUCT': 'create a product',
+        'COMMON.HEADER.CREATION.PO': 'create a purchase order',
+        'COMMON.HEADER.CREATION.DEAL': 'create a deal',
+        'COMMON.HEADER.CREATION.CREATION_ACQ': 'create an acquisition contract',
+        'COMMON.HEADER.CREATION.CREATION_CESS': 'create a cession contract',
         // HEADER CONNECTED AS
         'COMMON.HEADER.CONNECTED_AS': 'Connected as',
         'COMMON.HEADER.STOP': 'Stop'
@@ -1358,7 +1361,7 @@
         return HeaderComponent;
     }());
     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: 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 fxFlex=\"row\" fxLayoutAlign=\"space-between center\" class=\"sc-header\" [ngClass]=\"{ 'light-header': theme !== 'dark' }\">\r\n    <span fxLayout=\"row\" fxLayoutAlign=\"center end\">\r\n      <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n      <span [attr.id]=\"'env-' + env\" class=\"env\" *ngIf=\"env != 'prod'\">{{env}}</span>\r\n    </span>\r\n    <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n    <span fxFlex=\"5\" class=\"material-icons header-icon\" (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\">history</span>\r\n      <mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\r\n          <ng-container *ngFor=\"let history of historyList\" [ngSwitch]=\"history.type\">\r\n            <button mat-menu-item *ngSwitchCase=\"'PRODUCT'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n              <span class=\"material-icons-outlined\">theaters</span>\r\n              {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang }}{{history.type}} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'PO'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >receipt_long</span>\r\n              {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'DEAL'\" (click)=\"navigate('commercial', '/deal/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >local_offer</span>\r\n              {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'WORK'\" (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\">\r\n              <span class=\"material-icons-outlined\" >theaters</span>\r\n              {{ 'COMMON.HEADER.HISTORY.WORK' | commonTranslate : lang }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'CONTRACT_ACQ'\" (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >assignment</span>\r\n              {{ 'COMMON.HEADER.HISTORY.CONTRACT-ACQ' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'CONTRACT_CESS'\" (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >article</span>\r\n              {{ 'COMMON.HEADER.HISTORY.CONTRACT-CESS' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\">\r\n              <span class=\"material-icons-outlined\" >not_interested</span>\r\n              {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang  }}\r\n            </button>\r\n          </ng-container>\r\n      </mat-menu>\r\n    <span fxFlex=\"5\" [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\">grid_view</span>\r\n    <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n      <!--DASHBOARD-->\r\n      <button mat-menu-item (click)=\"navigate(null, '/dashboard')\">\r\n        <span class=\"material-icons-outlined\">apps</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.DASHBOARD' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--COMMERCIAL-->\r\n      <span *ngxPermissionsOnly=\"['COMMERCIAL']\">\r\n        <button mat-menu-item (click)=\"navigate('commercial', '/deal/search')\">\r\n        <span class=\"material-icons-outlined\">local_offer</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.DEAL' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/work-record/search')\">\r\n        <span class=\"material-icons-outlined\">theaters</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.WORK_RECORD' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/work-record/vod-search')\">\r\n        <span class=\"material-icons-outlined\">manage_search</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.VOD_SEARCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              (click)=\"navigate('commercial', '/accounting-closing/consult')\">\r\n        <span class=\"material-icons-outlined\">account_balance_wallet</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.ACCOUNTING_CLOSING' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/invoice/search')\">\r\n        <span class=\"material-icons-outlined\">receipt</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.INVOICE' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              (click)=\"navigate('commercial', '/turnover/search')\">\r\n        <span class=\"material-icons-outlined\">request_quote</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.TURNOVER' | commonTranslate: lang }}</span>\r\n      </button>\r\n      </span>\r\n      <!--USER-->\r\n      <button mat-menu-item *ngIf=\"user && user.admin\" (click)=\"navigate('user', '/account/authorization/search')\">\r\n        <span class=\"material-icons-outlined\">manage_accounts</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--REFERENTIAL-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('referential', '/support/list')\">\r\n        <span class=\"material-icons-outlined\">support</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.SUPPORT' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--BATCH-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('batch', '/jobs/referential')\">\r\n        <span class=\"material-icons-outlined\">autorenew</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.BATCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--TV DATA-->\r\n      <button mat-menu-item  *ngxPermissionsOnly=\"['TVDATA']\" (click)=\"navigate('tvdata', '/infos-center')\">\r\n        <span class=\"material-icons-outlined\">source</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.TV-DATA' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--EXPENDITURE COMMITMENT-->\r\n      <button mat-menu-item *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\" (click)=\"navigate('expenditure-commitment', '/home/commands')\">\r\n        <span class=\"material-icons-outlined\">receipt_long</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.EXPENDITURE_COMMITMENT' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--BI-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE BI']\" (click)=\"navigate('bi', '/simple-search/form')\">\r\n        <span class=\"material-icons-outlined\">travel_explore</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.BI.SEARCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--LEGAL-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['LEGAL']\" (click)=\"navigate('legal', '/contracts/menu/legals-det')\">\r\n        <span class=\"material-icons-outlined\">gavel</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.LEGAL' | commonTranslate: lang }}</span>\r\n      </button>\r\n    </mat-menu>\r\n\r\n    <div fxFlex=\"60\" class=\"global-search\">\r\n      <i class=\"material-icons global-search-icon header-icon\"  (click)=\"search()\">search</i>\r\n      <span class=\"global-search-separator\"></span>\r\n\r\n      <input fxFlex=\"80\" class=\"global-search-input\" (keyup.enter)=\"search()\" placeholder=\"{{ 'COMMON.HEADER.GLOBAL_SEARCH.PLACEHOLDER' | commonTranslate: lang }}\"\r\n        [(ngModel)]=\"inputText\"/>\r\n      <button mat-raised-button class=\"btn advanced-button\" (click)=\"search()\">\r\n        <span class=\"material-icons icon\" >flash_on</span>\r\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang }}\r\n      </button>\r\n    </div>\r\n\r\n    <span fxFlex=\"10\"></span>\r\n    <span fxFlex=\"5\" class=\"material-icons-outlined header-icon\" [matMenuTriggerFor]=\"menu\">add_box</span>\r\n    <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n      <button mat-menu-item (click)=\"navigate('video', '/product/form')\">\r\n        <span class=\"material-icons-outlined\">theaters</span>\r\n        {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\">\r\n        <span class=\"material-icons-outlined\">receipt_long</span>\r\n        {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/deal/form')\">\r\n        <span class=\"material-icons-outlined\">local_offer</span>\r\n        {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-acq')\">\r\n        <span class=\"material-icons-outlined\">assignment</span>\r\n        {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\">\r\n        <span class=\"material-icons-outlined\">article</span>\r\n        {{ 'COMMON.HEADER.CREATION.CREATION_CESS' | commonTranslate: lang }}\r\n      </button>\r\n    </mat-menu>\r\n\r\n    <div *ngIf=\"user && user.secondary\" class=\"connected-as\"\r\n         fxLayout=\"row\"\r\n         fxLayoutAlign=\"center center\"\r\n         fxLayoutGap=\"10px\">\r\n      <span>\r\n        {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }}  {{user.login + ' - ' + user.firstName + ' ' + user.name }}\r\n      </span>\r\n\r\n      <button *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button (click)=\"stopIdentityTheft()\">\r\n        {{ 'CORE.STOP' | commonTranslate: lang }}\r\n      </button>\r\n    </div>\r\n    <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n    <span fxFlex=\"5\" (click)=\"navigate('user', '/account/settings')\" class=\"material-icons-outlined header-icon\">settings</span>\r\n  </mat-toolbar>\r\n\r\n", styles: [".sc-header{height:64px;position:fixed;z-index:999}.logo-unity{height:48px;width:48px}.header-icon{width:22px;height:20px}.global-search{height:40px;background:#EFF3F6;padding:0;margin-left:30px;border-radius:8px}.global-search-icon{width:18px;height:18px;margin:10px 12px 10px 10px}.global-search-input{background:#EFF3F6;border:none;margin-left:10px;font-size:14px!important}.global-search-input:focus{outline:none}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC;margin-top:6px}.advanced-button{width:90px!important;min-width:90px!important;height:24px;background:#7C87FF;border:none;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;border-radius:4px;line-height:12px;color:#fff;margin:auto 5px auto auto;cursor:pointer;padding:0!important}.advanced-button .icon{font-size:12px;vertical-align:middle}.sc-header .header-icon{color:#809ec1;cursor:pointer;text-align:center}.header-separator{display:inline-block;height:25%;margin-top:6px}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-uat{background-color:#809ec1;color:#fff}#env-dev{background-color:#809ec1;color:#fff}#env-sbx{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.center{text-align:center}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mb-2{margin-bottom:2px}\n"], components: [{ type: i11__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i12__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i13__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"] }], directives: [{ type: i14__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: i14__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: i15__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i16__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: i14__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: i15__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i15__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i15__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i15__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i14__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 } });
+    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 fxFlex=\"row\" fxLayoutAlign=\"space-between center\" class=\"sc-header\" [ngClass]=\"{ 'light-header': theme !== 'dark' }\">\r\n    <span fxLayout=\"row\" fxLayoutAlign=\"center end\">\r\n      <img class=\"logo-unity\" src=\"./assets/img/unity_logo_48x48.png\">\r\n      <span [attr.id]=\"'env-' + env\" class=\"env\" *ngIf=\"env != 'prod'\">{{env}}</span>\r\n    </span>\r\n    <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n    <span fxFlex=\"5\" class=\"material-icons header-icon\" (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\">history</span>\r\n      <mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\r\n          <ng-container *ngFor=\"let history of historyList\" [ngSwitch]=\"history.type\">\r\n            <button mat-menu-item *ngSwitchCase=\"'PRODUCT'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n              <span class=\"material-icons-outlined\">theaters</span>\r\n              {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang }}{{history.type}} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'PO'\" (click)=\"navigate('expenditure-commitment', '/purchase-orders/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >receipt_long</span>\r\n              {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'DEAL'\" (click)=\"navigate('commercial', '/deal/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >local_offer</span>\r\n              {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'WORK'\" (click)=\"navigate('commercial', '/work-record/consult/'+ history.id +'/general')\">\r\n              <span class=\"material-icons-outlined\" >theaters</span>\r\n              {{ 'COMMON.HEADER.HISTORY.WORK' | commonTranslate : lang }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'CONTRACT_ACQ'\" (click)=\"navigate('legal', '/contracts/contract-acq/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >assignment</span>\r\n              {{ 'COMMON.HEADER.HISTORY.CONTRACT-ACQ' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'CONTRACT_CESS'\" (click)=\"navigate('legal', '/contracts/contract-cess/consult/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >article</span>\r\n              {{ 'COMMON.HEADER.HISTORY.CONTRACT-CESS' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'BUDGET'\" (click)=\"navigate('expenditure-commitment', '/budget/form/' + history.id)\">\r\n              <span class=\"material-icons-outlined\" >article</span>\r\n              {{ 'COMMON.HEADER.HISTORY.BUDGET' | commonTranslate : lang  }} {{history.ref}}\r\n            </button>\r\n            <button mat-menu-item *ngSwitchCase=\"'NO_HISTORY_AVAILABLE'\">\r\n              <span class=\"material-icons-outlined\" >not_interested</span>\r\n              {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang  }}\r\n            </button>\r\n          </ng-container>\r\n      </mat-menu>\r\n    <span fxFlex=\"5\" [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon\">grid_view</span>\r\n    <mat-menu #menu_global=\"matMenu\" class=\"action-menu\">\r\n      <!--DASHBOARD-->\r\n      <button mat-menu-item (click)=\"navigate(null, '/dashboard')\">\r\n        <span class=\"material-icons-outlined\">apps</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.DASHBOARD' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--COMMERCIAL-->\r\n      <span *ngxPermissionsOnly=\"['COMMERCIAL']\">\r\n        <button mat-menu-item (click)=\"navigate('commercial', '/deal/search')\">\r\n        <span class=\"material-icons-outlined\">local_offer</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.DEAL' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/work-record/search')\">\r\n        <span class=\"material-icons-outlined\">theaters</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.WORK_RECORD' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/work-record/vod-search')\">\r\n        <span class=\"material-icons-outlined\">manage_search</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.VOD_SEARCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              (click)=\"navigate('commercial', '/accounting-closing/consult')\">\r\n        <span class=\"material-icons-outlined\">account_balance_wallet</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.ACCOUNTING_CLOSING' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/invoice/search')\">\r\n        <span class=\"material-icons-outlined\">receipt</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.INVOICE' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n              (click)=\"navigate('commercial', '/turnover/search')\">\r\n        <span class=\"material-icons-outlined\">request_quote</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.COMMERCIAL.TURNOVER' | commonTranslate: lang }}</span>\r\n      </button>\r\n      </span>\r\n      <!--USER-->\r\n      <button mat-menu-item *ngIf=\"user && user.admin\" (click)=\"navigate('user', '/account/authorization/search')\">\r\n        <span class=\"material-icons-outlined\">manage_accounts</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--REFERENTIAL-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('referential', '/support/list')\">\r\n        <span class=\"material-icons-outlined\">support</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.SUPPORT' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--BATCH-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('batch', '/jobs/referential')\">\r\n        <span class=\"material-icons-outlined\">autorenew</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.REFERENTIAL.BATCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--TV DATA-->\r\n      <button mat-menu-item  *ngxPermissionsOnly=\"['TVDATA']\" (click)=\"navigate('tvdata', '/infos-center')\">\r\n        <span class=\"material-icons-outlined\">source</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.TV-DATA' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--EXPENDITURE COMMITMENT-->\r\n      <button mat-menu-item *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\" (click)=\"navigate('expenditure-commitment', '/home/commands')\">\r\n        <span class=\"material-icons-outlined\">receipt_long</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.EXPENDITURE_COMMITMENT' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--BI-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['MODULE BI']\" (click)=\"navigate('bi', '/simple-search/form')\">\r\n        <span class=\"material-icons-outlined\">travel_explore</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.BI.SEARCH' | commonTranslate: lang }}</span>\r\n      </button>\r\n      <!--LEGAL-->\r\n      <button mat-menu-item *ngxPermissionsOnly=\"['LEGAL']\" (click)=\"navigate('legal', '/contracts/menu/legals-det')\">\r\n        <span class=\"material-icons-outlined\">gavel</span>\r\n        <span>{{ 'COMMON.HEADER.MENU.LEGAL' | commonTranslate: lang }}</span>\r\n      </button>\r\n    </mat-menu>\r\n\r\n    <div fxFlex=\"60\" class=\"global-search\">\r\n      <i class=\"material-icons global-search-icon header-icon\"  (click)=\"search()\">search</i>\r\n      <span class=\"global-search-separator\"></span>\r\n\r\n      <input fxFlex=\"80\" class=\"global-search-input\" (keyup.enter)=\"search()\" placeholder=\"{{ 'COMMON.HEADER.GLOBAL_SEARCH.PLACEHOLDER' | commonTranslate: lang }}\"\r\n        [(ngModel)]=\"inputText\"/>\r\n      <button mat-raised-button class=\"btn advanced-button\" (click)=\"search()\">\r\n        <span class=\"material-icons icon\" >flash_on</span>\r\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang }}\r\n      </button>\r\n    </div>\r\n\r\n    <span fxFlex=\"10\"></span>\r\n    <span fxFlex=\"5\" class=\"material-icons-outlined header-icon\" [matMenuTriggerFor]=\"menu\">add_box</span>\r\n    <mat-menu #menu=\"matMenu\" class=\"action-menu\">\r\n      <button mat-menu-item (click)=\"navigate('video', '/product/form')\">\r\n        <span class=\"material-icons-outlined\">theaters</span>\r\n        {{ 'COMMON.HEADER.CREATION.PRODUCT' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('expenditure-commitment', '/purchase-orders/form')\">\r\n        <span class=\"material-icons-outlined\">receipt_long</span>\r\n        {{ 'COMMON.HEADER.CREATION.PO' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('commercial', '/deal/form')\">\r\n        <span class=\"material-icons-outlined\">local_offer</span>\r\n        {{ 'COMMON.HEADER.CREATION.DEAL' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-acq')\">\r\n        <span class=\"material-icons-outlined\">assignment</span>\r\n        {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n      </button>\r\n      <button mat-menu-item (click)=\"navigate('legal', '/contracts/menu/contracts-cess')\">\r\n        <span class=\"material-icons-outlined\">article</span>\r\n        {{ 'COMMON.HEADER.CREATION.CREATION_CESS' | commonTranslate: lang }}\r\n      </button>\r\n    </mat-menu>\r\n\r\n    <div *ngIf=\"user && user.secondary\" class=\"connected-as\"\r\n         fxLayout=\"row\"\r\n         fxLayoutAlign=\"center center\"\r\n         fxLayoutGap=\"10px\">\r\n      <span>\r\n        {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }}  {{user.login + ' - ' + user.firstName + ' ' + user.name }}\r\n      </span>\r\n\r\n      <button *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button (click)=\"stopIdentityTheft()\">\r\n        {{ 'CORE.STOP' | commonTranslate: lang }}\r\n      </button>\r\n    </div>\r\n    <span fxFlex=\"1\" class=\"header-separator\"></span>\r\n    <span fxFlex=\"5\" (click)=\"navigate('user', '/account/settings')\" class=\"material-icons-outlined header-icon\">settings</span>\r\n  </mat-toolbar>\r\n\r\n", styles: [".sc-header{height:64px;position:fixed;z-index:999}.logo-unity{height:48px;width:48px}.header-icon{width:22px;height:20px}.global-search{height:40px;background:#EFF3F6;padding:0;margin-left:30px;border-radius:8px}.global-search-icon{width:18px;height:18px;margin:10px 12px 10px 10px}.global-search-input{background:#EFF3F6;border:none;margin-left:10px;font-size:14px!important}.global-search-input:focus{outline:none}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC;margin-top:6px}.advanced-button{width:90px!important;min-width:90px!important;height:24px;background:#7C87FF;border:none;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;border-radius:4px;line-height:12px;color:#fff;margin:auto 5px auto auto;cursor:pointer;padding:0!important}.advanced-button .icon{font-size:12px;vertical-align:middle}.sc-header .header-icon{color:#809ec1;cursor:pointer;text-align:center}.header-separator{display:inline-block;height:25%;margin-top:6px}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-uat{background-color:#809ec1;color:#fff}#env-dev{background-color:#809ec1;color:#fff}#env-sbx{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.center{text-align:center}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mb-2{margin-bottom:2px}\n"], components: [{ type: i11__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i12__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i13__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"] }], directives: [{ type: i14__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: i14__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: i15__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i16__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: i14__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: i15__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i15__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i15__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i15__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i14__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 } });
     __decorate([
         Theme()
     ], HeaderComponent.prototype, "theme", void 0);