npm - new-front-common-library - Versions diffs - 18.0.2-REF2 → 18.0.2 - Mend

new-front-common-library 18.0.2-REF2 → 18.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (241) hide show

package/fesm2022/new-front-common-library.mjs CHANGED Viewed

@@ -1,12 +1,11 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, EventEmitter, Pipe, input, ElementRef, HostListener, Directive, ChangeDetectorRef, Component, output, Inject, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, EventEmitter, Pipe, input, ElementRef, HostListener, Directive, ChangeDetectorRef, Component, output, NgModule } from '@angular/core';
 import * as i3 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import * as i1$5 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HTTP_INTERCEPTORS, HttpParams } from '@angular/common/http';
 import * as i1$3 from '@angular/common';
 import { DatePipe, DOCUMENT, CurrencyPipe, CommonModule, NgOptimizedImage } from '@angular/common';
-import { throwError, from, of, BehaviorSubject, Subscription, Subject, takeUntil, forkJoin } from 'rxjs';
+import { throwError, from, of, Subject, takeUntil, BehaviorSubject, forkJoin } from 'rxjs';
 import { catchError, debounceTime, switchMap, map, filter, take } from 'rxjs/operators';
 import { CookieService } from 'ngx-cookie-service';
 import * as i1 from '@angular/platform-browser';
@@ -25,21 +24,19 @@ import * as i3$2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1$2 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i2$1 from '@angular/material/icon';
+import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i5 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i1$4 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i2$2 from '@angular/material/form-field';
+import * as i2$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i6$1 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as i7 from '@angular/material/core';
 import { OverlayContainer } from '@angular/cdk/overlay';
-import { Client as Client$1 } from '@stomp/stompjs';
-import SockJS from 'sockjs-client';
-import * as i4 from '@angular/material/dialog';
+import * as i4$1 from '@angular/material/dialog';
 import { MatDialogRef, MatDialogModule, MatDialog } from '@angular/material/dialog';
 import * as CryptoJS from 'crypto-js';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
