new-front-common-library 0.0.80 → 0.0.81-ERGO-ROBOTO

package/esm2015/lib/util/component/header/header.component.js

@@ -166,7 +166,7 @@ export class HeaderComponent {
     }
 }
 HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.Router }, { token: i2.LocalStorageEventsService }, { token: i3.LocalStorageService }, { token: i4.ToasterEventsService }, { token: i5.TranslateService }, { token: i6.CommonApiService }, { token: i7.SessionStorageService }, { token: i8.PermissionsService }, { token: i9.OverlayContainer }, { token: i10.CookieService }, { token: i11.LangService }, { token: i12.ElasticsearchService }, { token: WEB_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<mat-toolbar [ngClass]=\"{ 'light-header': theme !== 'dark' }\"\r\n             class=\"sc-header d-flex align-items-center\">\r\n  <span class=\"d-flex align-items-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\"></span>\r\n  <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon max-width-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' | 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.FINANCE' | 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    <!--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    <!--CALENDAR-->\r\n    <button (click)=\"navigate('calendar', '')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">calendar_month</span>\r\n      <span>{{ 'COMMON.HEADER.MENU.CALENDAR' | commonTranslate: lang }}</span>\r\n    </button>\r\n  </mat-menu>\r\n  <span class=\"header-separator\"></span>\r\n  <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon max-width-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', '/createContract/acq')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">shop_two</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('legal', '/createContract/sales')\" 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\t  <button (click)=\"navigate('legal', '/createContract/auth')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">account_circle</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_AUTH' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('pa', '/campaign/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">campaign</span>\r\n      {{ 'COMMON.HEADER.CREATION.CAMPAIGN' | commonTranslate: lang }}\r\n    </button>\r\n  </mat-menu>\r\n  <span class=\"header-separator\"></span>\r\n  <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\"\r\n        class=\"material-icons header-icon max-width-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 class=\"global-search d-flex max-width-60\">\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 class=\"max-width-100\" floatLabel=\"never\">\r\n      <div class=\"d-flex\">\r\n        <input [formControl]=\"formControlSearch\" [matAutocomplete]=\"autoSearch\"\r\n               class=\"global-search-input max-width-85\"\r\n               id=\"search-input\"\r\n               matInput\r\n               placeholder=\"search ...\"/>\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 (onSelectionChange)=\"onSelectSearch($event, doc)\"\r\n                      *ngFor=\"let doc of documents$ | async\"\r\n                      class=\"mat-option-global-search\">\r\n            <!--PURCHASE_ORDER-->\r\n            <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-70\">\r\n                  <span\r\n                    class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n                  <span>{{ doc.poNumber }}\r\n                    - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"ellipsis d-flex flex-column max-width-60\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-10\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-75 ellipsis\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-10\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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            <!--DEAL-->\r\n            <div *ngIf=\"doc.docType === RapidSearchItemType.DEAL\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">local_offer</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-70 ellipsis\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang }}</span>\r\n                  <span class=\"ellipsis\">{{ doc.dealNumber }} - {{doc.thirdPartyClientName}} ({{doc.thirdPartyClientSap}})</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang\r\n                    }}</span>\r\n                  <span>{{doc.calculatedAmount | currency: doc.currencyCode:'symbol'}}</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.VALIDATION_DATE' | commonTranslate: lang\r\n                    }}</span>\r\n                  <span>{{ doc.validationDate }}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-option>\r\n        </mat-autocomplete>\r\n      </div>\r\n\r\n    </mat-form-field>\r\n\r\n  </div>\r\n\r\n  <span class=\"d-flex flex-column max-width-15\"></span>\r\n  <div *ngIf=\"user && user.secondary\" class=\"connected-as d-flex justify-content-between align-items-center\">\r\n      <span style=\"margin-right: 10px\">\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\"></span>\r\n\r\n  <span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon max-width-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}.max-width-5{flex:1 1 5%;max-width:5%}.max-width-10{flex:1 1 10%;max-width:10%}.max-width-15{flex:1 1 15%;max-width:15%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}\n"], components: [{ type: i13.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i15.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i17.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i19.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i20.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i20.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i21.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i20.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i20.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i22.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: i23.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: i17.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i23.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i23.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "commonTranslate": i24.CommonTranslatePipe, "async": i20.AsyncPipe, "currency": i20.CurrencyPipe } });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<mat-toolbar [ngClass]=\"{ 'light-header': theme !== 'dark' }\"\r\n             class=\"sc-header d-flex align-items-center\">\r\n  <span class=\"d-flex align-items-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\"></span>\r\n  <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon max-width-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' | 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.FINANCE' | 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    <!--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    <!--CALENDAR-->\r\n    <button (click)=\"navigate('calendar', '')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">calendar_month</span>\r\n      <span>{{ 'COMMON.HEADER.MENU.CALENDAR' | commonTranslate: lang }}</span>\r\n    </button>\r\n  </mat-menu>\r\n  <span class=\"header-separator\"></span>\r\n  <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon max-width-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', '/createContract/acq')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">shop_two</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('legal', '/createContract/sales')\" 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\t  <button (click)=\"navigate('legal', '/createContract/auth')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">account_circle</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_AUTH' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('pa', '/campaign/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">campaign</span>\r\n      {{ 'COMMON.HEADER.CREATION.CAMPAIGN' | commonTranslate: lang }}\r\n    </button>\r\n  </mat-menu>\r\n  <span class=\"header-separator\"></span>\r\n  <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\"\r\n        class=\"material-icons header-icon max-width-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 class=\"global-search d-flex max-width-60\">\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 class=\"max-width-100\" floatLabel=\"never\">\r\n      <div class=\"d-flex\">\r\n        <input [formControl]=\"formControlSearch\" [matAutocomplete]=\"autoSearch\"\r\n               class=\"global-search-input max-width-85\"\r\n               id=\"search-input\"\r\n               matInput\r\n               placeholder=\"search ...\"/>\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 (onSelectionChange)=\"onSelectSearch($event, doc)\"\r\n                      *ngFor=\"let doc of documents$ | async\"\r\n                      class=\"mat-option-global-search\">\r\n            <!--PURCHASE_ORDER-->\r\n            <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-70\">\r\n                  <span\r\n                    class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n                  <span>{{ doc.poNumber }}\r\n                    - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"ellipsis d-flex flex-column max-width-60\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-10\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-75 ellipsis\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-10\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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            <!--DEAL-->\r\n            <div *ngIf=\"doc.docType === RapidSearchItemType.DEAL\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">local_offer</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-70 ellipsis\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang }}</span>\r\n                  <span class=\"ellipsis\">{{ doc.dealNumber }} - {{doc.thirdPartyClientName}} ({{doc.thirdPartyClientSap}})</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang\r\n                    }}</span>\r\n                  <span>{{doc.calculatedAmount | currency: doc.currencyCode:'symbol'}}</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.VALIDATION_DATE' | commonTranslate: lang\r\n                    }}</span>\r\n                  <span>{{ doc.validationDate }}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-option>\r\n        </mat-autocomplete>\r\n      </div>\r\n\r\n    </mat-form-field>\r\n\r\n  </div>\r\n\r\n  <span class=\"d-flex flex-column max-width-15\"></span>\r\n  <div *ngIf=\"user && user.secondary\" class=\"connected-as d-flex justify-content-between align-items-center\">\r\n      <span style=\"margin-right: 10px\">\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\"></span>\r\n\r\n  <span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon max-width-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:Roboto;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}.max-width-5{flex:1 1 5%;max-width:5%}.max-width-10{flex:1 1 10%;max-width:10%}.max-width-15{flex:1 1 15%;max-width:15%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}\n"], components: [{ type: i13.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i15.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i17.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i19.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i20.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i20.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i21.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i20.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i20.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i22.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: i23.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: i17.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i23.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i23.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "commonTranslate": i24.CommonTranslatePipe, "async": i20.AsyncPipe, "currency": i20.CurrencyPipe } });
 __decorate([
     Theme()
 ], HeaderComponent.prototype, "theme", void 0);

