npm - new-front-common-library - Versions diffs - 18.2.3 → 18.2.4 - Mend

new-front-common-library 18.2.3 → 18.2.4

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 (239) hide show

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

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, EventEmitter, Pipe, input, ElementRef, HostListener, Directive, ChangeDetectorRef, Component, output, Inject, signal, computed, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, EventEmitter, Pipe, input, ElementRef, HostListener, Directive, ChangeDetectorRef, Component, output, DestroyRef, Inject, signal, computed, 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 * as i1$4 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HTTP_INTERCEPTORS, HttpParams } from '@angular/common/http';
-import * as i1$3 from '@angular/common';
+import * as i2$1 from '@angular/common';
 import { DatePipe, DOCUMENT, CurrencyPipe, CommonModule, NgOptimizedImage } from '@angular/common';
 import { throwError, from, of, BehaviorSubject, Subject, takeUntil, Subscription, forkJoin } from 'rxjs';
 import { catchError, debounceTime, switchMap, map, filter, take } from 'rxjs/operators';
@@ -25,20 +25,22 @@ 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 i2$2 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 * as i1$3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i2$2 from '@angular/material/form-field';
+import * as i2$3 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 { MatOption } from '@angular/material/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Client as Client$1 } from '@stomp/stompjs';
 import SockJS from 'sockjs-client';
-import * as i2$3 from '@angular/material/tooltip';
+import * as i2$4 from '@angular/material/tooltip';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
 import * as i5$1 from '@angular/material/badge';
 import { MatBadge } from '@angular/material/badge';
@@ -688,11 +690,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 {
@@ -2169,11 +2171,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: i2$1.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$2.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']]
@@ -2194,6 +2196,31 @@ var RapidSearchItemType;
     RapidSearchItemType["ROYALTY_COUNT"] = "ROYALTY_COUNT";
 })(RapidSearchItemType || (RapidSearchItemType = {}));