@@ -197,7 +194,7 @@ class LocalStorageService {
         return localStorage.hasOwnProperty(key);
     }
     get(key) {
-        return (this.exist(key) && !!localStorage.getItem(key)) ? JSON.parse(localStorage.getItem(key)) : null;
+        return this.exist(key) ? JSON.parse(localStorage.getItem(key)) : null;
     }
     post(key, data) {
         localStorage.setItem(key, JSON.stringify(data));
@@ -680,11 +677,11 @@ class OverlayComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: OverlayComponent, selector: "sc-overlay", ngImport: i0, template: "@if (show) {\n  <div class=\"blackshield\"></div>\n\n  <div class=\"d-flex justify-content-center align-items-center\">\n    <mat-card class=\"overshield\">\n      <mat-card-content class=\"d-flex justify-content-between align-items-center\">\n        <span>{{ message || 'CORE.OVERLAY.LOADING' | translate }}</span>\n        <mat-spinner diameter=\"40\"></mat-spinner>\n      </mat-card-content>\n    </mat-card>\n  </div>\n}\n\n\n", styles: [".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:#000;opacity:.8;height:100vh;z-index:2000000;padding-top:150px}.overshield{position:fixed;width:30%;min-height:6vh;margin-top:250px;z-index:20000000}\n"], dependencies: [{ kind: "component", type: i1$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: OverlayComponent, selector: "sc-overlay", ngImport: i0, template: "@if (show) {\r\n  <div class=\"blackshield\"></div>\r\n\r\n  <div class=\"d-flex justify-content-center align-items-center\">\r\n    <mat-card class=\"overshield\">\r\n      <mat-card-content class=\"d-flex justify-content-between align-items-center\">\r\n        <span>{{ message || 'CORE.OVERLAY.LOADING' | translate }}</span>\r\n        <mat-spinner diameter=\"40\"></mat-spinner>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:#000;opacity:.8;height:100vh;z-index:2000000;padding-top:150px}.overshield{position:fixed;width:30%;min-height:6vh;margin-top:250px;z-index:20000000}\n"], dependencies: [{ kind: "component", type: i1$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: OverlayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-overlay', template: "@if (show) {\n  <div class=\"blackshield\"></div>\n\n  <div class=\"d-flex justify-content-center align-items-center\">\n    <mat-card class=\"overshield\">\n      <mat-card-content class=\"d-flex justify-content-between align-items-center\">\n        <span>{{ message || 'CORE.OVERLAY.LOADING' | translate }}</span>\n        <mat-spinner diameter=\"40\"></mat-spinner>\n      </mat-card-content>\n    </mat-card>\n  </div>\n}\n\n\n", styles: [".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:#000;opacity:.8;height:100vh;z-index:2000000;padding-top:150px}.overshield{position:fixed;width:30%;min-height:6vh;margin-top:250px;z-index:20000000}\n"] }]
+            args: [{ selector: 'sc-overlay', template: "@if (show) {\r\n  <div class=\"blackshield\"></div>\r\n\r\n  <div class=\"d-flex justify-content-center align-items-center\">\r\n    <mat-card class=\"overshield\">\r\n      <mat-card-content class=\"d-flex justify-content-between align-items-center\">\r\n        <span>{{ message || 'CORE.OVERLAY.LOADING' | translate }}</span>\r\n        <mat-spinner diameter=\"40\"></mat-spinner>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:#000;opacity:.8;height:100vh;z-index:2000000;padding-top:150px}.overshield{position:fixed;width:30%;min-height:6vh;margin-top:250px;z-index:20000000}\n"] }]
         }] });
 class WorkRecordRapidSearchModel {
@@ -1565,7 +1562,6 @@ const en = {
     //HEADER MENU USER
     'COMMON.HEADER.MENU.USER.SECTION_TITLE': 'Users management',
     'COMMON.HEADER.MENU.USER.SETTINGS': 'Settings',
-    'COMMON.HEADER.MENU.USER.NOTIFICATIONS': 'Notifications',
     //HEADER MENU REFERENTIAL
     'COMMON.HEADER.MENU.REFERENTIAL.SUPPORT': 'Support',
     'COMMON.HEADER.MENU.REFERENTIAL.BATCH': 'Batch',
@@ -1726,7 +1722,6 @@ const fr = {
     //HEADER MENU USER
     'COMMON.HEADER.MENU.USER.SECTION_TITLE': 'Utilisateurs',
     'COMMON.HEADER.MENU.USER.SETTINGS': 'Mes préférences',
-    'COMMON.HEADER.MENU.USER.NOTIFICATIONS': 'Communications',
     //HEADER MENU REFERENTIAL
     'COMMON.HEADER.MENU.REFERENTIAL.SUPPORT': 'Référentiels',
     'COMMON.HEADER.MENU.REFERENTIAL.BATCH': 'Administration des Batches',
@@ -1887,7 +1882,6 @@ const de = {
     //HEADER MENU USER
     'COMMON.HEADER.MENU.USER.SECTION_TITLE': 'Users management',
     'COMMON.HEADER.MENU.USER.SETTINGS': 'Settings',
-    'COMMON.HEADER.MENU.USER.NOTIFICATIONS': 'Notifications',
     //HEADER MENU REFERENTIAL
     'COMMON.HEADER.MENU.REFERENTIAL.SUPPORT': 'Support',
     'COMMON.HEADER.MENU.REFERENTIAL.BATCH': 'Batch',
@@ -2139,11 +2133,11 @@ class MenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: MenuComponent, selector: "sc-menu", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigate: "navigate", redirect: "redirect" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, ngImport: i0, template: "<div class=\"d-flex justify-content-start\">\n  @for (menuCurrent of menuButtons; track menuCurrent) {\n    <ng-container *ngxPermissionsExcept=\"menuCurrent.restrictions\">\n      <mat-toolbar class=\"toolbar-padding\">\n        <div\n          [attr.aria-label]=\"menuCurrent.label + '-btn'\"\n          class=\"button-wrapper\"\n          [ngClass]=\"{ active: activeMenu === menuCurrent.label }\"\n          *ngxPermissionsOnly=\"menuCurrent.permissions\"\n          (click)=\"openMenu(menuTrigger, menuCurrent.label)\"\n        >\n          <button class=\"menu-button primary-color\" [matMenuTriggerFor]=\"i\" #menuTrigger=\"matMenuTrigger\"\n                  style=\"z-index: 99999\">\n            <div class=\"text-menu-button\">\n              <span>{{ menuCurrent.label | commonTranslate : lang() }}</span>\n              <div class=\"indicator\">\n                <div class=\"line primary\"></div>\n              </div>\n            </div>\n            <mat-icon class=\"primary-color icon-more\" [ngClass]=\"{ rotated: activeMenu === menuCurrent.label }\">\n              expand_more\n            </mat-icon>\n          </button>\n          <div class=\"indicator\"></div>\n        </div>\n      </mat-toolbar>\n\n      <mat-menu #i=\"matMenu\" [aria-label]=\"menuCurrent.label + '-menu'\" class=\"custom-menu custom-menu-panel\"\n                [hasBackdrop]=\"false\">\n        <div class=\"menu-container d-flex\" (click)=\"$event.stopPropagation()\">\n          @for (section of menuCurrent.sections; track section) {\n            <ng-container *ngxPermissionsOnly=\"section.permissions\">\n              <ng-container *ngxPermissionsExcept=\"section.restrictions\">\n                <div class=\"menu-section\">\n                  <h3 class=\"primary-color\">{{ section.label | commonTranslate : lang() }}</h3>\n                  @for (link of section.links; track link) {\n                    <ng-container *ngxPermissionsOnly=\"link.permissions\">\n                      <button (click)=\"performAction(link)\" *ngxPermissionsExcept=\"link.restrictions\" mat-menu-item\n                              class=\"custom-menu-item\">\n                        {{ link.label | commonTranslate : lang() }}\n                      </button>\n                    </ng-container>\n                  }\n                </div>\n              </ng-container>\n            </ng-container>\n          }\n        </div>\n      </mat-menu>\n    </ng-container>\n  }\n</div>\n", styles: ["::ng-deep .light-theme .mat-toolbar{background-color:#fff}::ng-deep .dark-theme .mat-toolbar{background-color:#2a2d3e}.mat-icon{overflow:visible}.menu-section{display:flex;flex-direction:column;margin-right:10px}.menu-section h3{margin:0 0 10px 10px;font-size:16px;font-weight:400}.mat-menu-item{padding:5px 0;text-align:left}.mat-menu-item:hover{font-weight:400;color:#3f51b5}.menu-container{padding-left:10px;display:flex;flex-direction:row;gap:30px}.button-wrapper{display:flex;flex-direction:column;position:relative;top:15px;margin-right:.5vw}.toolbar-padding{align-items:start;padding:0!important}.indicator{display:flex;flex-direction:column;align-items:center;margin-top:0}.text-menu-button{display:flex;flex-direction:column;font-size:min(1.2vw,16px)}.line{width:0;height:2px;transition:all .5s ease-in-out;display:block;opacity:0}.button-wrapper.active .line{width:100%;opacity:1}.icon{margin-top:-8px;display:none}.menu-button{all:unset;display:inline-flex;align-items:center;cursor:pointer;background-color:transparent!important;font-weight:700!important;max-width:fit-content!important;font-size:16px;padding-bottom:10px}.menu-button mat-icon{vertical-align:middle}.custom-menu-item{padding-left:10px!important}::ng-deep .mat-mdc-menu-panel.custom-menu-panel{max-width:fit-content!important;overflow:visible!important}.icon-more{display:flex;align-items:center;justify-content:center;transition:transform .5s ease-in-out;font-size:min(1.5vw,24px)!important}.icon-more.rotated{transform:rotate(180deg)}\n"], dependencies: [{ kind: "component", type: i1$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: MenuComponent, selector: "sc-menu", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigate: "navigate", redirect: "redirect" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, ngImport: i0, template: "<div class=\"d-flex justify-content-start\">\r\n  @for (menuCurrent of menuButtons; track menuCurrent) {\r\n    <ng-container *ngxPermissionsExcept=\"menuCurrent.restrictions\">\r\n      <mat-toolbar class=\"toolbar-padding\">\r\n        <div\r\n          [attr.aria-label]=\"menuCurrent.label + '-btn'\"\r\n          class=\"button-wrapper\"\r\n          [ngClass]=\"{ active: activeMenu === menuCurrent.label }\"\r\n          *ngxPermissionsOnly=\"menuCurrent.permissions\"\r\n          (click)=\"openMenu(menuTrigger, menuCurrent.label)\"\r\n        >\r\n          <button class=\"menu-button primary-color\" [matMenuTriggerFor]=\"i\" #menuTrigger=\"matMenuTrigger\"\r\n                  style=\"z-index: 99999\">\r\n            <div class=\"text-menu-button\">\r\n              <span>{{ menuCurrent.label | commonTranslate : lang() }}</span>\r\n              <div class=\"indicator\">\r\n                <div class=\"line primary\"></div>\r\n              </div>\r\n            </div>\r\n            <mat-icon class=\"primary-color icon-more\" [ngClass]=\"{ rotated: activeMenu === menuCurrent.label }\">\r\n              expand_more\r\n            </mat-icon>\r\n          </button>\r\n          <div class=\"indicator\"></div>\r\n        </div>\r\n      </mat-toolbar>\r\n\r\n      <mat-menu #i=\"matMenu\" [aria-label]=\"menuCurrent.label + '-menu'\" class=\"custom-menu custom-menu-panel\"\r\n                [hasBackdrop]=\"false\">\r\n        <div class=\"menu-container d-flex\" (click)=\"$event.stopPropagation()\">\r\n          @for (section of menuCurrent.sections; track section) {\r\n            <ng-container *ngxPermissionsOnly=\"section.permissions\">\r\n              <ng-container *ngxPermissionsExcept=\"section.restrictions\">\r\n                <div class=\"menu-section\">\r\n                  <h3 class=\"primary-color\">{{ section.label | commonTranslate : lang() }}</h3>\r\n                  @for (link of section.links; track link) {\r\n                    <ng-container *ngxPermissionsOnly=\"link.permissions\">\r\n                      <button (click)=\"performAction(link)\" *ngxPermissionsExcept=\"link.restrictions\" mat-menu-item\r\n                              class=\"custom-menu-item\">\r\n                        {{ link.label | commonTranslate : lang() }}\r\n                      </button>\r\n                    </ng-container>\r\n                  }\r\n                </div>\r\n              </ng-container>\r\n            </ng-container>\r\n          }\r\n        </div>\r\n      </mat-menu>\r\n    </ng-container>\r\n  }\r\n</div>\r\n", styles: ["::ng-deep .light-theme .mat-toolbar{background-color:#fff}::ng-deep .dark-theme .mat-toolbar{background-color:#2a2d3e}.mat-icon{overflow:visible}.menu-section{display:flex;flex-direction:column;margin-right:10px}.menu-section h3{margin:0 0 10px 10px;font-size:16px;font-weight:400}.mat-menu-item{padding:5px 0;text-align:left}.mat-menu-item:hover{font-weight:400;color:#3f51b5}.menu-container{padding-left:10px;display:flex;flex-direction:row;gap:30px}.button-wrapper{display:flex;flex-direction:column;position:relative;top:15px;margin-right:.5vw}.toolbar-padding{align-items:start;padding:0!important}.indicator{display:flex;flex-direction:column;align-items:center;margin-top:0}.text-menu-button{display:flex;flex-direction:column;font-size:min(1.2vw,16px)}.line{width:0;height:2px;transition:all .5s ease-in-out;display:block;opacity:0}.button-wrapper.active .line{width:100%;opacity:1}.icon{margin-top:-8px;display:none}.menu-button{all:unset;display:inline-flex;align-items:center;cursor:pointer;background-color:transparent!important;font-weight:700!important;max-width:fit-content!important;font-size:16px;padding-bottom:10px}.menu-button mat-icon{vertical-align:middle}.custom-menu-item{padding-left:10px!important}::ng-deep .mat-mdc-menu-panel.custom-menu-panel{max-width:fit-content!important;overflow:visible!important}.icon-more{display:flex;align-items:center;justify-content:center;transition:transform .5s ease-in-out;font-size:min(1.5vw,24px)!important}.icon-more.rotated{transform:rotate(180deg)}\n"], dependencies: [{ kind: "component", type: i1$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-menu', template: "<div class=\"d-flex justify-content-start\">\n  @for (menuCurrent of menuButtons; track menuCurrent) {\n    <ng-container *ngxPermissionsExcept=\"menuCurrent.restrictions\">\n      <mat-toolbar class=\"toolbar-padding\">\n        <div\n          [attr.aria-label]=\"menuCurrent.label + '-btn'\"\n          class=\"button-wrapper\"\n          [ngClass]=\"{ active: activeMenu === menuCurrent.label }\"\n          *ngxPermissionsOnly=\"menuCurrent.permissions\"\n          (click)=\"openMenu(menuTrigger, menuCurrent.label)\"\n        >\n          <button class=\"menu-button primary-color\" [matMenuTriggerFor]=\"i\" #menuTrigger=\"matMenuTrigger\"\n                  style=\"z-index: 99999\">\n            <div class=\"text-menu-button\">\n              <span>{{ menuCurrent.label | commonTranslate : lang() }}</span>\n              <div class=\"indicator\">\n                <div class=\"line primary\"></div>\n              </div>\n            </div>\n            <mat-icon class=\"primary-color icon-more\" [ngClass]=\"{ rotated: activeMenu === menuCurrent.label }\">\n              expand_more\n            </mat-icon>\n          </button>\n          <div class=\"indicator\"></div>\n        </div>\n      </mat-toolbar>\n\n      <mat-menu #i=\"matMenu\" [aria-label]=\"menuCurrent.label + '-menu'\" class=\"custom-menu custom-menu-panel\"\n                [hasBackdrop]=\"false\">\n        <div class=\"menu-container d-flex\" (click)=\"$event.stopPropagation()\">\n          @for (section of menuCurrent.sections; track section) {\n            <ng-container *ngxPermissionsOnly=\"section.permissions\">\n              <ng-container *ngxPermissionsExcept=\"section.restrictions\">\n                <div class=\"menu-section\">\n                  <h3 class=\"primary-color\">{{ section.label | commonTranslate : lang() }}</h3>\n                  @for (link of section.links; track link) {\n                    <ng-container *ngxPermissionsOnly=\"link.permissions\">\n                      <button (click)=\"performAction(link)\" *ngxPermissionsExcept=\"link.restrictions\" mat-menu-item\n                              class=\"custom-menu-item\">\n                        {{ link.label | commonTranslate : lang() }}\n                      </button>\n                    </ng-container>\n                  }\n                </div>\n              </ng-container>\n            </ng-container>\n          }\n        </div>\n      </mat-menu>\n    </ng-container>\n  }\n</div>\n", styles: ["::ng-deep .light-theme .mat-toolbar{background-color:#fff}::ng-deep .dark-theme .mat-toolbar{background-color:#2a2d3e}.mat-icon{overflow:visible}.menu-section{display:flex;flex-direction:column;margin-right:10px}.menu-section h3{margin:0 0 10px 10px;font-size:16px;font-weight:400}.mat-menu-item{padding:5px 0;text-align:left}.mat-menu-item:hover{font-weight:400;color:#3f51b5}.menu-container{padding-left:10px;display:flex;flex-direction:row;gap:30px}.button-wrapper{display:flex;flex-direction:column;position:relative;top:15px;margin-right:.5vw}.toolbar-padding{align-items:start;padding:0!important}.indicator{display:flex;flex-direction:column;align-items:center;margin-top:0}.text-menu-button{display:flex;flex-direction:column;font-size:min(1.2vw,16px)}.line{width:0;height:2px;transition:all .5s ease-in-out;display:block;opacity:0}.button-wrapper.active .line{width:100%;opacity:1}.icon{margin-top:-8px;display:none}.menu-button{all:unset;display:inline-flex;align-items:center;cursor:pointer;background-color:transparent!important;font-weight:700!important;max-width:fit-content!important;font-size:16px;padding-bottom:10px}.menu-button mat-icon{vertical-align:middle}.custom-menu-item{padding-left:10px!important}::ng-deep .mat-mdc-menu-panel.custom-menu-panel{max-width:fit-content!important;overflow:visible!important}.icon-more{display:flex;align-items:center;justify-content:center;transition:transform .5s ease-in-out;font-size:min(1.5vw,24px)!important}.icon-more.rotated{transform:rotate(180deg)}\n"] }]
+            args: [{ selector: 'sc-menu', template: "<div class=\"d-flex justify-content-start\">\r\n  @for (menuCurrent of menuButtons; track menuCurrent) {\r\n    <ng-container *ngxPermissionsExcept=\"menuCurrent.restrictions\">\r\n      <mat-toolbar class=\"toolbar-padding\">\r\n        <div\r\n          [attr.aria-label]=\"menuCurrent.label + '-btn'\"\r\n          class=\"button-wrapper\"\r\n          [ngClass]=\"{ active: activeMenu === menuCurrent.label }\"\r\n          *ngxPermissionsOnly=\"menuCurrent.permissions\"\r\n          (click)=\"openMenu(menuTrigger, menuCurrent.label)\"\r\n        >\r\n          <button class=\"menu-button primary-color\" [matMenuTriggerFor]=\"i\" #menuTrigger=\"matMenuTrigger\"\r\n                  style=\"z-index: 99999\">\r\n            <div class=\"text-menu-button\">\r\n              <span>{{ menuCurrent.label | commonTranslate : lang() }}</span>\r\n              <div class=\"indicator\">\r\n                <div class=\"line primary\"></div>\r\n              </div>\r\n            </div>\r\n            <mat-icon class=\"primary-color icon-more\" [ngClass]=\"{ rotated: activeMenu === menuCurrent.label }\">\r\n              expand_more\r\n            </mat-icon>\r\n          </button>\r\n          <div class=\"indicator\"></div>\r\n        </div>\r\n      </mat-toolbar>\r\n\r\n      <mat-menu #i=\"matMenu\" [aria-label]=\"menuCurrent.label + '-menu'\" class=\"custom-menu custom-menu-panel\"\r\n                [hasBackdrop]=\"false\">\r\n        <div class=\"menu-container d-flex\" (click)=\"$event.stopPropagation()\">\r\n          @for (section of menuCurrent.sections; track section) {\r\n            <ng-container *ngxPermissionsOnly=\"section.permissions\">\r\n              <ng-container *ngxPermissionsExcept=\"section.restrictions\">\r\n                <div class=\"menu-section\">\r\n                  <h3 class=\"primary-color\">{{ section.label | commonTranslate : lang() }}</h3>\r\n                  @for (link of section.links; track link) {\r\n                    <ng-container *ngxPermissionsOnly=\"link.permissions\">\r\n                      <button (click)=\"performAction(link)\" *ngxPermissionsExcept=\"link.restrictions\" mat-menu-item\r\n                              class=\"custom-menu-item\">\r\n                        {{ link.label | commonTranslate : lang() }}\r\n                      </button>\r\n                    </ng-container>\r\n                  }\r\n                </div>\r\n              </ng-container>\r\n            </ng-container>\r\n          }\r\n        </div>\r\n      </mat-menu>\r\n    </ng-container>\r\n  }\r\n</div>\r\n", styles: ["::ng-deep .light-theme .mat-toolbar{background-color:#fff}::ng-deep .dark-theme .mat-toolbar{background-color:#2a2d3e}.mat-icon{overflow:visible}.menu-section{display:flex;flex-direction:column;margin-right:10px}.menu-section h3{margin:0 0 10px 10px;font-size:16px;font-weight:400}.mat-menu-item{padding:5px 0;text-align:left}.mat-menu-item:hover{font-weight:400;color:#3f51b5}.menu-container{padding-left:10px;display:flex;flex-direction:row;gap:30px}.button-wrapper{display:flex;flex-direction:column;position:relative;top:15px;margin-right:.5vw}.toolbar-padding{align-items:start;padding:0!important}.indicator{display:flex;flex-direction:column;align-items:center;margin-top:0}.text-menu-button{display:flex;flex-direction:column;font-size:min(1.2vw,16px)}.line{width:0;height:2px;transition:all .5s ease-in-out;display:block;opacity:0}.button-wrapper.active .line{width:100%;opacity:1}.icon{margin-top:-8px;display:none}.menu-button{all:unset;display:inline-flex;align-items:center;cursor:pointer;background-color:transparent!important;font-weight:700!important;max-width:fit-content!important;font-size:16px;padding-bottom:10px}.menu-button mat-icon{vertical-align:middle}.custom-menu-item{padding-left:10px!important}::ng-deep .mat-mdc-menu-panel.custom-menu-panel{max-width:fit-content!important;overflow:visible!important}.icon-more{display:flex;align-items:center;justify-content:center;transition:transform .5s ease-in-out;font-size:min(1.5vw,24px)!important}.icon-more.rotated{transform:rotate(180deg)}\n"] }]
         }], propDecorators: { onClickOutside: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
@@ -2174,11 +2168,11 @@ class PurchaseOrderRapidSearchComponent {
         this.redirect.emit({ module: 'expenditure-commitment', route: '/purchase-orders/' + this.document().poId });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: PurchaseOrderRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: PurchaseOrderRapidSearchComponent, selector: "sc-purchase-order-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-70\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang() }}</span>\n      <span>{{ document().poNumber }}\n        - {{ document().totalAmount | currency: document().currencyCode:'symbol':undefined:'fr-FR' }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.BASKET_NUMBER' | commonTranslate: lang() }}</span>\n      <span>{{ document()?.basketNumber ? document().basketNumber : '-' }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang() }}</span>\n      <span>{{ document()?.ean ? document().ean : '-' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: i1$3.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: PurchaseOrderRapidSearchComponent, selector: "sc-purchase-order-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\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>{{ document().poNumber }}\r\n        - {{ document().totalAmount | currency: document().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>{{ document()?.basketNumber ? document().basketNumber : '-' }}</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.EAN' | commonTranslate: lang() }}</span>\r\n      <span>{{ document()?.ean ? document().ean : '-' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: i1$3.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: PurchaseOrderRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-purchase-order-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">receipt_long</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-70\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PURCHASE_ORDER' | commonTranslate: lang() }}</span>\n      <span>{{ document().poNumber }}\n        - {{ document().totalAmount | currency: document().currencyCode:'symbol':undefined:'fr-FR' }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.BASKET_NUMBER' | commonTranslate: lang() }}</span>\n      <span>{{ document()?.basketNumber ? document().basketNumber : '-' }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang() }}</span>\n      <span>{{ document()?.ean ? document().ean : '-' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-purchase-order-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\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>{{ document().poNumber }}\r\n        - {{ document().totalAmount | currency: document().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>{{ document()?.basketNumber ? document().basketNumber : '-' }}</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.EAN' | commonTranslate: lang() }}</span>\r\n      <span>{{ document()?.ean ? document().ean : '-' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class ProductRapidSearchComponent {
@@ -2192,11 +2186,11 @@ class ProductRapidSearchComponent {
         this.redirect.emit({ module: 'video', route: '/product/consult/' + this.document().productId });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: ProductRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: ProductRapidSearchComponent, selector: "sc-product-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, labelLang: { classPropertyName: "labelLang", publicName: "labelLang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"ellipsis d-flex flex-column max-width-60\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().title }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-10\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.SUPPORT' | commonTranslate: lang() }}</span>\n      <span>{{ document().support[labelLang()] }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang() }}</span>\n      <span>{{ document().ean }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.RELEASE_DATE' | commonTranslate: lang() }}</span>\n      <span>{{ document()?.releaseDate ? document().releaseDate : '-' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: ProductRapidSearchComponent, selector: "sc-product-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, labelLang: { classPropertyName: "labelLang", publicName: "labelLang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\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\">{{ document().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>{{ document().support[labelLang()] }}</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.EAN' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().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>{{ document()?.releaseDate ? document().releaseDate : '-' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: ProductRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-product-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">movie</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"ellipsis d-flex flex-column max-width-60\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().title }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-10\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.SUPPORT' | commonTranslate: lang() }}</span>\n      <span>{{ document().support[labelLang()] }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EAN' | commonTranslate: lang() }}</span>\n      <span>{{ document().ean }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.RELEASE_DATE' | commonTranslate: lang() }}</span>\n      <span>{{ document()?.releaseDate ? document().releaseDate : '-' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-product-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\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\">{{ document().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>{{ document().support[labelLang()] }}</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.EAN' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().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>{{ document()?.releaseDate ? document().releaseDate : '-' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class WorkVersionRapidSearchComponent {
@@ -2209,11 +2203,11 @@ class WorkVersionRapidSearchComponent {
         this.redirect.emit({ module: null, route: '/work-summary/' + this.document().id + '/info' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: WorkVersionRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: WorkVersionRapidSearchComponent, selector: "sc-work-version-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-75 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().title }} ({{ document().codeIso }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-10\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }}</span>\n      <span>{{ document().miloCode }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCTION_YEAR' | commonTranslate: lang() }}</span>\n      <span>{{ document().yearOfProduction }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: WorkVersionRapidSearchComponent, selector: "sc-work-version-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\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 class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().title }} ({{ document().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>{{ document().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>{{ document().yearOfProduction }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: WorkVersionRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-work-version-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">theaters</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-75 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().title }} ({{ document().codeIso }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-10\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }}</span>\n      <span>{{ document().miloCode }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.PRODUCTION_YEAR' | commonTranslate: lang() }}</span>\n      <span>{{ document().yearOfProduction }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-work-version-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\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 class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().title }} ({{ document().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>{{ document().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>{{ document().yearOfProduction }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class DealRapidSearchComponent {
@@ -2226,11 +2220,11 @@ class DealRapidSearchComponent {
         this.redirect.emit({ module: null, route: '/commercial/deal/consult/' + this.document().id });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DealRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: DealRapidSearchComponent, selector: "sc-deal-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">local_offer</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-70 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().dealNumber }} - {{ document().thirdPartyClientName }}\n        ({{ document().thirdPartyClientSap }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang() }}</span>\n      <span>{{ document().calculatedAmount | currency: document().currencyCode:'symbol' }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.VALIDATION_DATE' | commonTranslate: lang() }}</span>\n      <span>{{ document().validationDate }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: i1$3.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: DealRapidSearchComponent, selector: "sc-deal-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\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\">{{ document().dealNumber }} - {{ document().thirdPartyClientName }}\r\n        ({{ document().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() }}</span>\r\n      <span>{{ document().calculatedAmount | currency: document().currencyCode:'symbol' }}</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.VALIDATION_DATE' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().validationDate }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: i1$3.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DealRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-deal-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">local_offer</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-70 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().dealNumber }} - {{ document().thirdPartyClientName }}\n        ({{ document().thirdPartyClientSap }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang() }}</span>\n      <span>{{ document().calculatedAmount | currency: document().currencyCode:'symbol' }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.VALIDATION_DATE' | commonTranslate: lang() }}</span>\n      <span>{{ document().validationDate }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-deal-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\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\">{{ document().dealNumber }} - {{ document().thirdPartyClientName }}\r\n        ({{ document().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() }}</span>\r\n      <span>{{ document().calculatedAmount | currency: document().currencyCode:'symbol' }}</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.VALIDATION_DATE' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().validationDate }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class WorkRecordRapidSearchComponent {
@@ -2243,11 +2237,11 @@ class WorkRecordRapidSearchComponent {
         this.redirect.emit({ module: null, route: '/commercial/work-record/consult/' + this.document().id + '/general' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: WorkRecordRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: WorkRecordRapidSearchComponent, selector: "sc-work-record-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">assignment</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK_RECORD' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().id }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().dealNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-30 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().thirdPartyClientName }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-35\">\n      <span class=\"auto-complete-label\">\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang() }} {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }}\n        )\n      </span>\n      <span class=\"ellipsis\">{{ document().getTitle(lang()) }} ({{ document().miloCode }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang() }}</span>\n      <span>{{ document().amount | currency: document().currencyCode:'symbol' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: i1$3.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: WorkRecordRapidSearchComponent, selector: "sc-work-record-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">assignment</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK_RECORD' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().id }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().dealNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-30 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().thirdPartyClientName }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-35\">\r\n      <span class=\"auto-complete-label\">\r\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang() }} {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }}\r\n        )\r\n      </span>\r\n      <span class=\"ellipsis\">{{ document().getTitle(lang()) }} ({{ document().miloCode }})</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() }}</span>\r\n      <span>{{ document().amount | currency: document().currencyCode:'symbol' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: i1$3.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: WorkRecordRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-work-record-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">assignment</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK_RECORD' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().id }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().dealNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-30 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().thirdPartyClientName }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-35\">\n      <span class=\"auto-complete-label\">\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang() }} {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }}\n        )\n      </span>\n      <span class=\"ellipsis\">{{ document().getTitle(lang()) }} ({{ document().miloCode }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang() }}</span>\n      <span>{{ document().amount | currency: document().currencyCode:'symbol' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-work-record-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">assignment</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.WORK_RECORD' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().id }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().dealNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-30 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().thirdPartyClientName }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-35\">\r\n      <span class=\"auto-complete-label\">\r\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang() }} {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }}\r\n        )\r\n      </span>\r\n      <span class=\"ellipsis\">{{ document().getTitle(lang()) }} ({{ document().miloCode }})</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() }}</span>\r\n      <span>{{ document().amount | currency: document().currencyCode:'symbol' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class ThirdPartyAddressSearchPipe {
@@ -2273,11 +2267,11 @@ class ThirdPartyRapidSearchComponent {
         this.redirect.emit({ module: null, route: '/referential/third-party/' + this.document().id });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: ThirdPartyRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: ThirdPartyRapidSearchComponent, selector: "sc-third-party-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">person</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-85 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.THIRD_PARTY' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().companyOrPersonName }}\n        ({{ document().address | thirdPartyAddressSearch: lang() }}\n        )</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CODE' | commonTranslate: lang() }}</span>\n      <span>{{ document().code }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }, { kind: "pipe", type: ThirdPartyAddressSearchPipe, name: "thirdPartyAddressSearch" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: ThirdPartyRapidSearchComponent, selector: "sc-third-party-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">person</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-85 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.THIRD_PARTY' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().companyOrPersonName }}\r\n        ({{ document().address | thirdPartyAddressSearch: lang() }}\r\n        )</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.CODE' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().code }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }, { kind: "pipe", type: ThirdPartyAddressSearchPipe, name: "thirdPartyAddressSearch" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: ThirdPartyRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-third-party-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">person</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-85 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.THIRD_PARTY' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().companyOrPersonName }}\n        ({{ document().address | thirdPartyAddressSearch: lang() }}\n        )</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CODE' | commonTranslate: lang() }}</span>\n      <span>{{ document().code }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-third-party-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">person</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-85 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.THIRD_PARTY' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().companyOrPersonName }}\r\n        ({{ document().address | thirdPartyAddressSearch: lang() }}\r\n        )</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.CODE' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().code }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class ContractRapidSearchComponent {
@@ -2297,11 +2291,11 @@ class ContractRapidSearchComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: ContractRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: ContractRapidSearchComponent, selector: "sc-contract-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, labelLang: { classPropertyName: "labelLang", publicName: "labelLang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    @switch (getContractType(document().type.labelEn)) {\n      @case ('cess') {\n        <span class=\"material-icons-outlined rapid-search-type-icon\">receipt</span>\n      }\n      @case ('acq') {\n        <span class=\"material-icons-outlined rapid-search-type-icon\">shop_two</span>\n      }\n      @case ('auth') {\n        <span class=\"material-icons-outlined rapid-search-type-icon\">account_circle</span>\n      }\n    }\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().lisaId }} </span>\n    </div>\n    <div class=\"d-flex flex-column max-width-10\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TYPE' | commonTranslate: lang() }}</span>\n      <span>{{ document().type[labelLang()] }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-30\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.STATUS' | commonTranslate: lang() }}</span>\n      <span>{{ document().status[labelLang()] }}</span>\n    </div>\n    @if (document().type.labelEn !== 'Sale') {\n      <div class=\"d-flex flex-column max-width-40 ellipsis\">\n        <span\n          class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSOR' | commonTranslate: lang() }}</span>\n        <span>{{ document().licensor ? document().licensor : '-' }}</span>\n      </div>\n    } @else {\n      <div class=\"d-flex flex-column max-width-40 ellipsis\">\n        <span\n          class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CUSTOMER' | commonTranslate: lang() }}</span>\n        <span>{{ document().customer ? document().customer : '-' }}</span>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: ContractRapidSearchComponent, selector: "sc-contract-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, labelLang: { classPropertyName: "labelLang", publicName: "labelLang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    @switch (getContractType(document().type.labelEn)) {\r\n      @case ('cess') {\r\n        <span class=\"material-icons-outlined rapid-search-type-icon\">receipt</span>\r\n      }\r\n      @case ('acq') {\r\n        <span class=\"material-icons-outlined rapid-search-type-icon\">shop_two</span>\r\n      }\r\n      @case ('auth') {\r\n        <span class=\"material-icons-outlined rapid-search-type-icon\">account_circle</span>\r\n      }\r\n    }\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().lisaId }} </span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-10\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TYPE' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().type[labelLang()] }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-30\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.STATUS' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().status[labelLang()] }}</span>\r\n    </div>\r\n    @if (document().type.labelEn !== 'Sale') {\r\n      <div class=\"d-flex flex-column max-width-40 ellipsis\">\r\n        <span\r\n          class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSOR' | commonTranslate: lang() }}</span>\r\n        <span>{{ document().licensor ? document().licensor : '-' }}</span>\r\n      </div>\r\n    } @else {\r\n      <div class=\"d-flex flex-column max-width-40 ellipsis\">\r\n        <span\r\n          class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CUSTOMER' | commonTranslate: lang() }}</span>\r\n        <span>{{ document().customer ? document().customer : '-' }}</span>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: ContractRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-contract-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    @switch (getContractType(document().type.labelEn)) {\n      @case ('cess') {\n        <span class=\"material-icons-outlined rapid-search-type-icon\">receipt</span>\n      }\n      @case ('acq') {\n        <span class=\"material-icons-outlined rapid-search-type-icon\">shop_two</span>\n      }\n      @case ('auth') {\n        <span class=\"material-icons-outlined rapid-search-type-icon\">account_circle</span>\n      }\n    }\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().lisaId }} </span>\n    </div>\n    <div class=\"d-flex flex-column max-width-10\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TYPE' | commonTranslate: lang() }}</span>\n      <span>{{ document().type[labelLang()] }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-30\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.STATUS' | commonTranslate: lang() }}</span>\n      <span>{{ document().status[labelLang()] }}</span>\n    </div>\n    @if (document().type.labelEn !== 'Sale') {\n      <div class=\"d-flex flex-column max-width-40 ellipsis\">\n        <span\n          class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSOR' | commonTranslate: lang() }}</span>\n        <span>{{ document().licensor ? document().licensor : '-' }}</span>\n      </div>\n    } @else {\n      <div class=\"d-flex flex-column max-width-40 ellipsis\">\n        <span\n          class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CUSTOMER' | commonTranslate: lang() }}</span>\n        <span>{{ document().customer ? document().customer : '-' }}</span>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-contract-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    @switch (getContractType(document().type.labelEn)) {\r\n      @case ('cess') {\r\n        <span class=\"material-icons-outlined rapid-search-type-icon\">receipt</span>\r\n      }\r\n      @case ('acq') {\r\n        <span class=\"material-icons-outlined rapid-search-type-icon\">shop_two</span>\r\n      }\r\n      @case ('auth') {\r\n        <span class=\"material-icons-outlined rapid-search-type-icon\">account_circle</span>\r\n      }\r\n    }\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-10 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().lisaId }} </span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-10\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TYPE' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().type[labelLang()] }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-30\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.STATUS' | commonTranslate: lang() }}</span>\r\n      <span>{{ document().status[labelLang()] }}</span>\r\n    </div>\r\n    @if (document().type.labelEn !== 'Sale') {\r\n      <div class=\"d-flex flex-column max-width-40 ellipsis\">\r\n        <span\r\n          class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.LICENSOR' | commonTranslate: lang() }}</span>\r\n        <span>{{ document().licensor ? document().licensor : '-' }}</span>\r\n      </div>\r\n    } @else {\r\n      <div class=\"d-flex flex-column max-width-40 ellipsis\">\r\n        <span\r\n          class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CUSTOMER' | commonTranslate: lang() }}</span>\r\n        <span>{{ document().customer ? document().customer : '-' }}</span>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class InvoiceRapidSearchComponent {
@@ -2325,11 +2319,11 @@ class InvoiceRapidSearchComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: InvoiceRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: InvoiceRapidSearchComponent, selector: "sc-invoice-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">receipt</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.INVOICE' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().number }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().dealNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().thirdPartyClientName }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-35\">\n      <span class=\"auto-complete-label\">\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang() }}\n        ({{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }})\n      </span>\n      <span class=\"ellipsis\">{{ document().getTitle(lang()) }} ({{ document().miloCode }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang() }}</span>\n      <span>{{ document().amount | currency: document().currencyCode:'symbol' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: i1$3.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: InvoiceRapidSearchComponent, selector: "sc-invoice-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">receipt</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.INVOICE' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().number }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().dealNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().thirdPartyClientName }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-35\">\r\n      <span class=\"auto-complete-label\">\r\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang() }}\r\n        ({{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }})\r\n      </span>\r\n      <span class=\"ellipsis\">{{ document().getTitle(lang()) }} ({{ document().miloCode }})</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() }}</span>\r\n      <span>{{ document().amount | currency: document().currencyCode:'symbol' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: i1$3.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: InvoiceRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-invoice-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">receipt</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.INVOICE' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().number }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().dealNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().thirdPartyClientName }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-35\">\n      <span class=\"auto-complete-label\">\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang() }}\n        ({{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }})\n      </span>\n      <span class=\"ellipsis\">{{ document().getTitle(lang()) }} ({{ document().miloCode }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.AMOUNT' | commonTranslate: lang() }}</span>\n      <span>{{ document().amount | currency: document().currencyCode:'symbol' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-invoice-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">receipt</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.INVOICE' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().number }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.DEAL' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().dealNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().thirdPartyClientName }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-35\">\r\n      <span class=\"auto-complete-label\">\r\n        {{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLE' | commonTranslate: lang() }}\r\n        ({{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.MILO_CODE' | commonTranslate: lang() }})\r\n      </span>\r\n      <span class=\"ellipsis\">{{ document().getTitle(lang()) }} ({{ document().miloCode }})</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() }}</span>\r\n      <span>{{ document().amount | currency: document().currencyCode:'symbol' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class RoyaltyContractRapidSearchComponent {
@@ -2342,11 +2336,11 @@ class RoyaltyContractRapidSearchComponent {
         this.redirect.emit({ module: null, route: '/royalty/contract/consult/' + this.document().id });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: RoyaltyContractRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: RoyaltyContractRapidSearchComponent, selector: "sc-royalty-contract-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-30 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().clientName }} ({{document().clientCodeSap}})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-50 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLES' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().works.join(', ') }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: RoyaltyContractRapidSearchComponent, selector: "sc-royalty-contract-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-30 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().clientName }} ({{document().clientCodeSap}})</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-50 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLES' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().works.join(', ') }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: RoyaltyContractRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-royalty-contract-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-30 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().clientName }} ({{document().clientCodeSap}})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-50 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLES' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().works.join(', ') }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-royalty-contract-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-30 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().clientName }} ({{document().clientCodeSap}})</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-50 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.TITLES' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().works.join(', ') }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class RoyaltyInvoiceRapidSearchComponent {
@@ -2359,11 +2353,11 @@ class RoyaltyInvoiceRapidSearchComponent {
         this.redirect.emit({ module: null, route: '/royalty/count/consult/' + this.document().countId });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: RoyaltyInvoiceRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: RoyaltyInvoiceRapidSearchComponent, selector: "sc-royalty-invoice-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.INVOICE' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().invoiceNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.COUNT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().countNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-40 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().clientName }} ({{ document().clientCodeSap }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EMISSION_DATE' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().emissionDate }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: RoyaltyInvoiceRapidSearchComponent, selector: "sc-royalty-invoice-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.INVOICE' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().invoiceNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.COUNT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().countNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-40 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().clientName }} ({{ document().clientCodeSap }})</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EMISSION_DATE' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().emissionDate }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: RoyaltyInvoiceRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-royalty-invoice-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.INVOICE' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().invoiceNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.COUNT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().countNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-40 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().clientName }} ({{ document().clientCodeSap }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EMISSION_DATE' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().emissionDate }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-royalty-invoice-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.INVOICE' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().invoiceNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.COUNT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().countNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-40 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().clientName }} ({{ document().clientCodeSap }})</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-15 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.EMISSION_DATE' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().emissionDate }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class RoyaltyCountRapidSearchComponent {
@@ -2376,11 +2370,11 @@ class RoyaltyCountRapidSearchComponent {
         this.redirect.emit({ module: null, route: '/royalty/count/consult/' + this.document().id });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: RoyaltyCountRapidSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: RoyaltyCountRapidSearchComponent, selector: "sc-royalty-count-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.COUNT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().countNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-40 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().clientName }} ({{ document().clientCodeSap }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.END_DATE' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().periodEnd ? document().periodEnd : '-' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: RoyaltyCountRapidSearchComponent, selector: "sc-royalty-count-rapid-search", inputs: { document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.COUNT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().countNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-40 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().clientName }} ({{ document().clientCodeSap }})</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.END_DATE' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().periodEnd ? document().periodEnd : '-' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"], dependencies: [{ kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: RoyaltyCountRapidSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-royalty-count-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\n  <div class=\"max-width-5\">\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\n  </div>\n  <div class=\"d-flex max-width-95\">\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.COUNT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().countNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-40 ellipsis\">\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().clientName }} ({{ document().clientCodeSap }})</span>\n    </div>\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\n      <span\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.END_DATE' | commonTranslate: lang() }}</span>\n      <span class=\"ellipsis\">{{ document().periodEnd ? document().periodEnd : '-' }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
+            args: [{ selector: 'sc-royalty-count-rapid-search', template: "<div class=\"d-flex align-items-center\" (click)=\"onSelectSearch()\">\r\n  <div class=\"max-width-5\">\r\n    <span class=\"material-icons-outlined rapid-search-type-icon\">savings</span>\r\n  </div>\r\n  <div class=\"d-flex max-width-95\">\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.COUNT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().countNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CONTRACT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().contractNumber }}</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-40 ellipsis\">\r\n      <span class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.CLIENT' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().clientName }} ({{ document().clientCodeSap }})</span>\r\n    </div>\r\n    <div class=\"d-flex flex-column max-width-20 ellipsis\">\r\n      <span\r\n        class=\"auto-complete-label\">{{ 'COMMON.HEADER.GLOBAL_SEARCH.ITEM.END_DATE' | commonTranslate: lang() }}</span>\r\n      <span class=\"ellipsis\">{{ document().periodEnd ? document().periodEnd : '-' }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.rapid-search-type-icon{font-size:1.4em;vertical-align:middle}.auto-complete-label{font-size:8px}\n"] }]
         }] });
 class AdvancedSearchComponent {
@@ -2429,14 +2423,14 @@ class AdvancedSearchComponent {
         this.redirect.emit({ module: module, route: route });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: AdvancedSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: AdvancedSearchComponent, selector: "sc-advanced-search", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"global-search\">\n  <mat-icon class=\"header-icon\">search</mat-icon>\n  <span class=\"global-search-separator\"></span>\n  <mat-form-field class=\"max-width-100\" subscriptSizing=\"dynamic\">\n    <input [formControl]=\"formControlSearch\"\n           [matAutocomplete]=\"autoSearch\"\n           class=\"global-search-input max-width-85\"\n           matInput\n           placeholder=\"search ...\"/>\n\n    <button (click)=\"onNavigateAdvancedSearch(null, '/advanced-search')\"\n            matSuffix\n            class=\"btn advanced-button\" mat-raised-button>\n      <mat-icon>flash_on</mat-icon>\n      {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang() }}\n    </button>\n\n    <mat-autocomplete #autoSearch=\"matAutocomplete\" class=\"mat-autocomplete-global-search\" panelWidth=\"54vw\">\n      @for (document of documents$ | async; track document) {\n        <mat-option class=\"mat-option-global-search\">\n          @switch (document.docType) {\n            @case (RapidSearchItemType.PURCHASE_ORDER) {\n              <sc-purchase-order-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                              (redirect)=\"onNavigateEvent($event)\"></sc-purchase-order-rapid-search>\n            }\n            @case (RapidSearchItemType.PRODUCT) {\n              <sc-product-rapid-search [document]=\"document\" [lang]=\"lang()\" [labelLang]=\"labelLang\"\n                                       (redirect)=\"onNavigateEvent($event)\"></sc-product-rapid-search>\n            }\n            @case (RapidSearchItemType.WORK_VERSION) {\n              <sc-work-version-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                            (redirect)=\"onNavigateEvent($event)\"></sc-work-version-rapid-search>\n            }\n            @case (RapidSearchItemType.DEAL) {\n              <sc-deal-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                    (redirect)=\"onNavigateEvent($event)\"></sc-deal-rapid-search>\n            }\n            @case (RapidSearchItemType.WORK_RECORD) {\n              <sc-work-record-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                           (redirect)=\"onNavigateEvent($event)\"></sc-work-record-rapid-search>\n            }\n            @case (RapidSearchItemType.THIRD_PARTY) {\n              <sc-third-party-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                           (redirect)=\"onNavigateEvent($event)\"></sc-third-party-rapid-search>\n            }\n            @case (RapidSearchItemType.CONTRACT) {\n              <sc-contract-rapid-search [document]=\"document\" [lang]=\"lang()\" [labelLang]=\"labelLang\"\n                                        (redirect)=\"onNavigateEvent($event)\"></sc-contract-rapid-search>\n            }\n            @case (RapidSearchItemType.INVOICE) {\n              <sc-invoice-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                       (redirect)=\"onNavigateEvent($event)\"></sc-invoice-rapid-search>\n            }\n            @case (RapidSearchItemType.ROYALTY_CONTRACT) {\n              <sc-royalty-contract-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                                (redirect)=\"onNavigateEvent($event)\"></sc-royalty-contract-rapid-search>\n            }\n            @case (RapidSearchItemType.ROYALTY_INVOICE) {\n              <sc-royalty-invoice-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                               (redirect)=\"onNavigateEvent($event)\"></sc-royalty-invoice-rapid-search>\n            }\n            @case (RapidSearchItemType.ROYALTY_COUNT) {\n              <sc-royalty-count-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                             (redirect)=\"onNavigateEvent($event)\"></sc-royalty-count-rapid-search>\n            }\n          }\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"], dependencies: [{ kind: "directive", type: i1$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: PurchaseOrderRapidSearchComponent, selector: "sc-purchase-order-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: ProductRapidSearchComponent, selector: "sc-product-rapid-search", inputs: ["document", "lang", "labelLang"], outputs: ["redirect"] }, { kind: "component", type: WorkVersionRapidSearchComponent, selector: "sc-work-version-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: DealRapidSearchComponent, selector: "sc-deal-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: WorkRecordRapidSearchComponent, selector: "sc-work-record-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: ThirdPartyRapidSearchComponent, selector: "sc-third-party-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: ContractRapidSearchComponent, selector: "sc-contract-rapid-search", inputs: ["document", "lang", "labelLang"], outputs: ["redirect"] }, { kind: "component", type: InvoiceRapidSearchComponent, selector: "sc-invoice-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: RoyaltyContractRapidSearchComponent, selector: "sc-royalty-contract-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: RoyaltyInvoiceRapidSearchComponent, selector: "sc-royalty-invoice-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: RoyaltyCountRapidSearchComponent, selector: "sc-royalty-count-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: AdvancedSearchComponent, selector: "sc-advanced-search", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<div class=\"global-search\">\r\n  <mat-icon class=\"header-icon\">search</mat-icon>\r\n  <span class=\"global-search-separator\"></span>\r\n  <mat-form-field class=\"max-width-100\" subscriptSizing=\"dynamic\">\r\n    <input [formControl]=\"formControlSearch\"\r\n           [matAutocomplete]=\"autoSearch\"\r\n           class=\"global-search-input max-width-85\"\r\n           matInput\r\n           placeholder=\"search ...\"/>\r\n\r\n    <button (click)=\"onNavigateAdvancedSearch(null, '/advanced-search')\"\r\n            matSuffix\r\n            class=\"btn advanced-button\" mat-raised-button>\r\n      <mat-icon>flash_on</mat-icon>\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=\"54vw\">\r\n      @for (document of documents$ | async; track document) {\r\n        <mat-option class=\"mat-option-global-search\">\r\n          @switch (document.docType) {\r\n            @case (RapidSearchItemType.PURCHASE_ORDER) {\r\n              <sc-purchase-order-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                              (redirect)=\"onNavigateEvent($event)\"></sc-purchase-order-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.PRODUCT) {\r\n              <sc-product-rapid-search [document]=\"document\" [lang]=\"lang()\" [labelLang]=\"labelLang\"\r\n                                       (redirect)=\"onNavigateEvent($event)\"></sc-product-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.WORK_VERSION) {\r\n              <sc-work-version-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                            (redirect)=\"onNavigateEvent($event)\"></sc-work-version-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.DEAL) {\r\n              <sc-deal-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                    (redirect)=\"onNavigateEvent($event)\"></sc-deal-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.WORK_RECORD) {\r\n              <sc-work-record-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                           (redirect)=\"onNavigateEvent($event)\"></sc-work-record-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.THIRD_PARTY) {\r\n              <sc-third-party-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                           (redirect)=\"onNavigateEvent($event)\"></sc-third-party-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.CONTRACT) {\r\n              <sc-contract-rapid-search [document]=\"document\" [lang]=\"lang()\" [labelLang]=\"labelLang\"\r\n                                        (redirect)=\"onNavigateEvent($event)\"></sc-contract-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.INVOICE) {\r\n              <sc-invoice-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                       (redirect)=\"onNavigateEvent($event)\"></sc-invoice-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.ROYALTY_CONTRACT) {\r\n              <sc-royalty-contract-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                                (redirect)=\"onNavigateEvent($event)\"></sc-royalty-contract-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.ROYALTY_INVOICE) {\r\n              <sc-royalty-invoice-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                               (redirect)=\"onNavigateEvent($event)\"></sc-royalty-invoice-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.ROYALTY_COUNT) {\r\n              <sc-royalty-count-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                             (redirect)=\"onNavigateEvent($event)\"></sc-royalty-count-rapid-search>\r\n            }\r\n          }\r\n        </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n  </mat-form-field>\r\n</div>\r\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"], dependencies: [{ kind: "directive", type: i1$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: PurchaseOrderRapidSearchComponent, selector: "sc-purchase-order-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: ProductRapidSearchComponent, selector: "sc-product-rapid-search", inputs: ["document", "lang", "labelLang"], outputs: ["redirect"] }, { kind: "component", type: WorkVersionRapidSearchComponent, selector: "sc-work-version-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: DealRapidSearchComponent, selector: "sc-deal-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: WorkRecordRapidSearchComponent, selector: "sc-work-record-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: ThirdPartyRapidSearchComponent, selector: "sc-third-party-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: ContractRapidSearchComponent, selector: "sc-contract-rapid-search", inputs: ["document", "lang", "labelLang"], outputs: ["redirect"] }, { kind: "component", type: InvoiceRapidSearchComponent, selector: "sc-invoice-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: RoyaltyContractRapidSearchComponent, selector: "sc-royalty-contract-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: RoyaltyInvoiceRapidSearchComponent, selector: "sc-royalty-invoice-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "component", type: RoyaltyCountRapidSearchComponent, selector: "sc-royalty-count-rapid-search", inputs: ["document", "lang"], outputs: ["redirect"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 __decorate([
     User()
 ], AdvancedSearchComponent.prototype, "user", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: AdvancedSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-advanced-search', template: "<div class=\"global-search\">\n  <mat-icon class=\"header-icon\">search</mat-icon>\n  <span class=\"global-search-separator\"></span>\n  <mat-form-field class=\"max-width-100\" subscriptSizing=\"dynamic\">\n    <input [formControl]=\"formControlSearch\"\n           [matAutocomplete]=\"autoSearch\"\n           class=\"global-search-input max-width-85\"\n           matInput\n           placeholder=\"search ...\"/>\n\n    <button (click)=\"onNavigateAdvancedSearch(null, '/advanced-search')\"\n            matSuffix\n            class=\"btn advanced-button\" mat-raised-button>\n      <mat-icon>flash_on</mat-icon>\n      {{ 'COMMON.HEADER.GLOBAL_SEARCH.ADVANCED' | commonTranslate: lang() }}\n    </button>\n\n    <mat-autocomplete #autoSearch=\"matAutocomplete\" class=\"mat-autocomplete-global-search\" panelWidth=\"54vw\">\n      @for (document of documents$ | async; track document) {\n        <mat-option class=\"mat-option-global-search\">\n          @switch (document.docType) {\n            @case (RapidSearchItemType.PURCHASE_ORDER) {\n              <sc-purchase-order-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                              (redirect)=\"onNavigateEvent($event)\"></sc-purchase-order-rapid-search>\n            }\n            @case (RapidSearchItemType.PRODUCT) {\n              <sc-product-rapid-search [document]=\"document\" [lang]=\"lang()\" [labelLang]=\"labelLang\"\n                                       (redirect)=\"onNavigateEvent($event)\"></sc-product-rapid-search>\n            }\n            @case (RapidSearchItemType.WORK_VERSION) {\n              <sc-work-version-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                            (redirect)=\"onNavigateEvent($event)\"></sc-work-version-rapid-search>\n            }\n            @case (RapidSearchItemType.DEAL) {\n              <sc-deal-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                    (redirect)=\"onNavigateEvent($event)\"></sc-deal-rapid-search>\n            }\n            @case (RapidSearchItemType.WORK_RECORD) {\n              <sc-work-record-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                           (redirect)=\"onNavigateEvent($event)\"></sc-work-record-rapid-search>\n            }\n            @case (RapidSearchItemType.THIRD_PARTY) {\n              <sc-third-party-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                           (redirect)=\"onNavigateEvent($event)\"></sc-third-party-rapid-search>\n            }\n            @case (RapidSearchItemType.CONTRACT) {\n              <sc-contract-rapid-search [document]=\"document\" [lang]=\"lang()\" [labelLang]=\"labelLang\"\n                                        (redirect)=\"onNavigateEvent($event)\"></sc-contract-rapid-search>\n            }\n            @case (RapidSearchItemType.INVOICE) {\n              <sc-invoice-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                       (redirect)=\"onNavigateEvent($event)\"></sc-invoice-rapid-search>\n            }\n            @case (RapidSearchItemType.ROYALTY_CONTRACT) {\n              <sc-royalty-contract-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                                (redirect)=\"onNavigateEvent($event)\"></sc-royalty-contract-rapid-search>\n            }\n            @case (RapidSearchItemType.ROYALTY_INVOICE) {\n              <sc-royalty-invoice-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                               (redirect)=\"onNavigateEvent($event)\"></sc-royalty-invoice-rapid-search>\n            }\n            @case (RapidSearchItemType.ROYALTY_COUNT) {\n              <sc-royalty-count-rapid-search [document]=\"document\" [lang]=\"lang()\"\n                                             (redirect)=\"onNavigateEvent($event)\"></sc-royalty-count-rapid-search>\n            }\n          }\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"] }]
+            args: [{ selector: 'sc-advanced-search', template: "<div class=\"global-search\">\r\n  <mat-icon class=\"header-icon\">search</mat-icon>\r\n  <span class=\"global-search-separator\"></span>\r\n  <mat-form-field class=\"max-width-100\" subscriptSizing=\"dynamic\">\r\n    <input [formControl]=\"formControlSearch\"\r\n           [matAutocomplete]=\"autoSearch\"\r\n           class=\"global-search-input max-width-85\"\r\n           matInput\r\n           placeholder=\"search ...\"/>\r\n\r\n    <button (click)=\"onNavigateAdvancedSearch(null, '/advanced-search')\"\r\n            matSuffix\r\n            class=\"btn advanced-button\" mat-raised-button>\r\n      <mat-icon>flash_on</mat-icon>\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=\"54vw\">\r\n      @for (document of documents$ | async; track document) {\r\n        <mat-option class=\"mat-option-global-search\">\r\n          @switch (document.docType) {\r\n            @case (RapidSearchItemType.PURCHASE_ORDER) {\r\n              <sc-purchase-order-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                              (redirect)=\"onNavigateEvent($event)\"></sc-purchase-order-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.PRODUCT) {\r\n              <sc-product-rapid-search [document]=\"document\" [lang]=\"lang()\" [labelLang]=\"labelLang\"\r\n                                       (redirect)=\"onNavigateEvent($event)\"></sc-product-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.WORK_VERSION) {\r\n              <sc-work-version-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                            (redirect)=\"onNavigateEvent($event)\"></sc-work-version-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.DEAL) {\r\n              <sc-deal-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                    (redirect)=\"onNavigateEvent($event)\"></sc-deal-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.WORK_RECORD) {\r\n              <sc-work-record-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                           (redirect)=\"onNavigateEvent($event)\"></sc-work-record-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.THIRD_PARTY) {\r\n              <sc-third-party-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                           (redirect)=\"onNavigateEvent($event)\"></sc-third-party-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.CONTRACT) {\r\n              <sc-contract-rapid-search [document]=\"document\" [lang]=\"lang()\" [labelLang]=\"labelLang\"\r\n                                        (redirect)=\"onNavigateEvent($event)\"></sc-contract-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.INVOICE) {\r\n              <sc-invoice-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                       (redirect)=\"onNavigateEvent($event)\"></sc-invoice-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.ROYALTY_CONTRACT) {\r\n              <sc-royalty-contract-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                                (redirect)=\"onNavigateEvent($event)\"></sc-royalty-contract-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.ROYALTY_INVOICE) {\r\n              <sc-royalty-invoice-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                               (redirect)=\"onNavigateEvent($event)\"></sc-royalty-invoice-rapid-search>\r\n            }\r\n            @case (RapidSearchItemType.ROYALTY_COUNT) {\r\n              <sc-royalty-count-rapid-search [document]=\"document\" [lang]=\"lang()\"\r\n                                             (redirect)=\"onNavigateEvent($event)\"></sc-royalty-count-rapid-search>\r\n            }\r\n          }\r\n        </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n  </mat-form-field>\r\n</div>\r\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"] }]
         }], propDecorators: { user: [] } });
 var HistoryItemTypeEnum;
@@ -2473,11 +2467,11 @@ class HistoryComponent {
         this.redirect.emit({ module: module, route: route });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: HistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: HistoryComponent, selector: "sc-history", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\" class=\"material-icons header-icon\" style=\"width: 100%\">history</span>\n\n<mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\n  @for (history of historyList; track history) {\n    @switch (history.type) {\n      @case (HistoryItemTypeEnum.PRODUCT) {\n        <button (click)=\"onSelectHistory('video ', '/product/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">theaters</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang() }}{{ history.type }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.PURCHASE_ORDER) {\n        <button (click)=\"onSelectHistory('expenditure-commitment', '/purchase-orders/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">receipt_long</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.DEAL) {\n        <button (click)=\"onSelectHistory('commercial', '/deal/consult/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">local_offer</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.WORK) {\n        <button (click)=\"onSelectHistory('commercial', '/work-record/consult/'+ history.id +'/general')\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">assignment</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.WORK_RECORD' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.CONTRACT_ACQ) {\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/acq/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">shop_two</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_ACQ' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.CONTRACT_CESS) {\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/cess/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">receipt</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_CESS' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.CONTRACT_AUTH) {\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/auth/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">account_circle</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_AUTH' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.BUDGET) {\n        <button (click)=\"onSelectHistory('expenditure-commitment', '/budget/form/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">payments</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.BUDGET' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.NO_HISTORY_AVAILABLE) {\n        <button mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">not_interested</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang() }}\n        </button>\n      }\n    }\n  }\n</mat-menu>\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: HistoryComponent, selector: "sc-history", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\" class=\"material-icons header-icon\" style=\"width: 100%\">history</span>\r\n\r\n<mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\r\n  @for (history of historyList; track history) {\r\n    @switch (history.type) {\r\n      @case (HistoryItemTypeEnum.PRODUCT) {\r\n        <button (click)=\"onSelectHistory('video ', '/product/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">theaters</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang() }}{{ history.type }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.PURCHASE_ORDER) {\r\n        <button (click)=\"onSelectHistory('expenditure-commitment', '/purchase-orders/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">receipt_long</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.DEAL) {\r\n        <button (click)=\"onSelectHistory('commercial', '/deal/consult/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">local_offer</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.WORK) {\r\n        <button (click)=\"onSelectHistory('commercial', '/work-record/consult/'+ history.id +'/general')\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">assignment</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.WORK_RECORD' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.CONTRACT_ACQ) {\r\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/acq/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">shop_two</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_ACQ' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.CONTRACT_CESS) {\r\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/cess/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">receipt</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_CESS' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.CONTRACT_AUTH) {\r\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/auth/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">account_circle</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_AUTH' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.BUDGET) {\r\n        <button (click)=\"onSelectHistory('expenditure-commitment', '/budget/form/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">payments</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.BUDGET' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.NO_HISTORY_AVAILABLE) {\r\n        <button mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">not_interested</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang() }}\r\n        </button>\r\n      }\r\n    }\r\n  }\r\n</mat-menu>\r\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"], dependencies: [{ kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: HistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-history', template: "<span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\" class=\"material-icons header-icon\" style=\"width: 100%\">history</span>\n\n<mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\n  @for (history of historyList; track history) {\n    @switch (history.type) {\n      @case (HistoryItemTypeEnum.PRODUCT) {\n        <button (click)=\"onSelectHistory('video ', '/product/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">theaters</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang() }}{{ history.type }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.PURCHASE_ORDER) {\n        <button (click)=\"onSelectHistory('expenditure-commitment', '/purchase-orders/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">receipt_long</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.DEAL) {\n        <button (click)=\"onSelectHistory('commercial', '/deal/consult/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">local_offer</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.WORK) {\n        <button (click)=\"onSelectHistory('commercial', '/work-record/consult/'+ history.id +'/general')\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">assignment</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.WORK_RECORD' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.CONTRACT_ACQ) {\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/acq/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">shop_two</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_ACQ' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.CONTRACT_CESS) {\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/cess/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">receipt</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_CESS' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.CONTRACT_AUTH) {\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/auth/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">account_circle</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_AUTH' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.BUDGET) {\n        <button (click)=\"onSelectHistory('expenditure-commitment', '/budget/form/' + history.id)\" mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">payments</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.BUDGET' | commonTranslate : lang() }} {{ history.ref }}\n        </button>\n      }\n      @case (HistoryItemTypeEnum.NO_HISTORY_AVAILABLE) {\n        <button mat-menu-item>\n          <mat-icon class=\"material-icons-outlined\">not_interested</mat-icon>\n          {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang() }}\n        </button>\n      }\n    }\n  }\n</mat-menu>\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"] }]