package/esm2015/lib/util/models/commercial/deal-rapid-search-model.js

@@ -1,3 +1,3 @@
 export class DealRapidSearchModel {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVhbC1yYXBpZC1zZWFyY2gtbW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXctZnJvbnQtY29tbW9uLWxpYnJhcnkvc3JjL2xpYi91dGlsL21vZGVscy9jb21tZXJjaWFsL2RlYWwtcmFwaWQtc2VhcmNoLW1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxvQkFBb0I7Q0FTaEMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgRGVhbFJhcGlkU2VhcmNoTW9kZWwge1xuICBwdWJsaWMgaWQ6IG51bWJlcjtcbiAgcHJpdmF0ZSBkb2NUeXBlOiBzdHJpbmc7XG4gIHB1YmxpYyBkZWFsTnVtYmVyOiBzdHJpbmc7XG4gIHB1YmxpYyBjYWxjdWxhdGVkQW1vdW50OiBudW1iZXI7XG4gIHB1YmxpYyBjdXJyZW5jeUNvZGU6IHN0cmluZztcbiAgcHVibGljIHZhbGlkYXRpb25EYXRlOiBzdHJpbmc7XG4gIHB1YmxpYyB0aGlyZFBhcnR5Q2xpZW50U2FwOiBzdHJpbmc7XG4gIHB1YmxpYyB0aGlyZFBhcnR5Q2xpZW50TmFtZTogc3RyaW5nO1xufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVhbC1yYXBpZC1zZWFyY2gtbW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXctZnJvbnQtY29tbW9uLWxpYnJhcnkvc3JjL2xpYi91dGlsL21vZGVscy9jb21tZXJjaWFsL2RlYWwtcmFwaWQtc2VhcmNoLW1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxvQkFBb0I7Q0FTaEMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgRGVhbFJhcGlkU2VhcmNoTW9kZWwge1xyXG4gIHB1YmxpYyBpZDogbnVtYmVyO1xyXG4gIHByaXZhdGUgZG9jVHlwZTogc3RyaW5nO1xyXG4gIHB1YmxpYyBkZWFsTnVtYmVyOiBzdHJpbmc7XHJcbiAgcHVibGljIGNhbGN1bGF0ZWRBbW91bnQ6IG51bWJlcjtcclxuICBwdWJsaWMgY3VycmVuY3lDb2RlOiBzdHJpbmc7XHJcbiAgcHVibGljIHZhbGlkYXRpb25EYXRlOiBzdHJpbmc7XHJcbiAgcHVibGljIHRoaXJkUGFydHlDbGllbnRTYXA6IHN0cmluZztcclxuICBwdWJsaWMgdGhpcmRQYXJ0eUNsaWVudE5hbWU6IHN0cmluZztcclxufSJdfQ==

package/esm2015/lib/util/services/elasticsearch/elasticsearch.service.js

@@ -43,6 +43,7 @@ export class ElasticsearchService {
                 { index: 'unity-deal*' },
                 {
                     query: { dis_max: { queries: [{ wildcard: { dealNumber: { value: '*' + text + '*' } } }] } },
+                    sort: [{ _score: { order: 'desc' } }, { 'dealNumber.keyword': { order: 'asc' } }],
                     size: 50
                 },
             ]
@@ -67,4 +68,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImpor
                     type: Inject,
                     args: [WEB_CONFIG]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxhc3RpY3NlYXJjaC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV3LWZyb250LWNvbW1vbi1saWJyYXJ5L3NyYy9saWIvdXRpbC9zZXJ2aWNlcy9lbGFzdGljc2VhcmNoL2VsYXN0aWNzZWFyY2guc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsTUFBTSxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUMsSUFBSSxFQUFhLE1BQU0sTUFBTSxDQUFDO0FBQ3RDLE9BQU8sRUFBQyxNQUFNLElBQUksUUFBUSxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFJekQsT0FBTyxFQUFTLFVBQVUsRUFBQyxNQUFNLGNBQWMsQ0FBQzs7QUFNaEQsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixZQUF3QyxNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtJQUN0RCxDQUFDO0lBSU8sc0JBQXNCO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxRQUFRLENBQUM7Z0JBQ3pCLElBQUksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLGlCQUFpQjthQUNwQyxDQUFDLENBQUM7U0FDSjtRQUNELE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRU0saUJBQWlCLENBQUMsSUFBWTtRQUNuQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQyxPQUFPLENBQUM7WUFDaEQsSUFBSSxFQUFFO2dCQUNKLEVBQUMsS0FBSyxFQUFFLHFCQUFxQixFQUFDO2dCQUM5QjtvQkFDRSxLQUFLLEVBQUU7d0JBQ0wsT0FBTyxFQUFFOzRCQUNQLE9BQU8sRUFBRSxDQUFDLEVBQUMsUUFBUSxFQUFFLEVBQUMsUUFBUSxFQUFFLEVBQUMsS0FB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QUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7Z0JBQzFGLE9BQU8sR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2hDO1NBQ0Y7UUFDRCxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDOztpSEE1RFUsb0JBQW9CLGtCQUVYLFVBQVU7cUhBRm5CLG9CQUFvQjsyRkFBcEIsb0JBQW9CO2tCQURoQyxVQUFVOzswQkFHSSxNQUFNOzJCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdCwgSW5qZWN0YWJsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7ZnJvbSwgT2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7Q2xpZW50IGFzIENsaWVudEpzfSBmcm9tICdlbGFzdGljc2VhcmNoLWJyb3dzZXInO1xyXG5pbXBvcnQge0NsaWVudCwgTVNlYXJjaFJlc3BvbnNlfSBmcm9tICdlbGFzdGljc2VhcmNoJztcclxuaW1wb3J0IHtQdXJjaGFzZU9yZGVyUmFwaWRTZWFyY2hNb2RlbH0gZnJvbSBcIi4uLy4uL21vZGVscy9leHBlbmRpdHVyZS1jb21taXRtZW50L3B1cmNoYXNlLW9yZGVyLXJhcGlkLXNlYXJjaC5tb2RlbFwiO1xyXG5pbXBvcnQge1Byb2R1Y3RSYXBpZFNlYXJjaE1vZGVsfSBmcm9tIFwiLi4vLi4vbW9kZWxzL3ZpZGVvL3Byb2R1Y3QtcmFwaWQtc2VhcmNoLm1vZGVsXCI7XHJcbmltcG9ydCB7Q29uZmlnLCBXRUJfQ09ORklHfSBmcm9tICcuLi8uLi9jb25maWcnO1xyXG5pbXBvcnQge1dvcmtWZXJzaW9uUmFwaWRTZWFyY2hNb2RlbH0gZnJvbSBcIi4uLy4uL21vZGVscy9yZWZlcmVudGlhbC93b3JrLXZlcnNpb24tcmFwaWQtc2VhcmNoLm1vZGVsXCI7XHJcbmltcG9ydCB7IERlYWxSYXBpZFNlYXJjaE1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2NvbW1lcmNpYWwvZGVhbC1yYXBpZC1zZWFyY2gtbW9kZWwnO1xyXG5cclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIEVsYXN0aWNzZWFyY2hTZXJ2aWNlIHtcclxuXHJcbiAgY29uc3RydWN0b3IoQEluamVjdChXRUJfQ09ORklHKSBwcml2YXRlIGNvbmZpZzogQ29uZmlnKSB7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGNsaWVudDogQ2xpZW50O1xyXG5cclxuICBwcml2YXRlIGdldEVsYXN0aWNzZWFyY2hDbGllbnQoKTogQ2xpZW50IHtcclxuICAgIGlmICghdGhpcy5jbGllbnQpIHtcclxuICAgICAgdGhpcy5jbGllbnQgPSBuZXcgQ2xpZW50SnMoe1xyXG4gICAgICAgIGhvc3Q6IHRoaXMuY29uZmlnLmVsYXN0aWNzZWFyY2hfdXJsXHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHRoaXMuY2xpZW50O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldFNlYXJjaFJlc3BvbnNlKHRleHQ6IHN0cmluZyk6IE9ic2VydmFibGU8TVNlYXJjaFJlc3BvbnNlPGFueT4+IHtcclxuICAgIHJldHVybiBmcm9tKHRoaXMuZ2V0RWxhc3RpY3NlYXJjaENsaWVudCgpLm1zZWFyY2goe1xyXG4gICAgICBib2R5OiBbXHJcbiAgICAgICAge2luZGV4OiAndW5pdHktd29yay12ZXJzaW9uKid9LFxyXG4gICAgICAgIHtcclxuICAgICAgICAgIHF1ZXJ5OiB7XHJcbiAgICAgICAgICAgIGRpc19tYXg6IHtcclxuICAgICAgICAgICAgICBxdWVyaWVzOiBbe3dpbGRjYXJkOiB7bWlsb0NvZGU6IHt2YWx1ZTogJyonICsgdGV4dCArICcqJ319fSwge3dpbGRjYXJkOiB7dGl0bGU6IHt2YWx1ZTogJyonICsgdGV4dCArICcqJ319fSwge3dpbGRjYXJkOiB7dGl0bGU6IHt2YWx1ZTogdGV4dCArICcqJ319fSwge3dpbGRjYXJkOiB7dGl0bGU6IHt2YWx1ZTogdGV4dH19fV0sXHJcbiAgICAgICAgICAgICAgdGllX2JyZWFrZXI6IDAuNVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgc29ydDogW3tfc2NvcmU6IHtvcmRlcjogJ2Rlc2MnfX0gLHt0aXRsZToge29yZGVyOiBcImFzY1wifX1dLFxyXG4gICAgICAgICAgc2l6ZTogNTBcclxuICAgICAgICB9LFxyXG4gICAgICAgIHtpbmRleDogJ3VuaXR5LXByb2R1Y3QqJ30sXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgcXVlcnk6IHtkaXNfbWF4OiB7cXVlcmllczogW3t3aWxkY2FyZDoge2Vhbjoge3ZhbHVlOiAnKicgKyB0ZXh0ICsgJyonfX19LCB7d2lsZGNhcmQ6IHt0aXRsZToge3ZhbHVlOiAnKicgKyB0ZXh0ICsgJyonfX19XX19LFxyXG4gICAgICAgICAgc29ydDoge3JlbGVhc2VEYXRlOiB7b3JkZXI6ICdkZXNjJ319LFxyXG4gICAgICAgICAgc2l6ZTogNTBcclxuICAgICAgICB9LFxyXG4gICAgICAgIHtpbmRleDogJ3VuaXR5LXB1cmNoYXNlLW9yZGVyKid9LFxyXG4gICAgICAgIHtcclxuICAgICAgICAgIHF1ZXJ5OiB7ZGlzX21heDoge3F1ZXJpZXM6IFt7d2lsZGNhcmQ6IHtwb051bWJlcjoge3ZhbHVlOiAnKicgKyB0ZXh0ICsgJyonfX19LCB7d2lsZGNhcmQ6IHtlYW46IHt2YWx1ZTogJyonICsgdGV4dCArICcqJ319fSwge3dpbGRjYXJkOiB7YmFza2V0TnVtYmVyOiB7dmFsdWU6ICcqJyArIHRleHQgKyAnKid9fX1dfX0sXHJcbiAgICAgICAgICBzaXplOiA1MFxyXG4gICAgICAgIH0sXHJcblxyXG4gICAgICAgIHsgaW5kZXg6ICd1bml0eS1kZWFsKicgfSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICBxdWVyeTogeyBkaXNfbWF4OiB7IHF1ZXJpZXM6IFt7IHdpbGRjYXJkOiB7IGRlYWxOdW1iZXI6IHsgdmFsdWU6ICcqJyArIHRleHQgKyAnKicgfSB9IH0gXSB9IH0sXHJcbiAgICAgICAgICBzaXplOiA1MFxyXG4gICAgICAgIH0sXHJcbiAgICAgIF1cclxuICAgIH0pKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXREb2N1bWVudHMoc2VhcmNoUmVzcG9uc2U6IGFueSk6IChQdXJjaGFzZU9yZGVyUmFwaWRTZWFyY2hNb2RlbCB8IFByb2R1Y3RSYXBpZFNlYXJjaE1vZGVsIHwgV29ya1ZlcnNpb25SYXBpZFNlYXJjaE1vZGVsIHwgRGVhbFJhcGlkU2VhcmNoTW9kZWwpW10ge1xyXG4gICAgbGV0IHJlc3VsdHMgPSBbXTtcclxuICAgIGlmIChzZWFyY2hSZXNwb25zZSAmJiBzZWFyY2hSZXNwb25zZS5yZXNwb25zZXMpIHtcclxuICAgICAgZm9yIChjb25zdCByIG9mIHNlYXJjaFJlc3BvbnNlLnJlc3BvbnNlcykge1xyXG4gICAgICAgIGNvbnN0IGl0ZW0gPSByLmhpdHMuaGl0cyAmJiByLmhpdHMuaGl0cy5sZW5ndGggPiAwID8gci5oaXRzLmhpdHMubWFwKHYgPT4gdi5fc291cmNlKSA6IFtdO1xyXG4gICAgICAgIHJlc3VsdHMgPSByZXN1bHRzLmNvbmNhdChpdGVtKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIHJlc3VsdHM7XHJcbiAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxhc3RpY3NlYXJjaC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV3LWZyb250LWNvbW1vbi1saWJyYXJ5L3NyYy9saWIvdXRpbC9zZXJ2aWNlcy9lbGFzdGljc2VhcmNoL2VsYXN0aWNzZWFyY2guc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsTUFBTSxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUMsSUFBSSxFQUFhLE1BQU0sTUFBTSxDQUFDO0FBQ3RDLE9BQU8sRUFBQyxNQUFNLElBQUksUUFBUSxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFJekQsT0FBTyxFQUFTLFVBQVUsRUFBQyxNQUFNLGNBQWMsQ0FBQzs7QUFNaEQsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixZQUF3QyxNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtJQUN0RCxDQUFDO0lBSU8sc0JBQXNCO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxRQUFRLENBQUM7Z0JBQ3pCLElBQUksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLGlCQUFpQjthQUNwQyxDQUFDLENBQUM7U0FDSjtRQUNELE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRU0saUJBQWlCLENBQUMsSUFBWTtRQUNuQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQyxPQUFPLENBQUM7WUFDaEQsSUFBSSxFQUFFO2dCQUNKLEVBQUMsS0FBSyxFQUFFLHFCQUFxQixFQUFDO2dCQUM5QjtvQkFDRSxLQUFLLEVBQUU7d0JBQ0wsT0FBTyxFQUFFOzRCQUNQLE9BQU8sRUFBRSxDQUFDLEVBQUMsUUFBUSxFQUFFLEVBQUMsUUFBUSxFQUFFLEVBQUMsS0FB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QUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUMxRixPQUFPLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNoQztTQUNGO1FBQ0QsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQzs7aUhBN0RVLG9CQUFvQixrQkFFWCxVQUFVO3FIQUZuQixvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFEaEMsVUFBVTs7MEJBR0ksTUFBTTsyQkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJbmplY3QsIEluamVjdGFibGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge2Zyb20sIE9ic2VydmFibGV9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQge0NsaWVudCBhcyBDbGllbnRKc30gZnJvbSAnZWxhc3RpY3NlYXJjaC1icm93c2VyJztcclxuaW1wb3J0IHtDbGllbnQsIE1TZWFyY2hSZXNwb25zZX0gZnJvbSAnZWxhc3RpY3NlYXJjaCc7XHJcbmltcG9ydCB7UHVyY2hhc2VPcmRlclJhcGlkU2VhcmNoTW9kZWx9IGZyb20gXCIuLi8uLi9tb2RlbHMvZXhwZW5kaXR1cmUtY29tbWl0bWVudC9wdXJjaGFzZS1vcmRlci1yYXBpZC1zZWFyY2gubW9kZWxcIjtcclxuaW1wb3J0IHtQcm9kdWN0UmFwaWRTZWFyY2hNb2RlbH0gZnJvbSBcIi4uLy4uL21vZGVscy92aWRlby9wcm9kdWN0LXJhcGlkLXNlYXJjaC5tb2RlbFwiO1xyXG5pbXBvcnQge0NvbmZpZywgV0VCX0NPTkZJR30gZnJvbSAnLi4vLi4vY29uZmlnJztcclxuaW1wb3J0IHtXb3JrVmVyc2lvblJhcGlkU2VhcmNoTW9kZWx9IGZyb20gXCIuLi8uLi9tb2RlbHMvcmVmZXJlbnRpYWwvd29yay12ZXJzaW9uLXJhcGlkLXNlYXJjaC5tb2RlbFwiO1xyXG5pbXBvcnQgeyBEZWFsUmFwaWRTZWFyY2hNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9jb21tZXJjaWFsL2RlYWwtcmFwaWQtc2VhcmNoLW1vZGVsJztcclxuXHJcblxyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBFbGFzdGljc2VhcmNoU2VydmljZSB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoV0VCX0NPTkZJRykgcHJpdmF0ZSBjb25maWc6IENvbmZpZykge1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBjbGllbnQ6IENsaWVudDtcclxuXHJcbiAgcHJpdmF0ZSBnZXRFbGFzdGljc2VhcmNoQ2xpZW50KCk6IENsaWVudCB7XHJcbiAgICBpZiAoIXRoaXMuY2xpZW50KSB7XHJcbiAgICAgIHRoaXMuY2xpZW50ID0gbmV3IENsaWVudEpzKHtcclxuICAgICAgICBob3N0OiB0aGlzLmNvbmZpZy5lbGFzdGljc2VhcmNoX3VybFxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICAgIHJldHVybiB0aGlzLmNsaWVudDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRTZWFyY2hSZXNwb25zZSh0ZXh0OiBzdHJpbmcpOiBPYnNlcnZhYmxlPE1TZWFyY2hSZXNwb25zZTxhbnk+PiB7XHJcbiAgICByZXR1cm4gZnJvbSh0aGlzLmdldEVsYXN0aWNzZWFyY2hDbGllbnQoKS5tc2VhcmNoKHtcclxuICAgICAgYm9keTogW1xyXG4gICAgICAgIHtpbmRleDogJ3VuaXR5LXdvcmstdmVyc2lvbionfSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICBxdWVyeToge1xyXG4gICAgICAgICAgICBkaXNfbWF4OiB7XHJcbiAgICAgICAgICAgICAgcXVlcmllczogW3t3aWxkY2FyZDoge21pbG9Db2RlOiB7dmFsdWU6ICcqJyArIHRleHQgKyAnKid9fX0sIHt3aWxkY2FyZDoge3RpdGxlOiB7dmFsdWU6ICcqJyArIHRleHQgKyAnKid9fX0sIHt3aWxkY2FyZDoge3RpdGxlOiB7dmFsdWU6IHRleHQgKyAnKid9fX0sIHt3aWxkY2FyZDoge3RpdGxlOiB7dmFsdWU6IHRleHR9fX1dLFxyXG4gICAgICAgICAgICAgIHRpZV9icmVha2VyOiAwLjVcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgfSxcclxuICAgICAgICAgIHNvcnQ6IFt7X3Njb3JlOiB7b3JkZXI6ICdkZXNjJ319ICx7dGl0bGU6IHtvcmRlcjogXCJhc2NcIn19XSxcclxuICAgICAgICAgIHNpemU6IDUwXHJcbiAgICAgICAgfSxcclxuICAgICAgICB7aW5kZXg6ICd1bml0eS1wcm9kdWN0Kid9LFxyXG4gICAgICAgIHtcclxuICAgICAgICAgIHF1ZXJ5OiB7ZGlzX21heDoge3F1ZXJpZXM6IFt7d2lsZGNhcmQ6IHtlYW46IHt2YWx1ZTogJyonICsgdGV4dCArICcqJ319fSwge3dpbGRjYXJkOiB7dGl0bGU6IHt2YWx1ZTogJyonICsgdGV4dCArICcqJ319fV19fSxcclxuICAgICAgICAgIHNvcnQ6IHtyZWxlYXNlRGF0ZToge29yZGVyOiAnZGVzYyd9fSxcclxuICAgICAgICAgIHNpemU6IDUwXHJcbiAgICAgICAgfSxcclxuICAgICAgICB7aW5kZXg6ICd1bml0eS1wdXJjaGFzZS1vcmRlcionfSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICBxdWVyeToge2Rpc19tYXg6IHtxdWVyaWVzOiBbe3dpbGRjYXJkOiB7cG9OdW1iZXI6IHt2YWx1ZTogJyonICsgdGV4dCArICcqJ319fSwge3dpbGRjYXJkOiB7ZWFuOiB7dmFsdWU6ICcqJyArIHRleHQgKyAnKid9fX0sIHt3aWxkY2FyZDoge2Jhc2tldE51bWJlcjoge3ZhbHVlOiAnKicgKyB0ZXh0ICsgJyonfX19XX19LFxyXG4gICAgICAgICAgc2l6ZTogNTBcclxuICAgICAgICB9LFxyXG5cclxuICAgICAgICB7IGluZGV4OiAndW5pdHktZGVhbConIH0sXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgcXVlcnk6IHsgZGlzX21heDogeyBxdWVyaWVzOiBbeyB3aWxkY2FyZDogeyBkZWFsTnVtYmVyOiB7IHZhbHVlOiAnKicgKyB0ZXh0ICsgJyonIH0gfSB9XSB9IH0sXHJcbiAgICAgICAgICBzb3J0OiBbeyBfc2NvcmU6IHsgb3JkZXI6ICdkZXNjJyB9IH0sIHsgJ2RlYWxOdW1iZXIua2V5d29yZCc6IHsgb3JkZXI6ICdhc2MnIH0gfV0sXHJcbiAgICAgICAgICBzaXplOiA1MFxyXG4gICAgICAgIH0sXHJcbiAgICAgIF1cclxuICAgIH0pKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXREb2N1bWVudHMoc2VhcmNoUmVzcG9uc2U6IGFueSk6IChQdXJjaGFzZU9yZGVyUmFwaWRTZWFyY2hNb2RlbCB8IFByb2R1Y3RSYXBpZFNlYXJjaE1vZGVsIHwgV29ya1ZlcnNpb25SYXBpZFNlYXJjaE1vZGVsIHwgRGVhbFJhcGlkU2VhcmNoTW9kZWwpW10ge1xyXG4gICAgbGV0IHJlc3VsdHMgPSBbXTtcclxuICAgIGlmIChzZWFyY2hSZXNwb25zZSAmJiBzZWFyY2hSZXNwb25zZS5yZXNwb25zZXMpIHtcclxuICAgICAgZm9yIChjb25zdCByIG9mIHNlYXJjaFJlc3BvbnNlLnJlc3BvbnNlcykge1xyXG4gICAgICAgIGNvbnN0IGl0ZW0gPSByLmhpdHMuaGl0cyAmJiByLmhpdHMuaGl0cy5sZW5ndGggPiAwID8gci5oaXRzLmhpdHMubWFwKHYgPT4gdi5fc291cmNlKSA6IFtdO1xyXG4gICAgICAgIHJlc3VsdHMgPSByZXN1bHRzLmNvbmNhdChpdGVtKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIHJlc3VsdHM7XHJcbiAgfVxyXG59XHJcbiJdfQ==

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

@@ -805,6 +805,7 @@ class ElasticsearchService {
                 { index: 'unity-deal*' },
                 {
                     query: { dis_max: { queries: [{ wildcard: { dealNumber: { value: '*' + text + '*' } } }] } },
+                    sort: [{ _score: { order: 'desc' } }, { 'dealNumber.keyword': { order: 'asc' } }],
                     size: 50
                 },
             ]
@@ -1173,7 +1174,7 @@ class HeaderComponent {
     }
 }
 HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0, type: HeaderComponent, deps: [{ token: i1$3.Router }, { token: LocalStorageEventsService }, { token: LocalStorageService }, { token: ToasterEventsService }, { token: i2$1.TranslateService }, { token: CommonApiService }, { token: SessionStorageService }, { token: PermissionsService }, { token: i9.OverlayContainer }, { token: i1.CookieService }, { token: LangService }, { token: ElasticsearchService }, { token: WEB_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<mat-toolbar [ngClass]=\"{ 'light-header': theme !== 'dark' }\"\r\n             class=\"sc-header d-flex align-items-center\">\r\n  <span class=\"d-flex align-items-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\"></span>\r\n  <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon max-width-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' | 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.FINANCE' | 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    <!--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    <!--CALENDAR-->\r\n    <button (click)=\"navigate('calendar', '')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">calendar_month</span>\r\n      <span>{{ 'COMMON.HEADER.MENU.CALENDAR' | commonTranslate: lang }}</span>\r\n    </button>\r\n  </mat-menu>\r\n  <span class=\"header-separator\"></span>\r\n  <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon max-width-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', '/createContract/acq')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">shop_two</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('legal', '/createContract/sales')\" 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\t  <button (click)=\"navigate('legal', '/createContract/auth')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">account_circle</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_AUTH' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('pa', '/campaign/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">campaign</span>\r\n      {{ 'COMMON.HEADER.CREATION.CAMPAIGN' | commonTranslate: lang }}\r\n    </button>\r\n  </mat-menu>\r\n  <span class=\"header-separator\"></span>\r\n  <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\"\r\n        class=\"material-icons header-icon max-width-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 class=\"global-search d-flex max-width-60\">\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 class=\"max-width-100\" floatLabel=\"never\">\r\n      <div class=\"d-flex\">\r\n        <input [formControl]=\"formControlSearch\" [matAutocomplete]=\"autoSearch\"\r\n               class=\"global-search-input max-width-85\"\r\n               id=\"search-input\"\r\n               matInput\r\n               placeholder=\"search ...\"/>\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 (onSelectionChange)=\"onSelectSearch($event, doc)\"\r\n                      *ngFor=\"let doc of documents$ | async\"\r\n                      class=\"mat-option-global-search\">\r\n            <!--PURCHASE_ORDER-->\r\n            <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-70\">\r\n                  <span\r\n                    class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n                  <span>{{ doc.poNumber }}\r\n                    - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"ellipsis d-flex flex-column max-width-60\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-10\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-75 ellipsis\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-10\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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            <!--DEAL-->\r\n            <div *ngIf=\"doc.docType === RapidSearchItemType.DEAL\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">local_offer</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-70 ellipsis\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang }}</span>\r\n                  <span class=\"ellipsis\">{{ doc.dealNumber }} - {{doc.thirdPartyClientName}} ({{doc.thirdPartyClientSap}})</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang\r\n                    }}</span>\r\n                  <span>{{doc.calculatedAmount | currency: doc.currencyCode:'symbol'}}</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.VALIDATION_DATE' | commonTranslate: lang\r\n                    }}</span>\r\n                  <span>{{ doc.validationDate }}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-option>\r\n        </mat-autocomplete>\r\n      </div>\r\n\r\n    </mat-form-field>\r\n\r\n  </div>\r\n\r\n  <span class=\"d-flex flex-column max-width-15\"></span>\r\n  <div *ngIf=\"user && user.secondary\" class=\"connected-as d-flex justify-content-between align-items-center\">\r\n      <span style=\"margin-right: 10px\">\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\"></span>\r\n\r\n  <span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon max-width-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}.max-width-5{flex:1 1 5%;max-width:5%}.max-width-10{flex:1 1 10%;max-width:10%}.max-width-15{flex:1 1 15%;max-width:15%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}\n"], components: [{ type: i13.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i17.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i19.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i20.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i20.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i1$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i20.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i20.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i22.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i17.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "commonTranslate": CommonTranslatePipe, "async": i20.AsyncPipe, "currency": i20.CurrencyPipe } });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<mat-toolbar [ngClass]=\"{ 'light-header': theme !== 'dark' }\"\r\n             class=\"sc-header d-flex align-items-center\">\r\n  <span class=\"d-flex align-items-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\"></span>\r\n  <span [matMenuTriggerFor]=\"menu_global\" class=\"material-icons header-icon max-width-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' | 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.FINANCE' | 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    <!--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    <!--CALENDAR-->\r\n    <button (click)=\"navigate('calendar', '')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">calendar_month</span>\r\n      <span>{{ 'COMMON.HEADER.MENU.CALENDAR' | commonTranslate: lang }}</span>\r\n    </button>\r\n  </mat-menu>\r\n  <span class=\"header-separator\"></span>\r\n  <span [matMenuTriggerFor]=\"menu\" class=\"material-icons-outlined header-icon max-width-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', '/createContract/acq')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">shop_two</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_ACQ' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('legal', '/createContract/sales')\" 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\t  <button (click)=\"navigate('legal', '/createContract/auth')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">account_circle</span>\r\n      {{ 'COMMON.HEADER.CREATION.CREATION_AUTH' | commonTranslate: lang }}\r\n    </button>\r\n    <button (click)=\"navigate('pa', '/campaign/form')\" mat-menu-item>\r\n      <span class=\"material-icons-outlined\">campaign</span>\r\n      {{ 'COMMON.HEADER.CREATION.CAMPAIGN' | commonTranslate: lang }}\r\n    </button>\r\n  </mat-menu>\r\n  <span class=\"header-separator\"></span>\r\n  <span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\"\r\n        class=\"material-icons header-icon max-width-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 class=\"global-search d-flex max-width-60\">\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 class=\"max-width-100\" floatLabel=\"never\">\r\n      <div class=\"d-flex\">\r\n        <input [formControl]=\"formControlSearch\" [matAutocomplete]=\"autoSearch\"\r\n               class=\"global-search-input max-width-85\"\r\n               id=\"search-input\"\r\n               matInput\r\n               placeholder=\"search ...\"/>\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 (onSelectionChange)=\"onSelectSearch($event, doc)\"\r\n                      *ngFor=\"let doc of documents$ | async\"\r\n                      class=\"mat-option-global-search\">\r\n            <!--PURCHASE_ORDER-->\r\n            <div *ngIf=\"doc.docType === RapidSearchItemType.PURCHASE_ORDER\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-70\">\r\n                  <span\r\n                    class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang }}</span>\r\n                  <span>{{ doc.poNumber }}\r\n                    - {{ doc.totalAmount | currency: doc.currencyCode:'symbol':undefined:'fr-FR'}}</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"ellipsis d-flex flex-column max-width-60\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-10\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-75 ellipsis\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-10\">\r\n                  <span\r\n                    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 class=\"d-flex flex-column max-width-15\">\r\n                  <span\r\n                    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            <!--DEAL-->\r\n            <div *ngIf=\"doc.docType === RapidSearchItemType.DEAL\" class=\"d-flex align-items-center\">\r\n              <div class=\"max-width-5\">\r\n                <span class=\"material-icons-outlined rapid-search-type-icon\">local_offer</span>\r\n              </div>\r\n              <div class=\"d-flex max-width-95\">\r\n                <div class=\"d-flex flex-column max-width-70 ellipsis\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang }}</span>\r\n                  <span class=\"ellipsis\">{{ doc.dealNumber }} - {{doc.thirdPartyClientName}} ({{doc.thirdPartyClientSap}})</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang\r\n                    }}</span>\r\n                  <span>{{doc.calculatedAmount | currency: doc.currencyCode:'symbol'}}</span>\r\n                </div>\r\n                <div class=\"d-flex flex-column max-width-15\">\r\n                  <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.VALIDATION_DATE' | commonTranslate: lang\r\n                    }}</span>\r\n                  <span>{{ doc.validationDate }}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-option>\r\n        </mat-autocomplete>\r\n      </div>\r\n\r\n    </mat-form-field>\r\n\r\n  </div>\r\n\r\n  <span class=\"d-flex flex-column max-width-15\"></span>\r\n  <div *ngIf=\"user && user.secondary\" class=\"connected-as d-flex justify-content-between align-items-center\">\r\n      <span style=\"margin-right: 10px\">\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\"></span>\r\n\r\n  <span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon max-width-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:Roboto;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}.max-width-5{flex:1 1 5%;max-width:5%}.max-width-10{flex:1 1 10%;max-width:10%}.max-width-15{flex:1 1 15%;max-width:15%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}\n"], components: [{ type: i13.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i16.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i17.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i19.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i20.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i20.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i1$2.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { type: i20.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i20.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i22.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i17.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "commonTranslate": CommonTranslatePipe, "async": i20.AsyncPipe, "currency": i20.CurrencyPipe } });
 __decorate([
     Theme()
 ], HeaderComponent.prototype, "theme", void 0);