+class RapidSearchSelectionDirective {
+    constructor() {
+        this.selected = output();
+        this.destroyRef = inject(DestroyRef);
+        this.matOption = inject(MatOption);
+    }
+    ngOnInit() {
+        this.matOption.onSelectionChange
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((event) => {
+            if (event.isUserInput) {
+                this.selected.emit();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: RapidSearchSelectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: { selected: "selected" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: RapidSearchSelectionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rapidSearchSelection]'
+                }]
+        }] });
 class PurchaseOrderRapidSearchComponent {
     constructor() {
         this.document = input();
@@ -2204,11 +2231,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { kind: "pipe", type: i2$1.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\" rapidSearchSelection (selected)=\"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 {
@@ -2222,11 +2249,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { 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\" rapidSearchSelection (selected)=\"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 {
@@ -2239,11 +2266,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { 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\" rapidSearchSelection (selected)=\"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 {
@@ -2256,11 +2283,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { kind: "pipe", type: i2$1.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\" rapidSearchSelection (selected)=\"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 {
@@ -2273,11 +2300,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { kind: "pipe", type: i2$1.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\" rapidSearchSelection (selected)=\"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 {
@@ -2303,11 +2330,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { 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\" rapidSearchSelection (selected)=\"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 {
@@ -2327,11 +2354,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { 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\" rapidSearchSelection (selected)=\"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 {
@@ -2355,11 +2382,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { kind: "pipe", type: i2$1.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\" rapidSearchSelection (selected)=\"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 {
@@ -2372,11 +2399,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { 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\" rapidSearchSelection (selected)=\"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 {
@@ -2389,11 +2416,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { 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\" rapidSearchSelection (selected)=\"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 {
@@ -2406,11 +2433,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\" rapidSearchSelection (selected)=\"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: "directive", type: RapidSearchSelectionDirective, selector: "[rapidSearchSelection]", outputs: ["selected"] }, { 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\" rapidSearchSelection (selected)=\"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 {
@@ -2459,14 +2486,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$3.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$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.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$2.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: i2$1.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;
@@ -2503,11 +2530,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: i2$2.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"] }]
         }] });
 function Theme() {
@@ -2558,7 +2585,7 @@ class NotificationApiService {
         return this.http.post(this.apiUrl + `notifications/personal`, campaign)
             .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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationApiService, deps: [{ token: WEB_CONFIG }, { token: i1$4.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NotificationApiService, providedIn: 'root' }); }
 }
 __decorate([
@@ -2572,7 +2599,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [WEB_CONFIG]
-                }] }, { type: i1$5.HttpClient }], propDecorators: { user: [] } });
+                }] }, { type: i1$4.HttpClient }], propDecorators: { user: [] } });
 class AuthService {
     constructor() {
@@ -2834,14 +2861,14 @@ class PersonalNotificationComponent {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: PersonalNotificationComponent, deps: [{ token: NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: PersonalNotificationComponent, selector: "sc-personal-notification", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  class=\"material-icons header-icon notification-wrapper\"\n  [matMenuTriggerFor]=\"menuPersonalNotif\"\n  [matBadge]=\"unreadNotifications().length\"\n  [matBadgeHidden]=\"unreadNotifications().length === 0\"\n  matBadgeColor=\"warn\"\n  matBadgeSize=\"small\"\n  matBadgePosition=\"above after\">\n  notifications\n</span>\n\n<mat-menu #menuPersonalNotif=\"matMenu\" class=\"action-menu\">\n  <div [ngClass]=\"theme === 'dark' ? 'dark-theme' : 'light-theme'\">\n    <div class=\"notification-menu-header\">\n    <span class=\"notification-menu-title\">\n      {{ 'COMMON.HEADER.NOTIFICATION.TITLE' | commonTranslate : lang() }}\n    </span>\n      <span\n        class=\"notification-clear-all material-icons\"\n        (click)=\"clearAllNotifications($event)\"\n        matTooltip=\"{{ 'COMMON.HEADER.NOTIFICATION.CLEAR_ALL' | commonTranslate : lang() }}\"\n        matTooltipPosition=\"above\">\n      delete_sweep\n    </span>\n    </div>\n\n    <div class=\"notification-menu-divider\"></div>\n\n    <div class=\"notification-list\">\n      @if (personalNotifications().length === 0) {\n        <div class=\"empty-notification\">{{ 'COMMON.HEADER.NOTIFICATION.EMPTY' | commonTranslate : lang() }}</div>\n      } @else {\n        @for (personalNotif of personalNotifications(); track personalNotif.id) {\n          <button mat-menu-item (click)=\"markAsReadPersonalNotification($event, personalNotif)\">\n            <div class=\"notification-item\"\n                 [ngClass]=\"{\n               'warn': personalNotif.priority === 'WARN',\n               'critical': personalNotif.priority === 'CRITICAL',\n               'notification-read': personalNotif.read}\">\n              <div class=\"notification-main\">\n                <div class=\"notification-text\">\n                  <div class=\"notification-header\">\n                    <div class=\"notification-title\">\n                      {{ personalNotif.title | titlecase }}\n                    </div>\n                    <div class=\"notification-meta\">\n                      <div class=\"notification-date\"\n                           [matTooltip]=\"personalNotif.createdDate | date:'dd/MM/yyyy HH:mm'\">\n                        {{ getTimeAgo(personalNotif.createdDate) }}\n                      </div>\n                      <span\n                        class=\"notification-close-icon material-icons\"\n                        (click)=\"ackPersonalNotification($event, personalNotif)\">\n                    close\n                  </span>\n                    </div>\n                  </div>\n                  <div class=\"notification-description\">\n                    {{ getNotificationMessage(personalNotif) }}\n                  </div>\n                </div>\n                @if (personalNotif.route) {\n                  <span class=\"notification-link-icon material-icons\">\n                open_in_new\n              </span>\n                }\n              </div>\n            </div>\n          </button>\n        }\n      }\n    </div>\n  </div>\n</mat-menu>\n", styles: [".notification-list{max-height:450px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:7px}.notification-item{width:320px;border-left:3px solid transparent;padding-left:8px}.notification-item.warn{border-left:3px solid #FFD000}.notification-item.critical{border-left:3px solid #FF4F4C}.notification-read{opacity:.75;background-color:#00000008;box-shadow:inset 0 2px 4px #00000014}.notification-item:hover{opacity:1}.notification-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-text{display:flex;flex-direction:column;flex:1}.notification-description{font-size:12px;font-weight:500;line-height:1.3}.notification-title{font-size:11px;line-height:14px;opacity:.65;letter-spacing:.4px}.notification-date{font-size:11px;opacity:.6;white-space:nowrap}.notification-header{display:flex;justify-content:space-between;align-items:center}.notification-wrapper{display:inline-flex;align-items:center;justify-content:center;width:fit-content;cursor:pointer;position:relative}.notification-link-icon{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:11px;opacity:.6;margin-left:6px;transition:color .2s ease,opacity .2s ease}.notification-item:hover .notification-link-icon{color:#009ef7;opacity:1}.notification-meta{display:flex;align-items:center;gap:6px}.notification-close-icon{font-size:14px;opacity:.5;cursor:pointer}.notification-close-icon:hover{color:#ff4f4c;opacity:1}.notification-item:has(.notification-close-icon:hover) .notification-link-icon{color:#0000008a;opacity:.6}.mat-mdc-menu-item{border-bottom:1px solid rgba(0,0,0,.08);padding:3px!important}.mat-mdc-menu-item:last-child{border-bottom:none}.notification-menu-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px;min-height:24px}::ng-deep .light-theme .notification-menu-title,::ng-deep .light-theme .notification-clear-all,::ng-deep .light-theme .empty-notification{color:#445d7b}::ng-deep .dark-theme .notification-menu-title,::ng-deep .dark-theme .notification-clear-all,::ng-deep .dark-theme .empty-notification{color:#a1b7d4}.empty-notification{font-size:12px;font-weight:500;line-height:1.3;padding:8px;width:320px}.notification-menu-title{font-size:12px;font-weight:600;opacity:.9}.notification-clear-all{font-size:14px;cursor:pointer;opacity:.6;transition:color .2s ease,opacity .2s ease}.notification-clear-all:hover{color:#ff4f4c;opacity:1}.notification-menu-divider{height:1px;background:#00000014}\n"], dependencies: [{ kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i5$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "pipe", type: i1$3.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: PersonalNotificationComponent, selector: "sc-personal-notification", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\r\n  class=\"material-icons header-icon notification-wrapper\"\r\n  [matMenuTriggerFor]=\"menuPersonalNotif\"\r\n  [matBadge]=\"unreadNotifications().length\"\r\n  [matBadgeHidden]=\"unreadNotifications().length === 0\"\r\n  matBadgeColor=\"warn\"\r\n  matBadgeSize=\"small\"\r\n  matBadgePosition=\"above after\">\r\n  notifications\r\n</span>\r\n\r\n<mat-menu #menuPersonalNotif=\"matMenu\" class=\"action-menu\">\r\n  <div [ngClass]=\"theme === 'dark' ? 'dark-theme' : 'light-theme'\">\r\n    <div class=\"notification-menu-header\">\r\n    <span class=\"notification-menu-title\">\r\n      {{ 'COMMON.HEADER.NOTIFICATION.TITLE' | commonTranslate : lang() }}\r\n    </span>\r\n      <span\r\n        class=\"notification-clear-all material-icons\"\r\n        (click)=\"clearAllNotifications($event)\"\r\n        matTooltip=\"{{ 'COMMON.HEADER.NOTIFICATION.CLEAR_ALL' | commonTranslate : lang() }}\"\r\n        matTooltipPosition=\"above\">\r\n      delete_sweep\r\n    </span>\r\n    </div>\r\n\r\n    <div class=\"notification-menu-divider\"></div>\r\n\r\n    <div class=\"notification-list\">\r\n      @if (personalNotifications().length === 0) {\r\n        <div class=\"empty-notification\">{{ 'COMMON.HEADER.NOTIFICATION.EMPTY' | commonTranslate : lang() }}</div>\r\n      } @else {\r\n        @for (personalNotif of personalNotifications(); track personalNotif.id) {\r\n          <button mat-menu-item (click)=\"markAsReadPersonalNotification($event, personalNotif)\">\r\n            <div class=\"notification-item\"\r\n                 [ngClass]=\"{\r\n               'warn': personalNotif.priority === 'WARN',\r\n               'critical': personalNotif.priority === 'CRITICAL',\r\n               'notification-read': personalNotif.read}\">\r\n              <div class=\"notification-main\">\r\n                <div class=\"notification-text\">\r\n                  <div class=\"notification-header\">\r\n                    <div class=\"notification-title\">\r\n                      {{ personalNotif.title | titlecase }}\r\n                    </div>\r\n                    <div class=\"notification-meta\">\r\n                      <div class=\"notification-date\"\r\n                           [matTooltip]=\"personalNotif.createdDate | date:'dd/MM/yyyy HH:mm'\">\r\n                        {{ getTimeAgo(personalNotif.createdDate) }}\r\n                      </div>\r\n                      <span\r\n                        class=\"notification-close-icon material-icons\"\r\n                        (click)=\"ackPersonalNotification($event, personalNotif)\">\r\n                    close\r\n                  </span>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"notification-description\">\r\n                    {{ getNotificationMessage(personalNotif) }}\r\n                  </div>\r\n                </div>\r\n                @if (personalNotif.route) {\r\n                  <span class=\"notification-link-icon material-icons\">\r\n                open_in_new\r\n              </span>\r\n                }\r\n              </div>\r\n            </div>\r\n          </button>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n</mat-menu>\r\n", styles: [".notification-list{max-height:450px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:7px}.notification-item{width:320px;border-left:3px solid transparent;padding-left:8px}.notification-item.warn{border-left:3px solid #FFD000}.notification-item.critical{border-left:3px solid #FF4F4C}.notification-read{opacity:.75;background-color:#00000008;box-shadow:inset 0 2px 4px #00000014}.notification-item:hover{opacity:1}.notification-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-text{display:flex;flex-direction:column;flex:1}.notification-description{font-size:12px;font-weight:500;line-height:1.3}.notification-title{font-size:11px;line-height:14px;opacity:.65;letter-spacing:.4px}.notification-date{font-size:11px;opacity:.6;white-space:nowrap}.notification-header{display:flex;justify-content:space-between;align-items:center}.notification-wrapper{display:inline-flex;align-items:center;justify-content:center;width:fit-content;cursor:pointer;position:relative}.notification-link-icon{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:11px;opacity:.6;margin-left:6px;transition:color .2s ease,opacity .2s ease}.notification-item:hover .notification-link-icon{color:#009ef7;opacity:1}.notification-meta{display:flex;align-items:center;gap:6px}.notification-close-icon{font-size:14px;opacity:.5;cursor:pointer}.notification-close-icon:hover{color:#ff4f4c;opacity:1}.notification-item:has(.notification-close-icon:hover) .notification-link-icon{color:#0000008a;opacity:.6}.mat-mdc-menu-item{border-bottom:1px solid rgba(0,0,0,.08);padding:3px!important}.mat-mdc-menu-item:last-child{border-bottom:none}.notification-menu-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px;min-height:24px}::ng-deep .light-theme .notification-menu-title,::ng-deep .light-theme .notification-clear-all,::ng-deep .light-theme .empty-notification{color:#445d7b}::ng-deep .dark-theme .notification-menu-title,::ng-deep .dark-theme .notification-clear-all,::ng-deep .dark-theme .empty-notification{color:#a1b7d4}.empty-notification{font-size:12px;font-weight:500;line-height:1.3;padding:8px;width:320px}.notification-menu-title{font-size:12px;font-weight:600;opacity:.9}.notification-clear-all{font-size:14px;cursor:pointer;opacity:.6;transition:color .2s ease,opacity .2s ease}.notification-clear-all:hover{color:#ff4f4c;opacity:1}.notification-menu-divider{height:1px;background:#00000014}\n"], dependencies: [{ kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i5$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "pipe", type: i2$1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: CommonTranslatePipe, name: "commonTranslate" }] }); }
 }
 __decorate([
     Theme()
 ], PersonalNotificationComponent.prototype, "theme", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: PersonalNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-personal-notification', template: "<span\n  class=\"material-icons header-icon notification-wrapper\"\n  [matMenuTriggerFor]=\"menuPersonalNotif\"\n  [matBadge]=\"unreadNotifications().length\"\n  [matBadgeHidden]=\"unreadNotifications().length === 0\"\n  matBadgeColor=\"warn\"\n  matBadgeSize=\"small\"\n  matBadgePosition=\"above after\">\n  notifications\n</span>\n\n<mat-menu #menuPersonalNotif=\"matMenu\" class=\"action-menu\">\n  <div [ngClass]=\"theme === 'dark' ? 'dark-theme' : 'light-theme'\">\n    <div class=\"notification-menu-header\">\n    <span class=\"notification-menu-title\">\n      {{ 'COMMON.HEADER.NOTIFICATION.TITLE' | commonTranslate : lang() }}\n    </span>\n      <span\n        class=\"notification-clear-all material-icons\"\n        (click)=\"clearAllNotifications($event)\"\n        matTooltip=\"{{ 'COMMON.HEADER.NOTIFICATION.CLEAR_ALL' | commonTranslate : lang() }}\"\n        matTooltipPosition=\"above\">\n      delete_sweep\n    </span>\n    </div>\n\n    <div class=\"notification-menu-divider\"></div>\n\n    <div class=\"notification-list\">\n      @if (personalNotifications().length === 0) {\n        <div class=\"empty-notification\">{{ 'COMMON.HEADER.NOTIFICATION.EMPTY' | commonTranslate : lang() }}</div>\n      } @else {\n        @for (personalNotif of personalNotifications(); track personalNotif.id) {\n          <button mat-menu-item (click)=\"markAsReadPersonalNotification($event, personalNotif)\">\n            <div class=\"notification-item\"\n                 [ngClass]=\"{\n               'warn': personalNotif.priority === 'WARN',\n               'critical': personalNotif.priority === 'CRITICAL',\n               'notification-read': personalNotif.read}\">\n              <div class=\"notification-main\">\n                <div class=\"notification-text\">\n                  <div class=\"notification-header\">\n                    <div class=\"notification-title\">\n                      {{ personalNotif.title | titlecase }}\n                    </div>\n                    <div class=\"notification-meta\">\n                      <div class=\"notification-date\"\n                           [matTooltip]=\"personalNotif.createdDate | date:'dd/MM/yyyy HH:mm'\">\n                        {{ getTimeAgo(personalNotif.createdDate) }}\n                      </div>\n                      <span\n                        class=\"notification-close-icon material-icons\"\n                        (click)=\"ackPersonalNotification($event, personalNotif)\">\n                    close\n                  </span>\n                    </div>\n                  </div>\n                  <div class=\"notification-description\">\n                    {{ getNotificationMessage(personalNotif) }}\n                  </div>\n                </div>\n                @if (personalNotif.route) {\n                  <span class=\"notification-link-icon material-icons\">\n                open_in_new\n              </span>\n                }\n              </div>\n            </div>\n          </button>\n        }\n      }\n    </div>\n  </div>\n</mat-menu>\n", styles: [".notification-list{max-height:450px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:7px}.notification-item{width:320px;border-left:3px solid transparent;padding-left:8px}.notification-item.warn{border-left:3px solid #FFD000}.notification-item.critical{border-left:3px solid #FF4F4C}.notification-read{opacity:.75;background-color:#00000008;box-shadow:inset 0 2px 4px #00000014}.notification-item:hover{opacity:1}.notification-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-text{display:flex;flex-direction:column;flex:1}.notification-description{font-size:12px;font-weight:500;line-height:1.3}.notification-title{font-size:11px;line-height:14px;opacity:.65;letter-spacing:.4px}.notification-date{font-size:11px;opacity:.6;white-space:nowrap}.notification-header{display:flex;justify-content:space-between;align-items:center}.notification-wrapper{display:inline-flex;align-items:center;justify-content:center;width:fit-content;cursor:pointer;position:relative}.notification-link-icon{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:11px;opacity:.6;margin-left:6px;transition:color .2s ease,opacity .2s ease}.notification-item:hover .notification-link-icon{color:#009ef7;opacity:1}.notification-meta{display:flex;align-items:center;gap:6px}.notification-close-icon{font-size:14px;opacity:.5;cursor:pointer}.notification-close-icon:hover{color:#ff4f4c;opacity:1}.notification-item:has(.notification-close-icon:hover) .notification-link-icon{color:#0000008a;opacity:.6}.mat-mdc-menu-item{border-bottom:1px solid rgba(0,0,0,.08);padding:3px!important}.mat-mdc-menu-item:last-child{border-bottom:none}.notification-menu-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px;min-height:24px}::ng-deep .light-theme .notification-menu-title,::ng-deep .light-theme .notification-clear-all,::ng-deep .light-theme .empty-notification{color:#445d7b}::ng-deep .dark-theme .notification-menu-title,::ng-deep .dark-theme .notification-clear-all,::ng-deep .dark-theme .empty-notification{color:#a1b7d4}.empty-notification{font-size:12px;font-weight:500;line-height:1.3;padding:8px;width:320px}.notification-menu-title{font-size:12px;font-weight:600;opacity:.9}.notification-clear-all{font-size:14px;cursor:pointer;opacity:.6;transition:color .2s ease,opacity .2s ease}.notification-clear-all:hover{color:#ff4f4c;opacity:1}.notification-menu-divider{height:1px;background:#00000014}\n"] }]
+            args: [{ selector: 'sc-personal-notification', template: "<span\r\n  class=\"material-icons header-icon notification-wrapper\"\r\n  [matMenuTriggerFor]=\"menuPersonalNotif\"\r\n  [matBadge]=\"unreadNotifications().length\"\r\n  [matBadgeHidden]=\"unreadNotifications().length === 0\"\r\n  matBadgeColor=\"warn\"\r\n  matBadgeSize=\"small\"\r\n  matBadgePosition=\"above after\">\r\n  notifications\r\n</span>\r\n\r\n<mat-menu #menuPersonalNotif=\"matMenu\" class=\"action-menu\">\r\n  <div [ngClass]=\"theme === 'dark' ? 'dark-theme' : 'light-theme'\">\r\n    <div class=\"notification-menu-header\">\r\n    <span class=\"notification-menu-title\">\r\n      {{ 'COMMON.HEADER.NOTIFICATION.TITLE' | commonTranslate : lang() }}\r\n    </span>\r\n      <span\r\n        class=\"notification-clear-all material-icons\"\r\n        (click)=\"clearAllNotifications($event)\"\r\n        matTooltip=\"{{ 'COMMON.HEADER.NOTIFICATION.CLEAR_ALL' | commonTranslate : lang() }}\"\r\n        matTooltipPosition=\"above\">\r\n      delete_sweep\r\n    </span>\r\n    </div>\r\n\r\n    <div class=\"notification-menu-divider\"></div>\r\n\r\n    <div class=\"notification-list\">\r\n      @if (personalNotifications().length === 0) {\r\n        <div class=\"empty-notification\">{{ 'COMMON.HEADER.NOTIFICATION.EMPTY' | commonTranslate : lang() }}</div>\r\n      } @else {\r\n        @for (personalNotif of personalNotifications(); track personalNotif.id) {\r\n          <button mat-menu-item (click)=\"markAsReadPersonalNotification($event, personalNotif)\">\r\n            <div class=\"notification-item\"\r\n                 [ngClass]=\"{\r\n               'warn': personalNotif.priority === 'WARN',\r\n               'critical': personalNotif.priority === 'CRITICAL',\r\n               'notification-read': personalNotif.read}\">\r\n              <div class=\"notification-main\">\r\n                <div class=\"notification-text\">\r\n                  <div class=\"notification-header\">\r\n                    <div class=\"notification-title\">\r\n                      {{ personalNotif.title | titlecase }}\r\n                    </div>\r\n                    <div class=\"notification-meta\">\r\n                      <div class=\"notification-date\"\r\n                           [matTooltip]=\"personalNotif.createdDate | date:'dd/MM/yyyy HH:mm'\">\r\n                        {{ getTimeAgo(personalNotif.createdDate) }}\r\n                      </div>\r\n                      <span\r\n                        class=\"notification-close-icon material-icons\"\r\n                        (click)=\"ackPersonalNotification($event, personalNotif)\">\r\n                    close\r\n                  </span>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"notification-description\">\r\n                    {{ getNotificationMessage(personalNotif) }}\r\n                  </div>\r\n                </div>\r\n                @if (personalNotif.route) {\r\n                  <span class=\"notification-link-icon material-icons\">\r\n                open_in_new\r\n              </span>\r\n                }\r\n              </div>\r\n            </div>\r\n          </button>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n</mat-menu>\r\n", styles: [".notification-list{max-height:450px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:7px}.notification-item{width:320px;border-left:3px solid transparent;padding-left:8px}.notification-item.warn{border-left:3px solid #FFD000}.notification-item.critical{border-left:3px solid #FF4F4C}.notification-read{opacity:.75;background-color:#00000008;box-shadow:inset 0 2px 4px #00000014}.notification-item:hover{opacity:1}.notification-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-text{display:flex;flex-direction:column;flex:1}.notification-description{font-size:12px;font-weight:500;line-height:1.3}.notification-title{font-size:11px;line-height:14px;opacity:.65;letter-spacing:.4px}.notification-date{font-size:11px;opacity:.6;white-space:nowrap}.notification-header{display:flex;justify-content:space-between;align-items:center}.notification-wrapper{display:inline-flex;align-items:center;justify-content:center;width:fit-content;cursor:pointer;position:relative}.notification-link-icon{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:11px;opacity:.6;margin-left:6px;transition:color .2s ease,opacity .2s ease}.notification-item:hover .notification-link-icon{color:#009ef7;opacity:1}.notification-meta{display:flex;align-items:center;gap:6px}.notification-close-icon{font-size:14px;opacity:.5;cursor:pointer}.notification-close-icon:hover{color:#ff4f4c;opacity:1}.notification-item:has(.notification-close-icon:hover) .notification-link-icon{color:#0000008a;opacity:.6}.mat-mdc-menu-item{border-bottom:1px solid rgba(0,0,0,.08);padding:3px!important}.mat-mdc-menu-item:last-child{border-bottom:none}.notification-menu-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px;min-height:24px}::ng-deep .light-theme .notification-menu-title,::ng-deep .light-theme .notification-clear-all,::ng-deep .light-theme .empty-notification{color:#445d7b}::ng-deep .dark-theme .notification-menu-title,::ng-deep .dark-theme .notification-clear-all,::ng-deep .dark-theme .empty-notification{color:#a1b7d4}.empty-notification{font-size:12px;font-weight:500;line-height:1.3;padding:8px;width:320px}.notification-menu-title{font-size:12px;font-weight:600;opacity:.9}.notification-clear-all{font-size:14px;cursor:pointer;opacity:.6;transition:color .2s ease,opacity .2s ease}.notification-clear-all:hover{color:#ff4f4c;opacity:1}.notification-menu-divider{height:1px;background:#00000014}\n"] }]
         }], ctorParameters: () => [{ type: NotificationService }], propDecorators: { theme: [] } });
 class LangService {
@@ -2907,7 +2934,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 language) {\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  <ng-container *ngxPermissionsExcept=\"restrictions\">\r\n    <!--NOTIFICATIONS-->\r\n    @if (user && user.admin) {\r\n    <button (click)=\"onRedirect('user', '/notifications')\" mat-menu-item>\r\n      <mat-icon class=\"material-icons-outlined\">announcement</mat-icon>\r\n      <span>{{ 'COMMON.HEADER.MENU.USER.NOTIFICATIONS' | commonTranslate: lang() }}</span>\r\n    </button>\r\n    }\r\n  </ng-container>\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: i2$2.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: i2$1.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()
@@ -2917,7 +2944,7 @@ __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 language) {\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  <ng-container *ngxPermissionsExcept=\"restrictions\">\r\n    <!--NOTIFICATIONS-->\r\n    @if (user && user.admin) {\r\n    <button (click)=\"onRedirect('user', '/notifications')\" mat-menu-item>\r\n      <mat-icon class=\"material-icons-outlined\">announcement</mat-icon>\r\n      <span>{{ 'COMMON.HEADER.MENU.USER.NOTIFICATIONS' | commonTranslate: lang() }}</span>\r\n    </button>\r\n    }\r\n  </ng-container>\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: [] } });
 var NotificationClassification;
@@ -2971,11 +2998,11 @@ class NotificationBarComponent {
         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.0.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-container\">\n  @for (notification of notifications; track notification) {\n    <div class=\"notification-bar\" [ngClass]=\"'notification-classification-' + notification.classification\">\n      <div class=\"notification-bar-message\">\n        <mat-icon class=\"material-icons-outlined mat-icon-small\">\n          {{ notification.classification | notificationClassificationIconPipe }}\n        </mat-icon>\n        <span>{{ lang() === 'fr' ? notification.messageFr : notification.messageEn }}</span>\n      </div>\n      <button class=\"notification-bar-close-button\" (click)=\"ackNotification(notification)\">\n        <mat-icon class=\"material-icons-outlined mat-icon-small\">close</mat-icon>\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host{position:relative}.notification-bar-container{display:block;left:0;overflow:hidden;right:0;width:100%}.notification-bar-container *{box-sizing:border-box;margin:0;padding:0}.notification-bar-container .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-container .notification-bar .notification-bar-close-button{background:transparent;cursor:pointer;border:0;border-radius:0;color:#fff;transition:all .25s ease}.notification-bar-container .notification-bar .notification-bar-message{display:flex;width:100%;margin:auto;gap:10px}.notification-bar-container .mat-icon-small{display:flex;align-items:center;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: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: NotificationClassificationIconPipe, name: "notificationClassificationIconPipe" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.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-container\">\r\n  @for (notification of notifications; track notification) {\r\n    <div class=\"notification-bar\" [ngClass]=\"'notification-classification-' + notification.classification\">\r\n      <div class=\"notification-bar-message\">\r\n        <mat-icon class=\"material-icons-outlined mat-icon-small\">\r\n          {{ notification.classification | notificationClassificationIconPipe }}\r\n        </mat-icon>\r\n        <span>{{ lang() === 'fr' ? notification.messageFr : notification.messageEn }}</span>\r\n      </div>\r\n      <button class=\"notification-bar-close-button\" (click)=\"ackNotification(notification)\">\r\n        <mat-icon class=\"material-icons-outlined mat-icon-small\">close</mat-icon>\r\n      </button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{position:relative}.notification-bar-container{display:block;left:0;overflow:hidden;right:0;width:100%}.notification-bar-container *{box-sizing:border-box;margin:0;padding:0}.notification-bar-container .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-container .notification-bar .notification-bar-close-button{background:transparent;cursor:pointer;border:0;border-radius:0;color:#fff;transition:all .25s ease}.notification-bar-container .notification-bar .notification-bar-message{display:flex;width:100%;margin:auto;gap:10px}.notification-bar-container .mat-icon-small{display:flex;align-items:center;height:18px;width:18px;min-width:18px;font-size:18px;color:#fff!important;margin-right:0!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: NotificationClassificationIconPipe, name: "notificationClassificationIconPipe" }] }); }
 }
 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-container\">\n  @for (notification of notifications; track notification) {\n    <div class=\"notification-bar\" [ngClass]=\"'notification-classification-' + notification.classification\">\n      <div class=\"notification-bar-message\">\n        <mat-icon class=\"material-icons-outlined mat-icon-small\">\n          {{ notification.classification | notificationClassificationIconPipe }}\n        </mat-icon>\n        <span>{{ lang() === 'fr' ? notification.messageFr : notification.messageEn }}</span>\n      </div>\n      <button class=\"notification-bar-close-button\" (click)=\"ackNotification(notification)\">\n        <mat-icon class=\"material-icons-outlined mat-icon-small\">close</mat-icon>\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host{position:relative}.notification-bar-container{display:block;left:0;overflow:hidden;right:0;width:100%}.notification-bar-container *{box-sizing:border-box;margin:0;padding:0}.notification-bar-container .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-container .notification-bar .notification-bar-close-button{background:transparent;cursor:pointer;border:0;border-radius:0;color:#fff;transition:all .25s ease}.notification-bar-container .notification-bar .notification-bar-message{display:flex;width:100%;margin:auto;gap:10px}.notification-bar-container .mat-icon-small{display:flex;align-items:center;height:18px;width:18px;min-width:18px;font-size:18px;color:#fff!important;margin-right:0!important}\n"] }]