+            args: [{ selector: 'sc-history', template: "<span (click)=\"getHistory()\" [matMenuTriggerFor]=\"menuHistory\" class=\"material-icons header-icon\" style=\"width: 100%\">history</span>\r\n\r\n<mat-menu #menuHistory=\"matMenu\" class=\"action-menu\">\r\n  @for (history of historyList; track history) {\r\n    @switch (history.type) {\r\n      @case (HistoryItemTypeEnum.PRODUCT) {\r\n        <button (click)=\"onSelectHistory('video ', '/product/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">theaters</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.PRODUCT' | commonTranslate : lang() }}{{ history.type }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.PURCHASE_ORDER) {\r\n        <button (click)=\"onSelectHistory('expenditure-commitment', '/purchase-orders/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">receipt_long</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.PO' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.DEAL) {\r\n        <button (click)=\"onSelectHistory('commercial', '/deal/consult/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">local_offer</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.DEAL' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.WORK) {\r\n        <button (click)=\"onSelectHistory('commercial', '/work-record/consult/'+ history.id +'/general')\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">assignment</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.WORK_RECORD' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.CONTRACT_ACQ) {\r\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/acq/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">shop_two</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_ACQ' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.CONTRACT_CESS) {\r\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/cess/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">receipt</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_CESS' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.CONTRACT_AUTH) {\r\n        <button (click)=\"onSelectHistory('legal', '/contracts-details/auth/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">account_circle</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.CONTRACT_AUTH' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.BUDGET) {\r\n        <button (click)=\"onSelectHistory('expenditure-commitment', '/budget/form/' + history.id)\" mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">payments</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.BUDGET' | commonTranslate : lang() }} {{ history.ref }}\r\n        </button>\r\n      }\r\n      @case (HistoryItemTypeEnum.NO_HISTORY_AVAILABLE) {\r\n        <button mat-menu-item>\r\n          <mat-icon class=\"material-icons-outlined\">not_interested</mat-icon>\r\n          {{ 'COMMON.HEADER.HISTORY.NO_HISTORY_AVAILABLE' | commonTranslate : lang() }}\r\n        </button>\r\n      }\r\n    }\r\n  }\r\n</mat-menu>\r\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"] }]
         }] });
 class LangService {
@@ -2565,7 +2559,7 @@ class SettingsComponent {
         this.redirect.emit({ module: module, route: route });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: SettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: SettingsComponent, selector: "sc-settings", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon\" style=\"width: 100%\">settings</span>\n\n<!-- #enddocregion mat-menu-trigger-for -->\n<mat-menu #settings=\"matMenu\" class=\"settings-menu\">\n  <button (click)=\"switchTheme()\" mat-menu-item>\n    <mat-icon class=\"theme-icon\">toggle_on</mat-icon>\n    <span>{{ 'COMMON.HEADER.PARAMETERS.THEME' | commonTranslate: lang() }}</span>\n  </button>\n\n  <!-- Language -->\n  @for (language of languagesAvailable; track lang()) {\n    @if (lang() !== language) {\n      <button class=\"img-btn\" (click)='switchLang(language)' mat-menu-item>\n        <img class=\"mat-icon\" ngSrc=\"assets/img/flag/{{language}}-flag.png\" height=\"47\" width=\"70\" alt=\"\">\n        <span>{{ language }}</span>\n      </button>\n    }\n  }\n\n  <ng-container *ngxPermissionsExcept=\"restrictions\">\n    <!--USER-->\n    @if (user && user.admin) {\n      <button (click)=\"onRedirect('user', '/account/authorization/search')\" mat-menu-item>\n        <mat-icon class=\"material-icons-outlined\">manage_accounts</mat-icon>\n        <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang() }}</span>\n      </button>\n    }\n  </ng-container>\n  <!--MY PREFERENCES-->\n  <button (click)=\"onRedirect('user', '/account/settings')\" mat-menu-item>\n    <mat-icon class=\"material-icons-outlined\">settings</mat-icon>\n    <span>{{ 'COMMON.HEADER.MENU.USER.SETTINGS' | commonTranslate: lang() }}</span>\n  </button>\n  <ng-container *ngxPermissionsExcept=\"restrictions\">\n    <!--NOTIFICATIONS-->\n    @if (user && user.admin) {\n    <button (click)=\"onRedirect('user', '/notifications')\" mat-menu-item>\n      <mat-icon class=\"material-icons-outlined\">announcement</mat-icon>\n      <span>{{ 'COMMON.HEADER.MENU.USER.NOTIFICATIONS' | commonTranslate: lang() }}</span>\n    </button>\n    }\n  </ng-container>\n</mat-menu>\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"], dependencies: [{ kind: "directive", type: i3$1.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i1$3.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: SettingsComponent, selector: "sc-settings", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { redirect: "redirect" }, ngImport: i0, template: "<span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon\" style=\"width: 100%\">settings</span>\r\n\r\n<!-- #enddocregion mat-menu-trigger-for -->\r\n<mat-menu #settings=\"matMenu\" class=\"settings-menu\">\r\n  <button (click)=\"switchTheme()\" mat-menu-item>\r\n    <mat-icon class=\"theme-icon\">toggle_on</mat-icon>\r\n    <span>{{ 'COMMON.HEADER.PARAMETERS.THEME' | commonTranslate: lang() }}</span>\r\n  </button>\r\n\r\n  <!-- Language -->\r\n  @for (language of languagesAvailable; track language) {\r\n    @if (lang() !== language) {\r\n      <button class=\"img-btn\" (click)='switchLang(language)' mat-menu-item>\r\n        <img class=\"mat-icon\" ngSrc=\"assets/img/flag/{{language}}-flag.png\" height=\"47\" width=\"70\" alt=\"\">\r\n        <span>{{ language }}</span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  <ng-container *ngxPermissionsExcept=\"restrictions\">\r\n    <!--USER-->\r\n    @if (user && user.admin) {\r\n      <button (click)=\"onRedirect('user', '/account/authorization/search')\" mat-menu-item>\r\n        <mat-icon class=\"material-icons-outlined\">manage_accounts</mat-icon>\r\n        <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang() }}</span>\r\n      </button>\r\n    }\r\n  </ng-container>\r\n  <!--MY PREFERENCES-->\r\n  <button (click)=\"onRedirect('user', '/account/settings')\" mat-menu-item>\r\n    <mat-icon class=\"material-icons-outlined\">settings</mat-icon>\r\n    <span>{{ 'COMMON.HEADER.MENU.USER.SETTINGS' | commonTranslate: lang() }}</span>\r\n  </button>\r\n</mat-menu>\r\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"], dependencies: [{ kind: "directive", type: i3$1.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i1$3.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 __decorate([
     Theme()
@@ -2575,169 +2569,9 @@ __decorate([
 ], SettingsComponent.prototype, "user", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-settings', template: "<span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon\" style=\"width: 100%\">settings</span>\n\n<!-- #enddocregion mat-menu-trigger-for -->\n<mat-menu #settings=\"matMenu\" class=\"settings-menu\">\n  <button (click)=\"switchTheme()\" mat-menu-item>\n    <mat-icon class=\"theme-icon\">toggle_on</mat-icon>\n    <span>{{ 'COMMON.HEADER.PARAMETERS.THEME' | commonTranslate: lang() }}</span>\n  </button>\n\n  <!-- Language -->\n  @for (language of languagesAvailable; track lang()) {\n    @if (lang() !== language) {\n      <button class=\"img-btn\" (click)='switchLang(language)' mat-menu-item>\n        <img class=\"mat-icon\" ngSrc=\"assets/img/flag/{{language}}-flag.png\" height=\"47\" width=\"70\" alt=\"\">\n        <span>{{ language }}</span>\n      </button>\n    }\n  }\n\n  <ng-container *ngxPermissionsExcept=\"restrictions\">\n    <!--USER-->\n    @if (user && user.admin) {\n      <button (click)=\"onRedirect('user', '/account/authorization/search')\" mat-menu-item>\n        <mat-icon class=\"material-icons-outlined\">manage_accounts</mat-icon>\n        <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang() }}</span>\n      </button>\n    }\n  </ng-container>\n  <!--MY PREFERENCES-->\n  <button (click)=\"onRedirect('user', '/account/settings')\" mat-menu-item>\n    <mat-icon class=\"material-icons-outlined\">settings</mat-icon>\n    <span>{{ 'COMMON.HEADER.MENU.USER.SETTINGS' | commonTranslate: lang() }}</span>\n  </button>\n  <ng-container *ngxPermissionsExcept=\"restrictions\">\n    <!--NOTIFICATIONS-->\n    @if (user && user.admin) {\n    <button (click)=\"onRedirect('user', '/notifications')\" mat-menu-item>\n      <mat-icon class=\"material-icons-outlined\">announcement</mat-icon>\n      <span>{{ 'COMMON.HEADER.MENU.USER.NOTIFICATIONS' | commonTranslate: lang() }}</span>\n    </button>\n    }\n  </ng-container>\n</mat-menu>\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"] }]
+            args: [{ selector: 'sc-settings', template: "<span [matMenuTriggerFor]=\"settings\" class=\"material-icons-outlined header-icon\" style=\"width: 100%\">settings</span>\r\n\r\n<!-- #enddocregion mat-menu-trigger-for -->\r\n<mat-menu #settings=\"matMenu\" class=\"settings-menu\">\r\n  <button (click)=\"switchTheme()\" mat-menu-item>\r\n    <mat-icon class=\"theme-icon\">toggle_on</mat-icon>\r\n    <span>{{ 'COMMON.HEADER.PARAMETERS.THEME' | commonTranslate: lang() }}</span>\r\n  </button>\r\n\r\n  <!-- Language -->\r\n  @for (language of languagesAvailable; track language) {\r\n    @if (lang() !== language) {\r\n      <button class=\"img-btn\" (click)='switchLang(language)' mat-menu-item>\r\n        <img class=\"mat-icon\" ngSrc=\"assets/img/flag/{{language}}-flag.png\" height=\"47\" width=\"70\" alt=\"\">\r\n        <span>{{ language }}</span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  <ng-container *ngxPermissionsExcept=\"restrictions\">\r\n    <!--USER-->\r\n    @if (user && user.admin) {\r\n      <button (click)=\"onRedirect('user', '/account/authorization/search')\" mat-menu-item>\r\n        <mat-icon class=\"material-icons-outlined\">manage_accounts</mat-icon>\r\n        <span>{{ 'COMMON.HEADER.MENU.USER.SECTION_TITLE' | commonTranslate: lang() }}</span>\r\n      </button>\r\n    }\r\n  </ng-container>\r\n  <!--MY PREFERENCES-->\r\n  <button (click)=\"onRedirect('user', '/account/settings')\" mat-menu-item>\r\n    <mat-icon class=\"material-icons-outlined\">settings</mat-icon>\r\n    <span>{{ 'COMMON.HEADER.MENU.USER.SETTINGS' | commonTranslate: lang() }}</span>\r\n  </button>\r\n</mat-menu>\r\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"] }]
         }], propDecorators: { theme: [], user: [] } });
-class NotificationApiService {
-    constructor(config, http) {
-        this.config = config;
-        this.http = http;
-        this.apiUrl = this.config.api_url + '/authorization-api/';
-    }
-    getLiveNotifications() {
-        return this.http.get(this.apiUrl + `notifications/live`)
-            .pipe(catchError(CommonApiService.handleError));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationApiService, deps: [{ token: WEB_CONFIG }, { token: i1$5.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationApiService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [WEB_CONFIG]
-                }] }, { type: i1$5.HttpClient }] });
-class AuthService {
-    constructor() {
-        this.isAuthenticatedSubject = new BehaviorSubject(false);
-        this.isAuthenticated$ = this.isAuthenticatedSubject.asObservable();
-    }
-    setAuthenticated(isAuthenticated) {
-        this.isAuthenticatedSubject.next(isAuthenticated);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: AuthService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: AuthService, decorators: [{
-            type: Injectable
-        }] });
-const NOTIFICATION_WEBSOCKET_URL = '/authorization-api/ws';
-const NOTIFICATION_TOPIC = '/topic/notification';
-const ACKED_NOTIFICATIONS_LOCAL_STORAGE_KEY = 'ackedNotifications';
-class NotificationService {
-    constructor(config, notificationApiService, localStorage, authService) {
-        this.config = config;
-        this.notificationApiService = notificationApiService;
-        this.localStorage = localStorage;
-        this.authService = authService;
-        this.stompClient = null;
-        this.notificationSubject = new BehaviorSubject(null);
-        // Observable for components to subscribe to messages
-        this.notifications$ = this.notificationSubject.asObservable();
-        // Subject to track the connection status (connected/disconnected)
-        this.connectionSubject = new BehaviorSubject(false);
-        this.apiUrl = this.config.api_url + NOTIFICATION_WEBSOCKET_URL;
-        authService.isAuthenticated$.subscribe(isAuthenticated => {
-            if (isAuthenticated) {
-                this.fetchLiveNotifications();
-                this.subscribeToNotifications();
-            }
-        });
-    }
-    ackNotification(notification) {
-        const ackedNotifications = this.localStorage.get(ACKED_NOTIFICATIONS_LOCAL_STORAGE_KEY) ?? [];
-        ackedNotifications.push(notification.id);
-        this.localStorage.post(ACKED_NOTIFICATIONS_LOCAL_STORAGE_KEY, ackedNotifications);
-    }
-    fetchLiveNotifications() {
-        this.notificationApiService.getLiveNotifications().subscribe(notifications => {
-            const liveNotificationIds = notifications.map(notification => notification.id);
-            // Clear up any acked notifications that have expired (no longer live)
-            let ackedNotifications = this.localStorage.get(ACKED_NOTIFICATIONS_LOCAL_STORAGE_KEY) ?? [];
-            ackedNotifications = ackedNotifications.filter(ackedNotificationId => liveNotificationIds.indexOf(ackedNotificationId) >= 0);
-            this.localStorage.post(ACKED_NOTIFICATIONS_LOCAL_STORAGE_KEY, ackedNotifications);
-            // Handle new notifications
-            notifications.filter(notification => notification.published)
-                .filter(notification => ackedNotifications.indexOf(notification.id) === -1)
-                .forEach(notification => this.handleNotification(notification));
-        });
-    }
-    subscribeToNotifications() {
-        if (this.stompClient) {
-            return;
-        }
-        // Start listening for new notifications
-        const socket = new SockJS(this.apiUrl); // Initialize the SockJS WebSocket connection to the server
-        // Configure the STOMP client with connection details
-        this.stompClient = new Client$1({
-            webSocketFactory: () => socket, // Use SockJS as the WebSocket factory
-            reconnectDelay: 5000, // Reconnect delay if connection is lost
-        });
-        if (!this.stompClient) {
-            console.error('Failed to initialize stomp client');
-            return;
-        }
-        // On successful connection
-        this.stompClient.onConnect = () => {
-            this.connectionSubject.next(true);
-            // Register notification callback
-            this.stompClient.subscribe(NOTIFICATION_TOPIC, (message) => {
-                const notification = JSON.parse(message.body);
-                this.handleNotification(notification);
-            });
-        };
-        this.stompClient.onStompError = (frame) => {
-            console.error('Broker reported error: ' + frame.headers['message']);
-            console.error('Additional details: ' + frame.body);
-        };
-        console.log('Activating stomp client');
-        this.stompClient.activate();
-    }
-    handleNotification(notification) {
-        const targetSectionIds = notification.targetSections.map(section => section.id);
-        const userSectionIds = this.user.permissions.map(permission => permission.sectionId);
-        if (targetSectionIds.some((targetSectionId) => userSectionIds.includes(targetSectionId))) {
-            this.notificationSubject.next(notification);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationService, deps: [{ token: WEB_CONFIG }, { token: NotificationApiService }, { token: LocalStorageService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationService, providedIn: 'root' }); }
-}
-__decorate([
-    User()
-], NotificationService.prototype, "user", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [WEB_CONFIG]
-                }] }, { type: NotificationApiService }, { type: LocalStorageService }, { type: AuthService }], propDecorators: { user: [] } });
-class NotificationBarComponent {
-    constructor() {
-        this.lang = input();
-        this.notifications = [];
-        this.subs = new Subscription();
-        this.notificationService = inject(NotificationService);
-    }
-    ngOnInit() {
-        this.subs.add(this.notificationService.notifications$.subscribe(notification => {
-            if (notification && !this.notifications.some(otherNotification => otherNotification.id === notification.id)) {
-                this.notifications.push(notification);
-            }
-        }));
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    ackNotification(notification) {
-        this.notificationService.ackNotification(notification);
-        let index = this.notifications.indexOf(notification);
-        this.notifications.splice(index, 1);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: NotificationBarComponent, selector: "notification-bar", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"notification-bar-wrapper\">\n  <div *ngFor=\"let notification of notifications\"\n       [ngClass]=\"'notification-bar notification-bar-' + notification.classification\">\n    <div class=\"notification-bar-message\">\n      <mat-icon class=\"material-icons-outlined mat-icon-small\">\n        <ng-container *ngIf=\"notification.classification === 'INFO'\">info</ng-container>\n        <ng-container *ngIf=\"notification.classification === 'FEAT'\">rocket_launch</ng-container>\n        <ng-container *ngIf=\"notification.classification === 'MAINT'\">warning_amber</ng-container>\n      </mat-icon>\n      <span>{{ lang() === 'fr' ? notification.messageFr : notification.messageEn }}</span>\n    </div>\n    <button class=\"notification-close-button\" (click)=\"ackNotification(notification)\">\n      <mat-icon class=\"material-icons-outlined mat-icon-small\">close</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [":host{position:relative}.notification-bar-wrapper{display:block;left:0;overflow:hidden;right:0;width:100%}.notification-bar-wrapper *{box-sizing:border-box;margin:0;padding:0}.notification-bar-wrapper .notification-bar{border:1px solid;border-radius:5px;align-items:center;display:inline-flex;margin:0 auto;padding:3px;position:relative;font-size:14px;color:#fff;width:100%}.notification-bar-wrapper .notification-bar .notification-close-button{background:transparent;cursor:pointer;border:0;border-radius:0;color:#fff;transition:all .25s ease}.notification-bar-wrapper .notification-bar .notification-bar-message{display:flex;width:100%;margin:auto;gap:10px}.notification-bar-wrapper .notification-bar.notification-bar-INFO{background-color:#03a9f5}.notification-bar-wrapper .notification-bar.notification-bar-FEAT{background-color:#37b400}.notification-bar-wrapper .notification-bar.notification-bar-MAINT{background-color:#ff6358}.notification-bar-wrapper .mat-icon-small{height:18px;width:18px;min-width:18px;font-size:18px;color:#fff!important;margin-right:0!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'notification-bar', template: "<div class=\"notification-bar-wrapper\">\n  <div *ngFor=\"let notification of notifications\"\n       [ngClass]=\"'notification-bar notification-bar-' + notification.classification\">\n    <div class=\"notification-bar-message\">\n      <mat-icon class=\"material-icons-outlined mat-icon-small\">\n        <ng-container *ngIf=\"notification.classification === 'INFO'\">info</ng-container>\n        <ng-container *ngIf=\"notification.classification === 'FEAT'\">rocket_launch</ng-container>\n        <ng-container *ngIf=\"notification.classification === 'MAINT'\">warning_amber</ng-container>\n      </mat-icon>\n      <span>{{ lang() === 'fr' ? notification.messageFr : notification.messageEn }}</span>\n    </div>\n    <button class=\"notification-close-button\" (click)=\"ackNotification(notification)\">\n      <mat-icon class=\"material-icons-outlined mat-icon-small\">close</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [":host{position:relative}.notification-bar-wrapper{display:block;left:0;overflow:hidden;right:0;width:100%}.notification-bar-wrapper *{box-sizing:border-box;margin:0;padding:0}.notification-bar-wrapper .notification-bar{border:1px solid;border-radius:5px;align-items:center;display:inline-flex;margin:0 auto;padding:3px;position:relative;font-size:14px;color:#fff;width:100%}.notification-bar-wrapper .notification-bar .notification-close-button{background:transparent;cursor:pointer;border:0;border-radius:0;color:#fff;transition:all .25s ease}.notification-bar-wrapper .notification-bar .notification-bar-message{display:flex;width:100%;margin:auto;gap:10px}.notification-bar-wrapper .notification-bar.notification-bar-INFO{background-color:#03a9f5}.notification-bar-wrapper .notification-bar.notification-bar-FEAT{background-color:#37b400}.notification-bar-wrapper .notification-bar.notification-bar-MAINT{background-color:#ff6358}.notification-bar-wrapper .mat-icon-small{height:18px;width:18px;min-width:18px;font-size:18px;color:#fff!important;margin-right:0!important}\n"] }]
-        }] });
 class HeaderComponent {
     constructor() {
         this.toogleMenuEvent = output();
@@ -2803,14 +2637,14 @@ class HeaderComponent {
         window.location.href = route;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- Notifications container -->\n<notification-bar [lang]=\"lang\"></notification-bar>\n\n<mat-toolbar class=\"d-flex align-items-center toolbar-header toolbar-padding\">\n  <!-- Unity Logo -->\n  <span class=\"d-flex align-items-end\">\n    <a\n      [href]=\"env === 'prod' ? 'https://unity.studiocanal.com/dashboard' : (env === 'sbx' ? 'https://unity-sbx.cplus/dashboard' : 'https://unity-' + env + '.studiocanal.com/dashboard')\">\n      <img class=\"logo-unity\" alt=\"\" ngSrc=\"./assets/img/unity_logo_48x48.png\" width=\"48\" height=\"48\">\n    </a>\n    @if (env !== 'prod') {\n      <span [attr.id]=\"'env-' + env\" class=\"env\">{{ env }}</span>\n    }\n  </span>\n\n  <!-- Modules menu -->\n  <sc-menu [lang]=\"lang\" (navigate)=\"navigate($event.module, $event.route, $event.queryParams)\"\n           (redirect)=\"redirect($event.route)\" class=\"menu-header\"/>\n\n  <!-- Search -->\n  <sc-advanced-search [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\" class=\"global-search\"/>\n\n  <!-- Connected as -->\n  @if (user && user.secondary) {\n    <div class=\"connected-as d-flex justify-content-between align-items-center\">\n      <span style=\"margin-right: 10px\">\n        {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }}  {{ user.login + ' - ' + user.firstName + ' ' + user.name }}\n      </span>\n\n      @if (user.secondary) {\n        <button (click)=\"stopIdentityTheft()\" color=\"warn\" mat-raised-button>\n          {{ 'CORE.STOP' | commonTranslate: lang }}\n        </button>\n      }\n    </div>\n  }\n\n  <!-- History -->\n  <sc-history [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\" class=\"material-icons header-icon max-width-5\"/>\n  <span class=\"header-separator\"></span>\n  <!-- Settings -->\n  <sc-settings [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\"\n               class=\"material-icons-outlined header-icon max-width-5\"/>\n\n</mat-toolbar>\n\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"], dependencies: [{ kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i1$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i1$3.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MenuComponent, selector: "sc-menu", inputs: ["lang"], outputs: ["navigate", "redirect"] }, { kind: "component", type: AdvancedSearchComponent, selector: "sc-advanced-search", inputs: ["lang"], outputs: ["redirect"] }, { kind: "component", type: HistoryComponent, selector: "sc-history", inputs: ["lang"], outputs: ["redirect"] }, { kind: "component", type: SettingsComponent, selector: "sc-settings", inputs: ["lang"], outputs: ["redirect"] }, { kind: "component", type: NotificationBarComponent, selector: "notification-bar", inputs: ["lang"] }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: HeaderComponent, selector: "sc-header", outputs: { toogleMenuEvent: "toogleMenuEvent" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<mat-toolbar class=\"d-flex align-items-center toolbar-header toolbar-padding\">\r\n  <!-- Unity Logo -->\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\" alt=\"\" ngSrc=\"./assets/img/unity_logo_48x48.png\" width=\"48\" height=\"48\">\r\n    </a>\r\n    @if (env !== 'prod') {\r\n      <span [attr.id]=\"'env-' + env\" class=\"env\">{{ env }}</span>\r\n    }\r\n  </span>\r\n\r\n  <!-- Modules menu -->\r\n  <sc-menu [lang]=\"lang\" (navigate)=\"navigate($event.module, $event.route, $event.queryParams)\"\r\n           (redirect)=\"redirect($event.route)\" class=\"menu-header\"/>\r\n\r\n  <!-- Search -->\r\n  <sc-advanced-search [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\" class=\"global-search\"/>\r\n\r\n  <!-- Connected as -->\r\n  @if (user && user.secondary) {\r\n    <div 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      @if (user.secondary) {\r\n        <button (click)=\"stopIdentityTheft()\" color=\"warn\" mat-raised-button>\r\n          {{ 'CORE.STOP' | commonTranslate: lang }}\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- History -->\r\n  <sc-history [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\" class=\"material-icons header-icon max-width-5\"/>\r\n  <span class=\"header-separator\"></span>\r\n  <!-- Settings -->\r\n  <sc-settings [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\"\r\n               class=\"material-icons-outlined header-icon max-width-5\"/>\r\n\r\n</mat-toolbar>\r\n\r\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"], dependencies: [{ kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i1$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i1$3.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MenuComponent, selector: "sc-menu", inputs: ["lang"], outputs: ["navigate", "redirect"] }, { kind: "component", type: AdvancedSearchComponent, selector: "sc-advanced-search", inputs: ["lang"], outputs: ["redirect"] }, { kind: "component", type: HistoryComponent, selector: "sc-history", inputs: ["lang"], outputs: ["redirect"] }, { kind: "component", type: SettingsComponent, selector: "sc-settings", inputs: ["lang"], outputs: ["redirect"] }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 __decorate([
     User()
 ], HeaderComponent.prototype, "user", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-header', template: "<!-- Notifications container -->\n<notification-bar [lang]=\"lang\"></notification-bar>\n\n<mat-toolbar class=\"d-flex align-items-center toolbar-header toolbar-padding\">\n  <!-- Unity Logo -->\n  <span class=\"d-flex align-items-end\">\n    <a\n      [href]=\"env === 'prod' ? 'https://unity.studiocanal.com/dashboard' : (env === 'sbx' ? 'https://unity-sbx.cplus/dashboard' : 'https://unity-' + env + '.studiocanal.com/dashboard')\">\n      <img class=\"logo-unity\" alt=\"\" ngSrc=\"./assets/img/unity_logo_48x48.png\" width=\"48\" height=\"48\">\n    </a>\n    @if (env !== 'prod') {\n      <span [attr.id]=\"'env-' + env\" class=\"env\">{{ env }}</span>\n    }\n  </span>\n\n  <!-- Modules menu -->\n  <sc-menu [lang]=\"lang\" (navigate)=\"navigate($event.module, $event.route, $event.queryParams)\"\n           (redirect)=\"redirect($event.route)\" class=\"menu-header\"/>\n\n  <!-- Search -->\n  <sc-advanced-search [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\" class=\"global-search\"/>\n\n  <!-- Connected as -->\n  @if (user && user.secondary) {\n    <div class=\"connected-as d-flex justify-content-between align-items-center\">\n      <span style=\"margin-right: 10px\">\n        {{ 'COMMON.HEADER.CONNECTED_AS' | commonTranslate: lang }}  {{ user.login + ' - ' + user.firstName + ' ' + user.name }}\n      </span>\n\n      @if (user.secondary) {\n        <button (click)=\"stopIdentityTheft()\" color=\"warn\" mat-raised-button>\n          {{ 'CORE.STOP' | commonTranslate: lang }}\n        </button>\n      }\n    </div>\n  }\n\n  <!-- History -->\n  <sc-history [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\" class=\"material-icons header-icon max-width-5\"/>\n  <span class=\"header-separator\"></span>\n  <!-- Settings -->\n  <sc-settings [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\"\n               class=\"material-icons-outlined header-icon max-width-5\"/>\n\n</mat-toolbar>\n\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"] }]
+            args: [{ selector: 'sc-header', template: "<mat-toolbar class=\"d-flex align-items-center toolbar-header toolbar-padding\">\r\n  <!-- Unity Logo -->\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\" alt=\"\" ngSrc=\"./assets/img/unity_logo_48x48.png\" width=\"48\" height=\"48\">\r\n    </a>\r\n    @if (env !== 'prod') {\r\n      <span [attr.id]=\"'env-' + env\" class=\"env\">{{ env }}</span>\r\n    }\r\n  </span>\r\n\r\n  <!-- Modules menu -->\r\n  <sc-menu [lang]=\"lang\" (navigate)=\"navigate($event.module, $event.route, $event.queryParams)\"\r\n           (redirect)=\"redirect($event.route)\" class=\"menu-header\"/>\r\n\r\n  <!-- Search -->\r\n  <sc-advanced-search [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\" class=\"global-search\"/>\r\n\r\n  <!-- Connected as -->\r\n  @if (user && user.secondary) {\r\n    <div 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      @if (user.secondary) {\r\n        <button (click)=\"stopIdentityTheft()\" color=\"warn\" mat-raised-button>\r\n          {{ 'CORE.STOP' | commonTranslate: lang }}\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- History -->\r\n  <sc-history [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\" class=\"material-icons header-icon max-width-5\"/>\r\n  <span class=\"header-separator\"></span>\r\n  <!-- Settings -->\r\n  <sc-settings [lang]=\"lang\" (redirect)=\"onNavigateEvent($event)\"\r\n               class=\"material-icons-outlined header-icon max-width-5\"/>\r\n\r\n</mat-toolbar>\r\n\r\n", styles: [".header-icon{color:#009ef7;cursor:pointer;text-align:center;margin:0 4px}.header-separator{display:inline-block;height:25%}.global-search-separator{display:inline-block;height:70%;border-right:2px solid #D3DFEC}:host-context(.dark-theme){background-color:#2a2d3e}:host-context(.dark-theme) .global-search{background:#34384c}:host-context(.dark-theme) .global-search-input{background:#34384c}:host-context(.dark-theme) .global-search-separator{border-right:2px solid #2A2D3E}:host-context(.dark-theme) .header-separator{border-right:2px solid #111219}::ng-deep .dark-theme .mat-autocomplete-global-search{background:#2a2d3e!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search:focus:not(.mat-option-disabled){background:#212332!important;color:#fff!important}::ng-deep .dark-theme .mat-mdc-option.mat-option-global-search{color:#fff!important}::ng-deep .dark-theme .global-search-input::placeholder{color:#a1b7d4!important}:host-context(.light-theme){background-color:#fff}:host-context(.light-theme) .global-search{background:#eff3f6}:host-context(.light-theme) .global-search-input{background:#eff3f6}:host-context(.light-theme) .global-search-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .header-separator{border-right:2px solid #D3DFEC}:host-context(.light-theme) .global-search-input::placeholder{color:#445d7b!important}:host-context(.light-theme) .mat-toolbar{background-color:#fff}::ng-deep .light-theme .mat-mdc-option.mat-option-global-search:hover:not(.mdc-list-item--disabled){background:#d3dfec!important}.logo-unity{height:48px;width:48px}.global-search .header-icon{margin:0 10px}.global-search{display:flex;align-items:center;height:40px;background:#eff3f6;margin-left:5px;border-radius:8px;flex:1 1 0;width:auto;min-width:0}.global-search-input{background:#f3f6f9;border:none;margin-left:10px;font-size:14px!important}.global-search-input :focus{outline:none}.advanced-button{background:#7c87ff!important;color:#fff!important;width:90px;min-width:90px!important;height:24px!important;box-shadow:0 2px 6px #445d7b29,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #445d7b0f;margin-right:5px;padding:0}.advanced-button .mat-icon{color:#fff!important;font-size:14px!important;height:unset;width:unset;margin-right:0}.connected-as{font-size:12px}.user-thumb{margin-right:16px;width:40px;height:40px}#env-dev,#env-uat,#env-sbx,#env-local{background-color:#809ec1;color:#fff}.env{color:#fff;font-size:10px;border-radius:1px;padding:0 5px;line-height:16px;height:16px}.global-search-input::placeholder{font-style:italic!important;font-weight:700!important}.mat-option-global-search{height:30px!important;line-height:15px!important;padding:0 8px}::ng-deep .global-search .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .global-search .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:transparent!important}::ng-deep .global-search .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .global-search .mdc-line-ripple{display:none!important}::ng-deep .global-search .mat-mdc-form-field-infix{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.max-width-0{flex:1 1 0%;max-width:0%}.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-20{flex:1 1 20%;max-width:20%}.max-width-25{flex:1 1 25%;max-width:25%}.max-width-30{flex:1 1 30%;max-width:30%}.max-width-35{flex:1 1 35%;max-width:35%}.max-width-40{flex:1 1 40%;max-width:40%}.max-width-45{flex:1 1 45%;max-width:45%}.max-width-50{flex:1 1 50%;max-width:50%}.max-width-55{flex:1 1 55%;max-width:55%}.max-width-60{flex:1 1 60%;max-width:60%}.max-width-65{flex:1 1 65%;max-width:65%}.max-width-70{flex:1 1 70%;max-width:70%}.max-width-75{flex:1 1 75%;max-width:75%}.max-width-80{flex:1 1 80%;max-width:80%}.max-width-85{flex:1 1 85%;max-width:85%}.max-width-90{flex:1 1 90%;max-width:90%}.max-width-95{flex:1 1 95%;max-width:95%}.max-width-100{flex:1 1 100%;max-width:100%}.spacer{flex:1 1 auto}.toolbar-header{height:64px;position:absolute;padding:0 16px!important;z-index:999}.menu-header{max-width:70%;overflow:hidden;max-height:60px}::ng-deep .settings-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:18px}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn .mat-mdc-menu-item-text{display:flex;justify-content:start;align-items:center}::ng-deep .settings-menu.mat-mdc-menu-panel .img-btn img{height:12px!important;width:auto!important;display:block!important;padding-left:3px;margin-right:17px!important}.theme-icon{font-size:24px!important}\n"] }]
         }], propDecorators: { user: [], onWindowScroll: [{
                 type: HostListener,
                 args: ['window:scroll', []]
@@ -2836,14 +2670,14 @@ class SubHeaderComponent {
         this.currentScroll = numberVar;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: SubHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: SubHeaderComponent, selector: "sc-sub-header", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<div id=\"template-header-container\">\n  <div [ngClass]=\"{'header-hide':isHide}\" id=\"template-header\">\n\n    <!-- What you want -->\n    <div id=\"left-part\">\n      <ng-content select=[left]></ng-content>\n    </div>\n\n    <!-- What you want -->\n    <div id=\"middle-part\">\n      <ng-content select=[middle]></ng-content>\n    </div>\n\n    <!-- What you want -->\n    <div id=\"right-part\">\n      <ng-content select=[right]></ng-content>\n    </div>\n\n  </div>\n</div>\n", styles: ["#template-header-container{position:relative;background:#3f3f3f}#template-header{position:fixed;z-index:300;top:20px;width:100%;padding-top:30px!important;background:#3f3f3f;color:#fff;transition:.3s}#left-part{float:left;margin-left:15px}#right-part{float:right;margin-right:230px;height:100%}a{vertical-align:middle;text-align:center;color:#afafaf}.header-hide{top:-25px!important;transition:.3s}.title{color:#fff!important;font-weight:700!important}.subtitle{color:#b3b3b3!important;cursor:pointer}@media only screen and (min-width: 64.063em){.title{font-size:23px}.subtitle{font-size:16px}.status{color:#65d39b;margin-left:10px;font-size:12px}.codeMilo{color:#b3b3b3;font-size:15px}.dealNumber{color:#b3b3b3;font-weight:700;font-size:19px}}@media only screen and (min-width: 40.063em) and (max-width: 64em){.title{font-size:15px}.subtitle{font-size:10px}.status{color:#65d39b;margin-left:10px;font-size:10px}#template-header{padding:45px 0 5px 55px}}@media only screen and (max-width: 40em){.title{font-size:10px}.subtitle{font-size:8px}.status{color:#65d39b;margin-left:10px;font-size:8px}#template-header{padding:45px 0 5px}}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: SubHeaderComponent, selector: "sc-sub-header", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<div id=\"template-header-container\">\r\n  <div [ngClass]=\"{'header-hide':isHide}\" id=\"template-header\">\r\n\r\n    <!-- What you want -->\r\n    <div id=\"left-part\">\r\n      <ng-content select=[left]></ng-content>\r\n    </div>\r\n\r\n    <!-- What you want -->\r\n    <div id=\"middle-part\">\r\n      <ng-content select=[middle]></ng-content>\r\n    </div>\r\n\r\n    <!-- What you want -->\r\n    <div id=\"right-part\">\r\n      <ng-content select=[right]></ng-content>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: ["#template-header-container{position:relative;background:#3f3f3f}#template-header{position:fixed;z-index:300;top:20px;width:100%;padding-top:30px!important;background:#3f3f3f;color:#fff;transition:.3s}#left-part{float:left;margin-left:15px}#right-part{float:right;margin-right:230px;height:100%}a{vertical-align:middle;text-align:center;color:#afafaf}.header-hide{top:-25px!important;transition:.3s}.title{color:#fff!important;font-weight:700!important}.subtitle{color:#b3b3b3!important;cursor:pointer}@media only screen and (min-width: 64.063em){.title{font-size:23px}.subtitle{font-size:16px}.status{color:#65d39b;margin-left:10px;font-size:12px}.codeMilo{color:#b3b3b3;font-size:15px}.dealNumber{color:#b3b3b3;font-weight:700;font-size:19px}}@media only screen and (min-width: 40.063em) and (max-width: 64em){.title{font-size:15px}.subtitle{font-size:10px}.status{color:#65d39b;margin-left:10px;font-size:10px}#template-header{padding:45px 0 5px 55px}}@media only screen and (max-width: 40em){.title{font-size:10px}.subtitle{font-size:8px}.status{color:#65d39b;margin-left:10px;font-size:8px}#template-header{padding:45px 0 5px}}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 __decorate([
     Theme()
 ], SubHeaderComponent.prototype, "theme", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: SubHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-sub-header', template: "<div id=\"template-header-container\">\n  <div [ngClass]=\"{'header-hide':isHide}\" id=\"template-header\">\n\n    <!-- What you want -->\n    <div id=\"left-part\">\n      <ng-content select=[left]></ng-content>\n    </div>\n\n    <!-- What you want -->\n    <div id=\"middle-part\">\n      <ng-content select=[middle]></ng-content>\n    </div>\n\n    <!-- What you want -->\n    <div id=\"right-part\">\n      <ng-content select=[right]></ng-content>\n    </div>\n\n  </div>\n</div>\n", styles: ["#template-header-container{position:relative;background:#3f3f3f}#template-header{position:fixed;z-index:300;top:20px;width:100%;padding-top:30px!important;background:#3f3f3f;color:#fff;transition:.3s}#left-part{float:left;margin-left:15px}#right-part{float:right;margin-right:230px;height:100%}a{vertical-align:middle;text-align:center;color:#afafaf}.header-hide{top:-25px!important;transition:.3s}.title{color:#fff!important;font-weight:700!important}.subtitle{color:#b3b3b3!important;cursor:pointer}@media only screen and (min-width: 64.063em){.title{font-size:23px}.subtitle{font-size:16px}.status{color:#65d39b;margin-left:10px;font-size:12px}.codeMilo{color:#b3b3b3;font-size:15px}.dealNumber{color:#b3b3b3;font-weight:700;font-size:19px}}@media only screen and (min-width: 40.063em) and (max-width: 64em){.title{font-size:15px}.subtitle{font-size:10px}.status{color:#65d39b;margin-left:10px;font-size:10px}#template-header{padding:45px 0 5px 55px}}@media only screen and (max-width: 40em){.title{font-size:10px}.subtitle{font-size:8px}.status{color:#65d39b;margin-left:10px;font-size:8px}#template-header{padding:45px 0 5px}}\n"] }]
+            args: [{ selector: 'sc-sub-header', template: "<div id=\"template-header-container\">\r\n  <div [ngClass]=\"{'header-hide':isHide}\" id=\"template-header\">\r\n\r\n    <!-- What you want -->\r\n    <div id=\"left-part\">\r\n      <ng-content select=[left]></ng-content>\r\n    </div>\r\n\r\n    <!-- What you want -->\r\n    <div id=\"middle-part\">\r\n      <ng-content select=[middle]></ng-content>\r\n    </div>\r\n\r\n    <!-- What you want -->\r\n    <div id=\"right-part\">\r\n      <ng-content select=[right]></ng-content>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: ["#template-header-container{position:relative;background:#3f3f3f}#template-header{position:fixed;z-index:300;top:20px;width:100%;padding-top:30px!important;background:#3f3f3f;color:#fff;transition:.3s}#left-part{float:left;margin-left:15px}#right-part{float:right;margin-right:230px;height:100%}a{vertical-align:middle;text-align:center;color:#afafaf}.header-hide{top:-25px!important;transition:.3s}.title{color:#fff!important;font-weight:700!important}.subtitle{color:#b3b3b3!important;cursor:pointer}@media only screen and (min-width: 64.063em){.title{font-size:23px}.subtitle{font-size:16px}.status{color:#65d39b;margin-left:10px;font-size:12px}.codeMilo{color:#b3b3b3;font-size:15px}.dealNumber{color:#b3b3b3;font-weight:700;font-size:19px}}@media only screen and (min-width: 40.063em) and (max-width: 64em){.title{font-size:15px}.subtitle{font-size:10px}.status{color:#65d39b;margin-left:10px;font-size:10px}#template-header{padding:45px 0 5px 55px}}@media only screen and (max-width: 40em){.title{font-size:10px}.subtitle{font-size:8px}.status{color:#65d39b;margin-left:10px;font-size:8px}#template-header{padding:45px 0 5px}}\n"] }]
         }], propDecorators: { theme: [], onWindowScroll: [{
                 type: HostListener,
                 args: ['window:scroll', []]
@@ -2936,11 +2770,11 @@ class MyDialogPopupLoginComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: MyDialogPopupLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: MyDialogPopupLoginComponent, selector: "sc-popup-login", ngImport: i0, template: "<h3 mat-dialog-title>Log in</h3>\n\n<mat-dialog-content>\n  <form (keyup.enter)=\"onLogin()\" [formGroup]=\"userForm\" class=\"d-flex flex-column\">\n    <div class=\"form-group\">\n      <mat-label>{{ 'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\n      </mat-label>\n      <mat-form-field appearance=\"outline\">\n        <input formControlName=\"username\" matInput/>\n      </mat-form-field>\n    </div>\n    <div class=\"form-group\">\n      <mat-label>{{ 'CORE.LOGIN.PASSWORD' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\n      </mat-label>\n      <mat-form-field appearance=\"outline\">\n        <input formControlName=\"password\" matInput type=\"password\"/>\n      </mat-form-field>\n    </div>\n  </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n  <button (click)=\"onLogin()\" [disabled]=\"loading\" class=\"primary w-100\" mat-raised-button\n          type=\"submit\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}\n  </button>\n  @if (loading) {\n    <mat-spinner [diameter]=\"30\" class=\"not-so-close-from-button login-spinner\"></mat-spinner>\n  }\n  @if (errorMessage !== null || errorMessage !== '') {\n    <div class=\"errorMessage not-so-close-from-button\"> {{ errorMessage }}</div>\n  }\n</mat-dialog-actions>\n\n", styles: [".w-100{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: MyDialogPopupLoginComponent, selector: "sc-popup-login", ngImport: i0, template: "<h3 mat-dialog-title>Log in</h3>\r\n\r\n<mat-dialog-content>\r\n  <form (keyup.enter)=\"onLogin()\" [formGroup]=\"userForm\" class=\"d-flex flex-column\">\r\n    <div class=\"form-group\">\r\n      <mat-label>{{ 'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\r\n      </mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input formControlName=\"username\" matInput/>\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <mat-label>{{ 'CORE.LOGIN.PASSWORD' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\r\n      </mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input formControlName=\"password\" matInput type=\"password\"/>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  <button (click)=\"onLogin()\" [disabled]=\"loading\" class=\"primary w-100\" mat-raised-button\r\n          type=\"submit\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}\r\n  </button>\r\n  @if (loading) {\r\n    <mat-spinner [diameter]=\"30\" class=\"not-so-close-from-button login-spinner\"></mat-spinner>\r\n  }\r\n  @if (errorMessage !== null || errorMessage !== '') {\r\n    <div class=\"errorMessage not-so-close-from-button\"> {{ errorMessage }}</div>\r\n  }\r\n</mat-dialog-actions>\r\n\r\n", styles: [".w-100{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i4$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: MyDialogPopupLoginComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-popup-login', template: "<h3 mat-dialog-title>Log in</h3>\n\n<mat-dialog-content>\n  <form (keyup.enter)=\"onLogin()\" [formGroup]=\"userForm\" class=\"d-flex flex-column\">\n    <div class=\"form-group\">\n      <mat-label>{{ 'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\n      </mat-label>\n      <mat-form-field appearance=\"outline\">\n        <input formControlName=\"username\" matInput/>\n      </mat-form-field>\n    </div>\n    <div class=\"form-group\">\n      <mat-label>{{ 'CORE.LOGIN.PASSWORD' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\n      </mat-label>\n      <mat-form-field appearance=\"outline\">\n        <input formControlName=\"password\" matInput type=\"password\"/>\n      </mat-form-field>\n    </div>\n  </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n  <button (click)=\"onLogin()\" [disabled]=\"loading\" class=\"primary w-100\" mat-raised-button\n          type=\"submit\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}\n  </button>\n  @if (loading) {\n    <mat-spinner [diameter]=\"30\" class=\"not-so-close-from-button login-spinner\"></mat-spinner>\n  }\n  @if (errorMessage !== null || errorMessage !== '') {\n    <div class=\"errorMessage not-so-close-from-button\"> {{ errorMessage }}</div>\n  }\n</mat-dialog-actions>\n\n", styles: [".w-100{width:100%}\n"] }]
+            args: [{ selector: 'sc-popup-login', template: "<h3 mat-dialog-title>Log in</h3>\r\n\r\n<mat-dialog-content>\r\n  <form (keyup.enter)=\"onLogin()\" [formGroup]=\"userForm\" class=\"d-flex flex-column\">\r\n    <div class=\"form-group\">\r\n      <mat-label>{{ 'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\r\n      </mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input formControlName=\"username\" matInput/>\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <mat-label>{{ 'CORE.LOGIN.PASSWORD' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span>\r\n      </mat-label>\r\n      <mat-form-field appearance=\"outline\">\r\n        <input formControlName=\"password\" matInput type=\"password\"/>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  <button (click)=\"onLogin()\" [disabled]=\"loading\" class=\"primary w-100\" mat-raised-button\r\n          type=\"submit\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}\r\n  </button>\r\n  @if (loading) {\r\n    <mat-spinner [diameter]=\"30\" class=\"not-so-close-from-button login-spinner\"></mat-spinner>\r\n  }\r\n  @if (errorMessage !== null || errorMessage !== '') {\r\n    <div class=\"errorMessage not-so-close-from-button\"> {{ errorMessage }}</div>\r\n  }\r\n</mat-dialog-actions>\r\n\r\n", styles: [".w-100{width:100%}\n"] }]
         }], ctorParameters: () => [] });
 class ToasterEventsService {
@@ -3164,6 +2998,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
             type: Injectable
         }], ctorParameters: () => [] });
+class AuthService {
+    constructor() {
+        this.isAuthenticatedSubject = new BehaviorSubject(false);
+        this.isAuthenticated$ = this.isAuthenticatedSubject.asObservable();
+    }
+    setAuthenticated(isAuthenticated) {
+        this.isAuthenticatedSubject.next(isAuthenticated);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: AuthService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable
+        }] });
 class UtilModule {
     constructor() {
         this.langService = inject(LangService);
@@ -3215,8 +3064,7 @@ class UtilModule {
             SettingsComponent,
             RoyaltyContractRapidSearchComponent,
             RoyaltyInvoiceRapidSearchComponent,
-            RoyaltyCountRapidSearchComponent,
-            NotificationBarComponent], imports: [MatInputModule,
+            RoyaltyCountRapidSearchComponent], imports: [MatInputModule,
             MatTooltipModule,
             MatButtonModule,
             MatToolbarModule,
@@ -3281,8 +3129,7 @@ class UtilModule {
             CommercialApiService,
             VideoApiService,
             AuthService,
-            UserSubsidiaryService,
-            NotificationApiService
+            UserSubsidiaryService
         ], imports: [MatInputModule,
             MatTooltipModule,
             MatButtonModule,
@@ -3358,8 +3205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
                         SettingsComponent,
                         RoyaltyContractRapidSearchComponent,
                         RoyaltyInvoiceRapidSearchComponent,
-                        RoyaltyCountRapidSearchComponent,
-                        NotificationBarComponent
+                        RoyaltyCountRapidSearchComponent
                     ],
                     providers: [
                         {
@@ -3392,8 +3238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
                         CommercialApiService,
                         VideoApiService,
                         AuthService,
-                        UserSubsidiaryService,
-                        NotificationApiService
+                        UserSubsidiaryService
                     ],
                     exports: [
                         MyNumberFormatterDirective,
@@ -5953,9 +5798,6 @@ class FamilyModel {
     }
 }
-class NotificationModel {
-}
 const authGuard = (route, state) => {
     const cookieService = inject(CookieService);
     const commonApiService = inject(CommonApiService);
@@ -6109,5 +5951,5 @@ class MultiTranslateHttpLoader {
  * Generated bundle index. Do not edit.
  */
-export { ACKED_NOTIFICATIONS_LOCAL_STORAGE_KEY, AdressModel, AdressTypeModel, AesService, AnyLineModel, ArrayService, AttachedFileModel, AudioContentModel, AuthInterceptor, AuthService, AuthUserModel, BankAccountModel, BasicHierarchyModel, BasicModel, BroadcastListItem, CANAL_PLUS_INTERNATIONAL_RESTRICTION, CUSTOM_DATE_FORMATS, CapitalizefirstPipe, ColorModel, CommonApiService, CommonTranslatePipe, CompanyModel, ContentModel, ContentTypeModel, ContractWork2Model, ContractWorkModel, CostCenterCriteriaModel, CostCenterCriteriaValueModel, CostCenterModel, CountryModel, CurrencyModel, CustomMatPaginatorIntl, DEFAULT_WEB_CONFIG, DateUtil, DiscDetailModel, DiscModel, DiscProgramModel, DisplayNullPipe, EditorialContentModel, ElasticsearchService, EventTypeModel, FSKIndexModel, FSKModel, FamilyModel, FixingModel, FlatMediaModel, FormActionsEventsService, FormatCurrencyPipe, FormatDurationPipe, FormatImageModel, FormatModel, FormatNumberInput, FormatTypeModel, FunctionModel, GenreModel, HeaderComponent, HeaderEventsService, HistoryService, HttpParamsBuilder, InvoiceBankAccountModel, InvoiceProductTypeModel, JwtHelper, KeywordsModel, LangLineModel, LangService, LanguageModel, LocalDatePipe, LocalStorageEventsService, LocalStorageService, MediaFilterModel, MediaLineModel, MediaModel, MenuLanguageModel, ModuleModel, MultiTranslateHttpLoader, MyDialogPopupLoginComponent, MyNumberFormatterDirective, MyNumberPipe, NOTIFICATION_TOPIC, NOTIFICATION_WEBSOCKET_URL, NotificationModel, NotificationService, NumberValidator, OptionHtmlModel, OverlayComponent, OverlayService, ParticipantModel, PeriodModel, PermissionModel, PermissionsService, PersonModel, ProductBoxSetModel, ProductDiscModel, ProductModel, ProgramModel, ProjectStatusModel, PurchaseOrderModel, QuotaModel, ReferentialEntityStateModel, ReferentialValueModel, ReferentielModel, RegexService, SanitizeHtml, SapOrderModel, SearchResponseModel, SectionModel, SelectHtmlModel, ServiceErrorModel, SessionStorageEventsService, SessionStorageService, ShowIfTruncatedDirective, SortBy, SoundModel, SpacesNumberPipe, StatusColor, SubHeaderComponent, SubsidiaryModel, SubtitleContentModel, TerritoriesLanguagesModel, TerritoryFilterModel, TerritoryModel, Theme, ThemeEventsService, ThemeModel, ThirdPartyAddressPipe, ThirdPartyCreationRequestModel, ThirdPartyModel, ThirdPartyModuleModel, ToasterEventsService, TranslatedValueModel, TrimStringPipe, TvaModel, TypeExportModel, TypeTvaCompanyTerritoryModel, TypeTvaModel, User, UserModel, UserSubsidiaryService, UserVideoModel, UtilModule, VideoContentModel, WEB_CONFIG, WorkAddonsModel, WorkAppartenanceModel, WorkGenreModel, WorkLanguageModel, WorkMiloModel, WorkModel, WorkRestrictionModel, WorkThemeModel, WorkTitleModel, WorkVersionArticleModel, WorkVersionModel, WorkVersionOriginModel, WorkVersionUsedModel, WorkYearProductionModel, ZoneModel, authGuard, loginGuard };
+export { AdressModel, AdressTypeModel, AesService, AnyLineModel, ArrayService, AttachedFileModel, AudioContentModel, AuthInterceptor, AuthService, AuthUserModel, BankAccountModel, BasicHierarchyModel, BasicModel, BroadcastListItem, CANAL_PLUS_INTERNATIONAL_RESTRICTION, CUSTOM_DATE_FORMATS, CapitalizefirstPipe, ColorModel, CommonApiService, CommonTranslatePipe, CompanyModel, ContentModel, ContentTypeModel, ContractWork2Model, ContractWorkModel, CostCenterCriteriaModel, CostCenterCriteriaValueModel, CostCenterModel, CountryModel, CurrencyModel, CustomMatPaginatorIntl, DEFAULT_WEB_CONFIG, DateUtil, DiscDetailModel, DiscModel, DiscProgramModel, DisplayNullPipe, EditorialContentModel, ElasticsearchService, EventTypeModel, FSKIndexModel, FSKModel, FamilyModel, FixingModel, FlatMediaModel, FormActionsEventsService, FormatCurrencyPipe, FormatDurationPipe, FormatImageModel, FormatModel, FormatNumberInput, FormatTypeModel, FunctionModel, GenreModel, HeaderComponent, HeaderEventsService, HistoryService, HttpParamsBuilder, InvoiceBankAccountModel, InvoiceProductTypeModel, JwtHelper, KeywordsModel, LangLineModel, LangService, LanguageModel, LocalDatePipe, LocalStorageEventsService, LocalStorageService, MediaFilterModel, MediaLineModel, MediaModel, MenuLanguageModel, ModuleModel, MultiTranslateHttpLoader, MyDialogPopupLoginComponent, MyNumberFormatterDirective, MyNumberPipe, NumberValidator, OptionHtmlModel, OverlayComponent, OverlayService, ParticipantModel, PeriodModel, PermissionModel, PermissionsService, PersonModel, ProductBoxSetModel, ProductDiscModel, ProductModel, ProgramModel, ProjectStatusModel, PurchaseOrderModel, QuotaModel, ReferentialEntityStateModel, ReferentialValueModel, ReferentielModel, RegexService, SanitizeHtml, SapOrderModel, SearchResponseModel, SectionModel, SelectHtmlModel, ServiceErrorModel, SessionStorageEventsService, SessionStorageService, ShowIfTruncatedDirective, SortBy, SoundModel, SpacesNumberPipe, StatusColor, SubHeaderComponent, SubsidiaryModel, SubtitleContentModel, TerritoriesLanguagesModel, TerritoryFilterModel, TerritoryModel, Theme, ThemeEventsService, ThemeModel, ThirdPartyAddressPipe, ThirdPartyCreationRequestModel, ThirdPartyModel, ThirdPartyModuleModel, ToasterEventsService, TranslatedValueModel, TrimStringPipe, TvaModel, TypeExportModel, TypeTvaCompanyTerritoryModel, TypeTvaModel, User, UserModel, UserSubsidiaryService, UserVideoModel, UtilModule, VideoContentModel, WEB_CONFIG, WorkAddonsModel, WorkAppartenanceModel, WorkGenreModel, WorkLanguageModel, WorkMiloModel, WorkModel, WorkRestrictionModel, WorkThemeModel, WorkTitleModel, WorkVersionArticleModel, WorkVersionModel, WorkVersionOriginModel, WorkVersionUsedModel, WorkYearProductionModel, ZoneModel, authGuard, loginGuard };
 //# sourceMappingURL=new-front-common-library.mjs.map