+            args: [{ selector: 'notification-bar', template: "<div class=\"notification-bar-container\">\r\n  @for (notification of notifications; track notification) {\r\n    <div class=\"notification-bar\" [ngClass]=\"'notification-classification-' + notification.classification\">\r\n      <div class=\"notification-bar-message\">\r\n        <mat-icon class=\"material-icons-outlined mat-icon-small\">\r\n          {{ notification.classification | notificationClassificationIconPipe }}\r\n        </mat-icon>\r\n        <span>{{ lang() === 'fr' ? notification.messageFr : notification.messageEn }}</span>\r\n      </div>\r\n      <button class=\"notification-bar-close-button\" (click)=\"ackNotification(notification)\">\r\n        <mat-icon class=\"material-icons-outlined mat-icon-small\">close</mat-icon>\r\n      </button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{position:relative}.notification-bar-container{display:block;left:0;overflow:hidden;right:0;width:100%}.notification-bar-container *{box-sizing:border-box;margin:0;padding:0}.notification-bar-container .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-container .notification-bar .notification-bar-close-button{background:transparent;cursor:pointer;border:0;border-radius:0;color:#fff;transition:all .25s ease}.notification-bar-container .notification-bar .notification-bar-message{display:flex;width:100%;margin:auto;gap:10px}.notification-bar-container .mat-icon-small{display:flex;align-items:center;height:18px;width:18px;min-width:18px;font-size:18px;color:#fff!important;margin-right:0!important}\n"] }]
         }] });
 class HeaderComponent {
@@ -3043,14 +3070,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  <!-- Notifications -->\n  <sc-personal-notification [lang]=\"lang\" 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: PersonalNotificationComponent, selector: "sc-personal-notification", inputs: ["lang"] }, { 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: "<!-- Notifications container -->\r\n<notification-bar [lang]=\"lang\"></notification-bar>\r\n\r\n<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  <!-- Notifications -->\r\n  <sc-personal-notification [lang]=\"lang\" 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: i2$1.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: PersonalNotificationComponent, selector: "sc-personal-notification", inputs: ["lang"] }, { 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" }] }); }
 }
 __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  <!-- Notifications -->\n  <sc-personal-notification [lang]=\"lang\" 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: "<!-- Notifications container -->\r\n<notification-bar [lang]=\"lang\"></notification-bar>\r\n\r\n<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  <!-- Notifications -->\r\n  <sc-personal-notification [lang]=\"lang\" 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', []]
@@ -3076,14 +3103,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: i2$1.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', []]
@@ -3176,11 +3203,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$3.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$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.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" }] }); }
 }
 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 {
@@ -3457,7 +3484,8 @@ class UtilModule {
             RoyaltyInvoiceRapidSearchComponent,
             RoyaltyCountRapidSearchComponent,
             NotificationBarComponent,
-            NotificationClassificationIconPipe], imports: [MatInputModule,
+            NotificationClassificationIconPipe,
+            RapidSearchSelectionDirective], imports: [MatInputModule,
             MatTooltipModule,
             MatButtonModule,
             MatToolbarModule,
@@ -3607,7 +3635,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
                         RoyaltyInvoiceRapidSearchComponent,
                         RoyaltyCountRapidSearchComponent,
                         NotificationBarComponent,
-                        NotificationClassificationIconPipe
+                        NotificationClassificationIconPipe,
+                        RapidSearchSelectionDirective
                     ],
                     providers: [
                         {