{"__symbolic":"module","version":4,"exports":[{"from":"./lib/util/component/mat-table/align-type.enum"},{"from":"./lib/util/component/mat-table/field-type.enum"},{"from":"./lib/util/component/mat-table/mat-table-column.model"},{"from":"./lib/util/component/mat-table/mat-table-icon-type.enum"},{"from":"./lib/util/component/mat-table/mat-table-input-type.enum"},{"from":"./lib/util/component/mat-table/table-action-button.model"},{"from":"./lib/util/product-disc-detail.model"},{"from":"./lib/util/product.model"},{"from":"./lib/util/product-box-set.model"},{"from":"./lib/util/product-disc.model"},{"from":"./lib/util/program.model"},{"from":"./lib/util/subtitle-content.model"},{"from":"./lib/util/video-content.model"},{"from":"./lib/util/purchase-order/purchase-order.model"},{"from":"./lib/util/referential/adress-type.model"},{"from":"./lib/util/referential/adress.model"},{"from":"./lib/util/referential/attached-file.model"},{"from":"./lib/util/referential/bank-account.model"},{"from":"./lib/util/referential/bank-accounts.model"},{"from":"./lib/util/referential/basic-hierarchy.model"},{"from":"./lib/util/referential/color.model"},{"from":"./lib/util/referential/company.model"},{"from":"./lib/util/referential/content-type.model"},{"from":"./lib/util/referential/content.model"},{"from":"./lib/util/referential/cost-center-criteria-values.model"},{"from":"./lib/util/referential/cost-center-criteria.model"},{"from":"./lib/util/referential/cost-center.model"},{"from":"./lib/util/referential/coutry.model"},{"from":"./lib/util/referential/currency.model"},{"from":"./lib/util/referential/editorial-content.model"},{"from":"./lib/util/referential/fixing.model"},{"from":"./lib/util/referential/flat-media.model"},{"from":"./lib/util/referential/format-image.model"},{"from":"./lib/util/referential/format-type.model"},{"from":"./lib/util/referential/format.model"},{"from":"./lib/util/referential/fsk-index.model"},{"from":"./lib/util/referential/fsk.model"},{"from":"./lib/util/referential/function.model"},{"from":"./lib/util/referential/genre.model"},{"from":"./lib/util/referential/invoice-product-type.model"},{"from":"./lib/util/referential/language.model"},{"from":"./lib/util/referential/media-filter.model"},{"from":"./lib/util/referential/media.model"},{"from":"./lib/util/referential/module.model"},{"from":"./lib/util/referential/participant.model"},{"from":"./lib/util/referential/person.model"},{"from":"./lib/util/referential/project-status.model"},{"from":"./lib/util/referential/quota.model"},{"from":"./lib/util/referential/referential-entity-state.model"},{"from":"./lib/util/referential/referential-value.model"},{"from":"./lib/util/referential/referentiel.model"},{"from":"./lib/util/referential/sap-order.model"},{"from":"./lib/util/referential/service-error.model"},{"from":"./lib/util/referential/sound.model"},{"from":"./lib/util/referential/territories-languages.model"},{"from":"./lib/util/referential/territory-filter.model"},{"from":"./lib/util/referential/territory.model"},{"from":"./lib/util/referential/theme.model"},{"from":"./lib/util/referential/third-party-creation-request.model"},{"from":"./lib/util/referential/third-party-module.model"},{"from":"./lib/util/referential/third-party.model"},{"from":"./lib/util/referential/translated-value-model"},{"from":"./lib/util/referential/tva.model"},{"from":"./lib/util/referential/type-export.model"},{"from":"./lib/util/referential/type-tva-company-territory.model"},{"from":"./lib/util/referential/type-tva.model"},{"from":"./lib/util/referential/work-addons-model"},{"from":"./lib/util/referential/work-appartenance.model"},{"from":"./lib/util/referential/work-genre.model"},{"from":"./lib/util/referential/work-language.model"},{"from":"./lib/util/referential/work-milo.model"},{"from":"./lib/util/referential/work-restrictions-model"},{"from":"./lib/util/referential/work-theme.model"},{"from":"./lib/util/referential/work-title.model"},{"from":"./lib/util/referential/work-version-origin.model"},{"from":"./lib/util/referential/work-versions-used.model"},{"from":"./lib/util/referential/work-versions.model"},{"from":"./lib/util/referential/work-year-production.model"},{"from":"./lib/util/referential/work.model"},{"from":"./lib/util/referential/WorkVersionArticleDto"},{"from":"./lib/util/referential/zone.model"},{"from":"./lib/util/any-line.model"},{"from":"./lib/util/search-response.model"},{"from":"./lib/util/lang-line.model"},{"from":"./lib/util/eventType.model"},{"from":"./lib/util/table-form-column.model"},{"from":"./lib/util/media-line.model"},{"from":"./lib/util/select/options.model"},{"from":"./lib/util/select/select.model"},{"from":"./lib/util/basic.model"},{"from":"./lib/util/user.model"},{"from":"./lib/util/legal/contract-work.model"},{"from":"./lib/util/legal/contract-work2.model"},{"from":"./lib/services/form-action/form-actions-events.service"},{"from":"./lib/component/header/header-events.service"},{"from":"./lib/models/permission.model"},{"from":"./lib/models/section.model"}],"metadata":{"UtilModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":83,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":85,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":86,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":87,"character":4},{"__symbolic":"reference","module":"primeng/shared","name":"SharedModule","line":88,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatTableModule","line":89,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":90,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":91,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":92,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDatepickerModule","line":93,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":94,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatCheckboxModule","line":95,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatAutocompleteModule","line":96,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatTooltipModule","line":97,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatPaginatorModule","line":98,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSortModule","line":99,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":100,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatChipsModule","line":101,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":102,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":103,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressSpinnerModule","line":104,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatToolbarModule","line":105,"character":4},{"__symbolic":"reference","module":"ngx-permissions","name":"NgxPermissionsModule","line":106,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatMenuModule","line":107,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatListModule","line":108,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":109,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":110,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":111,"character":4},{"__symbolic":"reference","module":"primeng/tooltip","name":"TooltipModule","line":112,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":113,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":114,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"MatTableComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"CapitalizefirstPipe"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"MyDialogPopupComponent"},{"__symbolic":"reference","name":"OverlayComponent"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ErrorsComponent"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"MyDialogPopupLoginComponent"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"PaginationComponent"},{"__symbolic":"reference","name":"IconBoxComponent"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"InlineIconBoxComponent"},{"__symbolic":"reference","name":"NoaErrorPopUpComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/common/http","name":"HTTP_INTERCEPTORS","line":155,"character":15},"useClass":{"__symbolic":"reference","name":"ɵbc"},"multi":true},{"__symbolic":"reference","name":"LocalStorageService"},{"__symbolic":"reference","name":"ThemeEventsService"},{"__symbolic":"reference","name":"SessionStorageService"},{"__symbolic":"reference","name":"LocalStorageService"},{"__symbolic":"reference","name":"PermissionsService"},{"__symbolic":"reference","name":"ArrayService"},{"__symbolic":"reference","name":"CommonApiService"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":166,"character":4},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"PopinService"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"AesService"},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":171,"character":4}],"exports":[{"__symbolic":"reference","name":"MatTableComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"CapitalizefirstPipe"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"OverlayComponent"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ErrorsComponent"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"PaginationComponent"},{"__symbolic":"reference","name":"IconBoxComponent"},{"__symbolic":"reference","name":"InlineIconBoxComponent"},{"__symbolic":"reference","name":"ɵa"}],"entryComponents":[{"__symbolic":"reference","name":"MyDialogPopupLoginComponent"},{"__symbolic":"reference","name":"MyDialogPopupComponent"},{"__symbolic":"reference","name":"NoaErrorPopUpComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":231,"character":23},{"__symbolic":"reference","name":"LocalStorageService"}]}]},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"defaults":[{"__symbolic":"reference","name":"ɵt"}],"value":{"ngModule":{"__symbolic":"reference","name":"UtilModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵr"},"useValue":{"__symbolic":"reference","name":"config"}}]}},"forChild":{"__symbolic":"function","parameters":["config"],"defaults":[{"__symbolic":"reference","name":"ɵt"}],"value":{"ngModule":{"__symbolic":"reference","name":"UtilModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵr"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"ArrayService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"inArray":[{"__symbolic":"method"}]}},"User":{"__symbolic":"function"},"Theme":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"error","message":"Lambda not supported","line":1,"character":9,"module":"./lib/util/decorators/theme.decorator"}},"LocalStorageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LocalStorageEventsService"}]}],"exist":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"post":[{"__symbolic":"method"}],"contains":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}]}},"SessionStorageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SessionStorageEventsService"}]}],"exist":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"post":[{"__symbolic":"method"}],"contains":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}]}},"LocalStorageEventsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"emitLocalStorageEvent":[{"__symbolic":"method"}]}},"SessionStorageEventsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"emitUpdate":[{"__symbolic":"method"}]}},"ToasterEventsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"successEvent":[{"__symbolic":"method"}],"errorEvent":[{"__symbolic":"method"}],"warnEvent":[{"__symbolic":"method"}],"infoEvent":[{"__symbolic":"method"}]}},"ThemeEventsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"switchTheme":[{"__symbolic":"method"}]}},"RegexService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"isDecimalOrNegative":[{"__symbolic":"method"}],"isMiloCode":[{"__symbolic":"method"}],"isAmount":[{"__symbolic":"method"}],"isYesNo":[{"__symbolic":"method"}],"isFinancialCondition":[{"__symbolic":"method"}],"isOrderNumber":[{"__symbolic":"method"}],"isDate":[{"__symbolic":"method"}]}},"PermissionsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"User"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-permissions","name":"NgxPermissionsService","line":8,"character":42}]}],"init":[{"__symbolic":"method"}],"hasPermission":[{"__symbolic":"method"}],"shouldLoadUserPermissions":[{"__symbolic":"method"}]}},"DateUtil":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"daysPerMonth":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"Map"}}}},"CUSTOM_DATE_FORMATS":{"parse":{"dateInput":{"month":"short","year":"numeric","day":"numeric"}},"display":{"dateInput":"input","monthYearLabel":{"year":"numeric","month":"long"},"dateA11yLabel":{"year":"numeric","month":"long","day":"numeric"},"monthYearA11yLabel":{"year":"numeric","month":"long"}}},"CustomDateAdapter":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material","name":"NativeDateAdapter","line":4,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"format":[{"__symbolic":"method"}]}},"SortBy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"NumberValidator":{"__symbolic":"class","members":{"validatorNumberNegative":[{"__symbolic":"method"}],"validatorNumberValidPercentage":[{"__symbolic":"method"}],"validatorNumberInteger":[{"__symbolic":"method"}],"validatorNumberLesserThanAnother":[{"__symbolic":"method"}],"validatorNumberMaxThanAnother":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"validatorNumberGreaterThanZero":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"error","message":"Lambda not supported","line":4,"character":11,"module":"./lib/util/validator/number.validator"}}}},"ActionForm":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"post":[{"__symbolic":"method"}],"put":[{"__symbolic":"method"}]}},"ActionConsult":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"duplicate":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}]}},"ActionModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"isAllFalse":[{"__symbolic":"method"}]}},"MyDialogPopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sc-popup","template":"<h3>{{data.titrePopup}}</h3>\r\n\r\n\r\n<div class=\"row\" style=\"margin-bottom: 5%;\">\r\n    <div class=\"large-12 columns\" > {{data.texte}} <span  *ngIf=\"data.code\">{{data.code}}</span>\r\n  </div>\r\n</div>\r\n<div class=\"row\" style=\"margin-bottom: 5%; margin-left: 5%;\">\r\n  <mat-select *ngIf=\"data.languesFacture\"\r\n             [(ngModel)]=\"dataLangue\" placeholder=\"{{ 'POPUP.TEXT.INVOICE.MESSAGE' | translate }}*\">\r\n    <mat-option *ngFor=\"let langue of data.languesFacture\" [value]=\"langue\">{{langue.label}}</mat-option>\r\n  </mat-select>\r\n</div>\r\n\r\n<div class=\"row\">\r\n  <button mat-raised-button color=\"primary\" (click)=\"onClosedConfirm()\"><span style=\"color:white\">{{data.bottunOk}}</span></button>\r\n  <button mat-button (click)=\"onClosedCancel()\">{{data.bottunKo}}</button>\r\n</div>\r\n\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":16,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"MyDialogPopupComponent"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"onClosedConfirm":[{"__symbolic":"method"}],"onClosedCancel":[{"__symbolic":"method"}]}},"MyDialogPopupLoginComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"sc-popup-login","template":"<h3 mat-dialog-title>Log in</h3>\r\n\r\n<mat-dialog-content>\r\n  <form [formGroup]=\"userForm\" fxLayout=\"column\" (keyup.enter)=\"onLogin()\">\r\n    <mat-form-field appearance=\"outline\" style=\"margin-top: 10px\">\r\n      <mat-label>{{'CORE.LOGIN.USERNAME' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n      <input matInput [(ngModel)]=\"username\" formControlName=\"username\"/>\r\n    </mat-form-field>\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>{{'CORE.LOGIN.PASSWORD' | translate }} <span style=\"color:#ef5350; font-weight: bold\">*</span></mat-label>\r\n      <input matInput [(ngModel)]=\"password\" formControlName=\"password\" type=\"password\"/>\r\n    </mat-form-field>\r\n  </form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n  <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onLogin()\" [disabled]=\"loading\">{{ 'CORE.LOGIN.SIGN_IN' | translate }}</button>\r\n  <mat-spinner *ngIf=\"loading\" class=\"not-so-close-from-button login-spinner\" [diameter]=\"30\"></mat-spinner>\r\n  <div *ngIf=\"(errorMessage !== null || errorMessage !== '')\" class=\"errorMessage not-so-close-from-button\">\r\n    {{errorMessage}} </div>\r\n</mat-dialog-actions>\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":31,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵr"}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":35,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"MyDialogPopupLoginComponent"}]},{"__symbolic":"reference","name":"AesService"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":32,"character":18},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":33,"character":30},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":34,"character":27},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"CommonApiService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onLogin":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}]}},"NoaErrorPopUpComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sc-noa-validation","template":"\r\n<h2 mat-dialog-title fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n  <span>{{module + '.PURCHASE_ORDER.POPUP.ERROR_NOA_TITLE' | translate}}</span>\r\n  <button mat-raised-button (click)=\"showTable = !showTable\">{{ module + '.PURCHASE_ORDER.POPUP.SEE_DETAIL' | translate }}</button>\r\n</h2>\r\n\r\n<mat-dialog-content *ngIf=\"showTable\">\r\n  <mat-table [dataSource]='dataSource' class=\"mat-elevation-z1\">\r\n    <ng-container matColumnDef='poNumber'>\r\n      <mat-header-cell *matHeaderCellDef> {{module + '.PURCHASE_ORDER.POPUP.PO_NUMBER' | translate}} </mat-header-cell>\r\n      <mat-cell *matCellDef='let element'> {{element.poNumber}} </mat-cell>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef='status'>\r\n      <mat-header-cell *matHeaderCellDef> {{module + '.PURCHASE_ORDER.POPUP.STATUS' | translate}}</mat-header-cell>\r\n      <mat-cell *matCellDef='let element'>\r\n        <span *ngIf=\"element.successful; else errorStatus\">{{module + '.PURCHASE_ORDER.POPUP.SUCCESS' | translate}}</span>\r\n        <ng-template #errorStatus>{{module + '.PURCHASE_ORDER.POPUP.ERROR' | translate}}</ng-template>\r\n      </mat-cell>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef='detail'>\r\n      <mat-header-cell *matHeaderCellDef> {{module + '.PURCHASE_ORDER.POPUP.DETAIL' | translate}} </mat-header-cell>\r\n      <mat-cell *matCellDef='let element' fxLayout=\"column\" fxLayoutAlign=\"center start\" fxFlexOffset=\"10px\">\r\n        <div *ngFor='let code of element.codes'>{{ module + '.PURCHASE_ORDER.POPUP.ERROR_CODE.' + (code || 'UNKNOWN') | translate }}</div>\r\n        <span *ngIf=\"!element.successful && (!element.codes || !element.codes.length)\"> {{ module + '.PURCHASE_ORDER.POPUP.ERROR_CODE.UNKNOWN' | translate }} </span>\r\n      </mat-cell>\r\n    </ng-container>\r\n\r\n    <mat-header-row *matHeaderRowDef='displayedColumns; sticky: true'></mat-header-row>\r\n    <mat-row *matRowDef='let row; columns: displayedColumns;'></mat-row >\r\n  </mat-table>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"center stretch\">\r\n  <button mat-raised-button mat-dialog-close (click)='close()'>{{ 'UTIL.BUTTONS.CLOSE' | translate }}</button>\r\n  <button mat-raised-button mat-dialog-close (click)='export()'>{{ 'UTIL.BUTTONS.EXPORT' | translate }}</button>\r\n</mat-dialog-actions>\r\n","styles":["mat-dialog-content{overflow-y:hidden}mat-row{min-height:35px;padding:4px 0;cursor:default;width:100%}mat-header-row{height:42px}mat-table{width:100%;overflow:auto;max-height:60vh}mat-header-cell{-webkit-box-pack:center;justify-content:center;-webkit-box-flex:1;flex-grow:1}mat-header-cell:last-of-type{border-right:none!important}mat-cell{width:95%}.mat-column-poNumber,.mat-column-status{-webkit-box-flex:0;flex:0 0 20%;place-content:center}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":24,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"NoaErrorPopUpComponent"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":25,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"export":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"AesService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"generateKey":[{"__symbolic":"method"}],"encrypt":[{"__symbolic":"method"}]}},"OverlayService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"show":[{"__symbolic":"method"}],"setMessage":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}]}},"OverlayComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sc-overlay","template":"<div class=\"blackshield\" *ngIf=\"show\"></div>\r\n\r\n<div fxLayoutAlign=\"center center\" *ngIf=\"show\">\r\n  <mat-card class=\"overshield\" fxLayoutAlign=\"center center\">\r\n    <mat-card-content fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"width: 100%\">\r\n      <span>{{ message || 'CORE.OVERLAY.LOADING' | translate}}</span>\r\n      <mat-spinner diameter=\"40\"></mat-spinner>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</div>\r\n","styles":[".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:#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}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":15,"character":20},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":16,"character":30},{"__symbolic":"reference","name":"OverlayService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":18,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}]}},"MatTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"sc-mat-table","template":"<!--<sc-mat-table2-filter-->\r\n<!--  *ngIf=\"withFilter\"-->\r\n<!--  [filters]=\"filters\"-->\r\n<!--  [filterValue]=\"dataSource.filter\"-->\r\n<!--  (filterEvent)=\"filter($event)\">-->\r\n<!--</sc-mat-table2-filter>-->\r\n<mat-paginator [ngStyle]=\"{'display' : withPaginator ? 'block' : 'none' }\"\r\n               [pageSizeOptions]=\"pageSizeOptions\"\r\n               [pageSize]=\"pageSize\"\r\n               showFirstLastButtons></mat-paginator>\r\n\r\n<div *ngIf=\"form\" style=\"display:inline-block; width: 100%\">\r\n  <button mat-icon-button mat-button class=\"table-icon\"\r\n          *ngIf=\"tableActionButtons.displayAddButton\"\r\n          (click)=\"onAddClick()\"\r\n          matTooltip=\"{{'UTIL.BUTTONS.ADD' | translate}}\"\r\n          matTooltipPosition=\"above\">\r\n    <mat-icon>add</mat-icon>\r\n  </button>\r\n  <button mat-icon-button mat-button class=\"table-icon\"\r\n          *ngIf=\"tableActionButtons.displayEditButton\"\r\n          (click)=\"onEditClick()\"\r\n          matTooltip=\"{{'UTIL.BUTTONS.UPDATE' | translate}}\"\r\n          matTooltipPosition=\"above\">\r\n    <mat-icon>edit</mat-icon>\r\n  </button>\r\n  <button mat-icon-button mat-button class=\"table-icon\"\r\n          *ngIf=\"tableActionButtons.displayDuplicateButton\"\r\n          (click)=\"onDuplicateClick()\"\r\n          matTooltip=\"Dupliquer\"\r\n          matTooltipPosition=\"above\">\r\n    <mat-icon>content_copy</mat-icon>\r\n  </button>\r\n  <button mat-icon-button mat-button class=\"table-icon\"\r\n          *ngIf=\"tableActionButtons.displaySearchButton\"\r\n          (click)=\"onSearchClick()\"\r\n          matTooltip=\"Rechercher\"\r\n          matTooltipPosition=\"above\">\r\n    <mat-icon>search</mat-icon>\r\n  </button>\r\n  <button mat-icon-button mat-button class=\"table-icon\"\r\n          *ngIf=\"tableActionButtons.displayCalculateButton\"\r\n          (click)=\"onCalculateClick()\"\r\n          matTooltip=\"{{'UTIL.BUTTONS.DISTRIBUTE' | translate}}\"\r\n          matTooltipPosition=\"above\">\r\n    <mat-icon>euro_symbol</mat-icon>\r\n  </button>\r\n  <button mat-icon-button mat-button class=\"table-icon\"\r\n          *ngIf=\"tableActionButtons.displayImportButton\"\r\n          (click)=\"onImportClick()\"\r\n          matTooltip=\"{{'UTIL.BUTTONS.IMPORT' | translate}}\"\r\n          matTooltipPosition=\"above\">\r\n    <mat-icon>save_alt</mat-icon>\r\n  </button>\r\n  <button mat-icon-button mat-button class=\"table-icon\"\r\n          *ngIf=\"tableActionButtons.displayProtectButton\"\r\n          (click)=\"onProtectClick()\"\r\n          matTooltip=\"{{'UTIL.BUTTONS.PROTECT' | translate}}\"\r\n          matTooltipPosition=\"above\">\r\n    <mat-icon>verified_user</mat-icon>\r\n  </button>\r\n  <button mat-icon-button mat-button id=\"removeItem\" class=\"table-icon\"\r\n          *ngIf=\"tableActionButtons.displayDeleteButton\"\r\n          (click)=\"removeItem()\"\r\n          matTooltip=\"{{'UTIL.BUTTONS.DELETE' | translate}}\"\r\n          matTooltipPosition=\"above\">\r\n    <mat-icon>delete</mat-icon>\r\n  </button>\r\n  <mat-slide-toggle class=\"slide-toggle\"\r\n    *ngIf=\"tableActionButtons.displaySlideToggle\"\r\n    [checked]=\"slideToggleEnabled\"\r\n    labelPosition=\"before\"\r\n    (change)=\"handleSwitch($event)\">\r\n    <span *ngIf=\"slideToggleEnabled\"> {{ 'UTIL.BUTTONS.SLIDE_TOGGLE_ON' | translate}} </span>\r\n    <span *ngIf=\"!slideToggleEnabled\"> {{ 'UTIL.BUTTONS.SLIDE_TOGGLE_OFF' | translate}} </span>\r\n  </mat-slide-toggle>\r\n</div>\r\n<div [hidden]=\"!showProgressBar\">\r\n  <sc-progress-bar></sc-progress-bar>\r\n</div>\r\n<div [hidden]=\"showProgressBar\" class=\"mat-elevation-z8\" [formGroup]=\"formGroup\">\r\n  <mat-table matSort [dataSource]=\"dataSource\" [ngClass]=\"{'mat-row-hover':hoverRow}\" [ngStyle]=\"{  'overflow': 'auto',\r\n  'max-height': maxHeight}\">\r\n\r\n    <div *ngFor=\"let column of columnNames; let i=index\">\r\n\r\n      <ng-container matColumnDef=\"{{column}}\">\r\n\r\n        <!-- CheckBox Column -->\r\n        <div *ngIf=\"column === 'checkBoxColumn'; else elseBlock\">\r\n          <mat-header-cell *matHeaderCellDef [ngStyle]=\"{'flex-grow':checkboxFlexGrow, 'justify-content': 'center'}\"\r\n                           class=\"checkBox\">\r\n            <mat-checkbox\r\n              (change)=\"selectAllItem()\"\r\n              [(ngModel)]=\"selectAllItems\"\r\n              [ngModelOptions]=\"{standalone: true}\">\r\n            </mat-checkbox>\r\n          </mat-header-cell>\r\n          <mat-cell *matCellDef=\"let item; let j=index\" class=\"checkBox\"\r\n                    [ngStyle]=\"{'flex-grow': checkboxFlexGrow, 'justify-content': 'center'}\"\r\n                    (click)=\"$event.stopPropagation()\">\r\n            <mat-checkbox (change)=\"selectOrUnselectItem(item)\"\r\n                          [(ngModel)]=\"item.checked\"\r\n                          [ngModelOptions]=\"{standalone: true}\">\r\n            </mat-checkbox>\r\n          </mat-cell>\r\n        </div>\r\n        <ng-template #elseBlock>\r\n          <!--If form deactivate sorting-->\r\n          <div *ngIf=\"showTooltipOnColumn\">\r\n            <mat-header-cell *matHeaderCellDef mat-sort-header matTooltip=\"{{translatedColumnNames[i] | translate}}\"\r\n                             matTooltipPosition=\"above\"\r\n                             [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow,'justify-content': columnsDetails[i].withFilter ? 'left': 'center'}\">\r\n              <label *ngIf=\"!columnsDetails[i].withFilter\"> {{translatedColumnNames[i] | translate}}</label>\r\n              <mat-form-field *ngIf=\"columnsDetails[i].withFilter\" style=\" width:100%\">\r\n                <input [(ngModel)]=\"columnsDetails[i].filterValue\" [ngModelOptions]=\"{standalone: true}\"\r\n                       (click)=\"$event.stopPropagation()\" matInput\r\n                       placeholder=\"{{translatedColumnNames[i] | translate}}\"\r\n                       (change)=\"filter($event, columnsDetails[i].field)\">\r\n              </mat-form-field>\r\n            </mat-header-cell>\r\n          </div>\r\n\r\n          <div *ngIf=\"!showTooltipOnColumn\">\r\n            <mat-header-cell *matHeaderCellDef mat-sort-header\r\n                             [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow,'justify-content': columnsDetails[i].withFilter ? 'left': 'center'}\">\r\n              <label *ngIf=\"!columnsDetails[i].withFilter\"> {{translatedColumnNames[i] | translate}}</label>\r\n              <mat-form-field *ngIf=\"columnsDetails[i].withFilter\" style=\" width:100%\">\r\n                <input [(ngModel)]=\"columnsDetails[i].filterValue\" [ngModelOptions]=\"{standalone: true}\"\r\n                       (click)=\"$event.stopPropagation()\" matInput\r\n                       placeholder=\"{{translatedColumnNames[i] | translate}}\"\r\n                       (change)=\"filter($event, columnsDetails[i].field)\">\r\n              </mat-form-field>\r\n            </mat-header-cell>\r\n          </div>\r\n\r\n          <div [ngSwitch]=\"columnsDetails[i].inputType\">\r\n            <!-- LABEL TYPE -->\r\n            <div *ngSwitchCase=\"1\">\r\n              <!-- Default label type-->\r\n              <div\r\n                *ngIf=\"!columnsDetails[i].currencyType && !columnsDetails[i].iconType && !columnsDetails[i].dateFormat &&\r\n                  !columnsDetails[i].dateFormatLegal\">\r\n                <mat-cell *matCellDef=\"let item\" [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                          [ngClass]=\"{'text-align-left':columnsDetails[i].textAlign === 1, 'text-align-center':columnsDetails[i].textAlign === 2, 'text-align-right':columnsDetails[i].textAlign === 3}\">\r\n                  <span style=\"width: 95%\">{{item[column].matTableValue}}</span>\r\n                </mat-cell>\r\n              </div>\r\n              <!-- Currency Type -->\r\n              <div *ngIf=\"columnsDetails[i].currencyType\">\r\n                <mat-cell *matCellDef=\"let item\"\r\n                          [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow,'justify-content':'right'}\">\r\n                  <span\r\n                    style=\"width: 95%;text-align: right\">{{item[column].matTableValue | currency:item.currencyCode ? item.currencyCode : ' ' : 'symbol' : '1.2-3' }}</span>\r\n                </mat-cell>\r\n              </div>\r\n              <!-- Icon Type-->\r\n              <div *ngIf=\"columnsDetails[i].iconType\">\r\n                <mat-cell *matCellDef=\"let item\" [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\">\r\n                  <div [ngSwitch]=\"columnsDetails[i].iconTemplate\" class=\"icon\">\r\n\r\n\r\n                    <div *ngSwitchCase=\"1\">\r\n                      <sc-video-purchase-order-type-icon-component\r\n                        [type]=\"item.type\">\r\n                      </sc-video-purchase-order-type-icon-component>\r\n                    </div>\r\n\r\n                    <div *ngSwitchCase=\"2\">\r\n                      <sc-video-status-icon-component\r\n                        [status]=\"item.status.id\"\r\n                        [tooltip]=\"item.status.label\">\r\n                      </sc-video-status-icon-component>\r\n                    </div>\r\n\r\n                    <div *ngSwitchCase=\"3\">\r\n                      <sc-expenditure-status-icon-component\r\n                        [status]=\"item.status.id\"\r\n                        [tooltip]=\"item.status.label\">\r\n                      </sc-expenditure-status-icon-component>\r\n                    </div>\r\n\r\n                  </div>\r\n                </mat-cell>\r\n              </div>\r\n\r\n              <div *ngIf=\"columnsDetails[i].dateFormatLegal\">\r\n                <mat-cell *matCellDef=\"let item\" [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                          [ngClass]=\"{'text-align-left':columnsDetails[i].textAlign === 1, 'text-align-center':columnsDetails[i].textAlign === 2,\r\n                          'text-align-right':columnsDetails[i].textAlign === 3}\">\r\n                  {{item[column].matTableValue | myLocalDateFormat:\r\n                  translateService.currentLang:columnsDetails[i].dateFormatLegal}}\r\n                </mat-cell>\r\n              </div>\r\n\r\n              <div *ngIf=\"columnsDetails[i].dateFormat\">\r\n                <mat-cell *matCellDef=\"let item\" [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                          [ngClass]=\"{'text-align-left':columnsDetails[i].textAlign === 1, 'text-align-center':columnsDetails[i].textAlign === 2,\r\n                          'text-align-right':columnsDetails[i].textAlign === 3}\">\r\n                  {{item[column].matTableValue | date: columnsDetails[i].dateFormat}}\r\n                </mat-cell>\r\n              </div>\r\n            </div>\r\n            <!-- INPUT_TEXT-->\r\n            <div *ngSwitchCase=\"2\">\r\n              <mat-cell *matCellDef=\"let item; let j=index\" [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        [ngClass]=\"{'text-align-left':columnsDetails[i].textAlign === 1, 'text-align-center':columnsDetails[i].textAlign === 2, 'text-align-right':columnsDetails[i].textAlign === 3}\">\r\n                <mat-form-field style=\"width: 95%\">\r\n                  <div [ngSwitch]=\"columnsDetails[i].fieldType\">\r\n                    <input *ngSwitchDefault\r\n                           matInput\r\n                           [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                           formControlName=\"{{prefix + '-' + columnsDetails[i].field + item.uuid}}\">\r\n                    <mat-hint align=\"end\" *ngIf=\"columnsDetails[i].maxLength\">{{item[columnsDetails[i].field].length}}\r\n                      / {{columnsDetails[i].maxLength}}\r\n                    </mat-hint>\r\n                    <input *ngSwitchCase=\"2\"\r\n                           matInput\r\n                           [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField]\"\r\n                           formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\">\r\n                    <mat-hint align=\"end\"\r\n                              *ngIf=\"columnsDetails[i].maxLength\">\r\n                      {{item[columnsDetails[i].field][columnsDetails[i].subField].length}}\r\n                      / {{columnsDetails[i].maxLength}}\r\n                    </mat-hint>\r\n                    <input *ngSwitchCase=\"3\"\r\n                           matInput\r\n                           [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField]\"\r\n                           formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\">\r\n                    <mat-hint align=\"end\"\r\n                              *ngIf=\"columnsDetails[i].maxLength\">\r\n                      {{item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField].length}}\r\n                      / {{columnsDetails[i].maxLength}}\r\n                    </mat-hint>\r\n                  </div>\r\n                  <mat-hint align=\"start\" *ngIf=\"columnsDetails[i].pattern\">{{columnsDetails[i].pattern}}</mat-hint>\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </div>\r\n            <!-- INPUT_NUMBER-->\r\n            <div *ngSwitchCase=\"3\">\r\n              <mat-cell *matCellDef=\"let item\" [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        style=\"justify-content: center\">\r\n                <mat-form-field style=\"width: 95%\"\r\n                                [ngClass]=\"{'text-align-left':columnsDetails[i].textAlign === 1, 'text-align-center':columnsDetails[i].textAlign === 2, 'text-align-right':columnsDetails[i].textAlign === 3}\">\r\n                  <div [ngSwitch]=\"columnsDetails[i].fieldType\">\r\n                    <input *ngSwitchDefault\r\n                           matInput\r\n                           type=\"text\"\r\n                           myNumberFormatter\r\n                           pattern=\"[0-9 .]+\"\r\n                           decimalNumber=\"{{columnsDetails[i].decimalNumber}}\"\r\n                           [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                           formControlName=\"{{prefix + '-' + columnsDetails[i].field + item.uuid}}\"\r\n                           (change)=\"onUpdateValue($event, item.uuid, columnsDetails[i])\">\r\n                    <input *ngSwitchCase=\"2\"\r\n                           matInput\r\n                           type=\"text\"\r\n                           myNumberFormatter\r\n                           pattern=\"[0-9 .]+\"\r\n                           decimalNumber=\"{{columnsDetails[i].decimalNumber}}\"\r\n                           [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField]\"\r\n                           formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"\r\n                           (change)=\"onUpdateValue($event, item.uuid, columnsDetails[i])\">\r\n                    <input *ngSwitchCase=\"3\"\r\n                           matInput\r\n                           type=\"text\"\r\n                           myNumberFormatter\r\n                           pattern=\"[0-9 .]+\"\r\n                           decimalNumber=\"{{columnsDetails[i].decimalNumber}}\"\r\n                           [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField]\"\r\n                           formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"\r\n                           (change)=\"onUpdateValue($event, item.uuid, columnsDetails[i])\">\r\n                  </div>\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </div>\r\n            <!-- AUTOCOMPLETE -->\r\n            <div *ngSwitchCase=\"4\">\r\n              <mat-cell *matCellDef=\"let item; let j=index\" [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        style=\"justify-content: center\">\r\n\r\n                <div [ngSwitch]=\"columnsDetails[i].fieldType\" style=\"width: 95%\">\r\n\r\n                  <sc-auto-complete-component *ngSwitchDefault\r\n                                              style=\"width: 100%\"\r\n                                              [control]=\"formGroup.get(prefix + '-' + columnsDetails[i].field + item.uuid)\"\r\n                                              [fieldToDisplay]=\"columnsDetails[i].fieldToDisplay\"\r\n                                              [suggestions]=\"columnsDetails[i].suggestions\"\r\n                                              [model]=\"item[columnsDetails[i].field]\"\r\n                                              [appearance]=\"''\"\r\n                                              [debounceDelay]=\"500\"\r\n                                              [ordered]=\"ordered\"\r\n                                              (autoCompleteBlurEmitter)=\"changesEmit($event, columnsDetails[i].field, item.uuid)\"\r\n                                              (autoCompleteGenericEmitter)=\"search($event, columnsDetails[i].field, item.uuid)\"\r\n                                              (autoCompleteClickEmitter)=\"autoCompleteClick($event, columnsDetails[i].field, item.uuid)\"\r\n                                              (autoCompleteOnSelectGenericEmitter)=\"onSelect($event, item.uuid, columnsDetails[i].field, i)\">\r\n                  </sc-auto-complete-component>\r\n                  <sc-auto-complete-component *ngSwitchCase=\"2\"\r\n                                              style=\"width: 100%\"\r\n                                              [control]=\"formGroup.get(prefix + '-' + columnNames[i] + item.uuid)\"\r\n                                              [fieldToDisplay]=\"columnsDetails[i].fieldToDisplay\"\r\n                                              [suggestions]=\"columnsDetails[i].suggestions\"\r\n                                              [appearance]=\"''\"\r\n                                              [model]=\"item[columnsDetails[i].field][columnsDetails[i].subField]\"\r\n                                              [debounceDelay]=\"500\"\r\n                                              [ordered]=\"ordered\"\r\n                                              (autoCompleteBlurEmitter)=\"changesEmit($event, columnsDetails[i].field, item.uuid)\"\r\n                                              (autoCompleteGenericEmitter)=\"search($event, columnsDetails[i].subField, item.uuid)\"\r\n                                              (autoCompleteClickEmitter)=\"autoCompleteClick($event, columnsDetails[i].field, item.uuid)\"\r\n                                              (autoCompleteOnSelectGenericEmitter)=\"onSelect($event, item.uuid, columnsDetails[i].subField, i)\">\r\n                  </sc-auto-complete-component>\r\n\r\n                  <sc-auto-complete-component *ngSwitchCase=\"3\"\r\n                                              style=\"width: 100%\"\r\n                                              [control]=\"formGroup.get(prefix + '-' + columnNames[i] + item.uuid)\"\r\n                                              [fieldToDisplay]=\"columnsDetails[i].fieldToDisplay\"\r\n                                              [appearance]=\"''\"\r\n                                              [suggestions]=\"columnsDetails[i].suggestions\"\r\n                                              [model]=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField]\"\r\n                                              [debounceDelay]=\"500\"\r\n                                              [ordered]=\"ordered\"\r\n                                              (autoCompleteBlurEmitter)=\"changesEmit($event, columnsDetails[i].field, item.uuid)\"\r\n                                              (autoCompleteGenericEmitter)=\"search($event, columnsDetails[i].subSubField, item.uuid)\"\r\n                                              (autoCompleteOnSelectGenericEmitter)=\"onSelect($event, item.uuid, columnsDetails[i].subSubField, i)\">\r\n                  </sc-auto-complete-component>\r\n                </div>\r\n\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!-- SELECT -->\r\n            <div *ngSwitchCase=\"5\">\r\n              <mat-cell *matCellDef=\"let item; let j=index\" style=\"justify-content: center\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\">\r\n\r\n                <mat-form-field [ngSwitch]=\"columnsDetails[i].fieldType\" style=\"width: 95%\">\r\n\r\n                  <mat-select *ngSwitchDefault\r\n                              [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                              formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"\r\n                              [compareWith]=\"compareWith\"\r\n                              (valueChange)=\"onSelectOption($event, columnsDetails[i].field, item.uuid)\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].selectValues\" [value]=\"value\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n\r\n                  <mat-select *ngSwitchCase=\"2\"\r\n                              [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                              formControlName=\"{{prefix + '-' + columnsDetails[i].field + item.uuid}}\"\r\n                              (valueChange)=\"onSelectOption($event, columnNames[i], item.uuid)\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].selectValues\" [value]=\"value\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n\r\n                  <mat-select *ngSwitchCase=\"3\"\r\n                              [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField]\"\r\n                              formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"\r\n                              (valueChange)=\"onSelectOption($event, columnNames[i], item.uuid)\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].selectValues\" [value]=\"value\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!-- SIMPLE_AUTOCOMPLETE -->\r\n            <div *ngSwitchCase=\"6\">\r\n              <mat-cell *matCellDef=\"let item; let j=index\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\">\r\n                <mat-form-field style=\"width: 100%\">\r\n                  <input matInput [matAutocomplete]=\"auto\" [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                         (focus)=\"getListForSimpleAuto($event, item.uuid, columnsDetails[i])\"\r\n                         formControlName=\"{{prefix + '-' + columnsDetails[i].field + item.uuid}}\">\r\n                  <mat-autocomplete #auto=\"matAutocomplete\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].filteredList | async\"\r\n                                [value]=\"value[columnsDetails[i].fieldToDisplay]\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-autocomplete>\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!-- LABEL_NUMBER-->\r\n            <div *ngSwitchCase=\"7\">\r\n              <mat-cell *matCellDef=\"let item\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                        [ngClass]=\"{'text-align-left':columnsDetails[i].textAlign === 1, 'text-align-center':columnsDetails[i].textAlign === 2, 'text-align-right':columnsDetails[i].textAlign === 3}\">\r\n                <span\r\n                  style=\"width: 100%;text-align: right\">{{item[column].matTableValue | myNumberFormat:columnsDetails[i].decimalNumber }}</span>\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!-- CHECK_BOX_FORM -->\r\n            <div *ngSwitchCase=\"8\">\r\n              <mat-cell *matCellDef=\"let item\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow,'justify-content':'center'}\">\r\n                <div [ngSwitch]=\"columnsDetails[i].fieldType\">\r\n                  <mat-checkbox *ngSwitchDefault [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                                (change)=\"onCheckedColumn(item)\" [ngModelOptions]=\"{standalone: true}\"></mat-checkbox>\r\n                  <mat-checkbox *ngSwitchCase=\"2\"\r\n                                [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField]\"\r\n                                (change)=\"onCheckedColumn(item)\" [ngModelOptions]=\"{standalone: true}\"></mat-checkbox>\r\n                  <mat-checkbox *ngSwitchCase=\"3\"\r\n                                [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField]\"\r\n                                (change)=\"onCheckedColumn(item)\" [ngModelOptions]=\"{standalone: true}\"></mat-checkbox>\r\n                  <mat-checkbox *ngSwitchCase=\"4\"\r\n                                [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField][columnsDetails[i].subSubSubField]\"\r\n                                (change)=\"onCheckedColumn(item)\" [ngModelOptions]=\"{standalone: true}\"></mat-checkbox>\r\n                </div>\r\n              </mat-cell>\r\n            </div>\r\n            <div *ngSwitchCase=\"9\">\r\n              <mat-cell *matCellDef=\"let item; let j=index\" [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        style=\"justify-content: center\">\r\n                <mat-form-field style=\"width: 95%\">\r\n                  <input matInput [matDatepicker]=\"picker\"\r\n                         [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                         formControlName=\"{{prefix + '-' + columnsDetails[i].field + item.uuid}}\">\r\n                  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n                  <mat-datepicker #picker></mat-datepicker>\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </div>\r\n            <!-- CHECK_BOX_CONSULT -->\r\n            <div *ngSwitchCase=\"10\">\r\n              <mat-cell *matCellDef=\"let item\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow,'justify-content':'center'}\">\r\n                <div [ngSwitch]=\"columnsDetails[i].fieldType\">\r\n                  <div *ngSwitchDefault>\r\n                    <mat-icon *ngIf=\"item[columnsDetails[i].field]  && !enableRedCheckboxColumn\" fxFlex=\"25%\">check</mat-icon>\r\n                    <mat-icon *ngIf=\"item[columnsDetails[i].field] && enableRedCheckboxColumn\" fxFlex=\"25%\" style=\"color: red\">check</mat-icon>\r\n                    <mat-icon *ngIf=\"!item[columnsDetails[i].field] && enableRedClearIconOnCheckBox\" style=\"color:red\"\r\n                              fxFlex=\"25%\">clear\r\n                    </mat-icon>\r\n                  </div>\r\n                  <div *ngSwitchCase=\"2\">\r\n                    <mat-icon *ngIf=\"item[columnsDetails[i].field][columnsDetails[i].subField] && !enableRedCheckboxColumn\" style=\"color:#2ecc71\"\r\n                              fxFlex=\"25%\">check\r\n                    </mat-icon>\r\n                    <mat-icon *ngIf=\"item[columnsDetails[i].field][columnsDetails[i].subField] && enableRedCheckboxColumn\" style=\"color:red\"\r\n                              fxFlex=\"25%\">check\r\n                    </mat-icon>\r\n                    <mat-icon *ngIf=\"!item[columnsDetails[i].field][columnsDetails[i].subField]\" style=\"color:red\"\r\n                              fxFlex=\"25%\">clear\r\n                    </mat-icon>\r\n                  </div>\r\n                  <div *ngSwitchCase=\"3\">\r\n                    <mat-icon\r\n                      *ngIf=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField] && !enableRedCheckboxColumn\"\r\n                      style=\"color:#2ecc71\" fxFlex=\"25%\">check\r\n                    </mat-icon>\r\n                    <mat-icon\r\n                      *ngIf=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField] && enableRedCheckboxColumn\"\r\n                      style=\"color:red\" fxFlex=\"25%\">check\r\n                    </mat-icon>\r\n                    <mat-icon\r\n                      *ngIf=\"!item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField]\"\r\n                      style=\"color:red\" fxFlex=\"25%\">clear\r\n                    </mat-icon>\r\n                  </div>\r\n                  <div *ngSwitchCase=\"4\">\r\n                    <mat-icon\r\n                      *ngIf=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField][columnsDetails[i].subSubSubField]\r\n                        && !enableRedCheckboxColumn\"\r\n                      style=\"color:#2ecc71\" fxFlex=\"25%\">check\r\n                    </mat-icon>\r\n                    <mat-icon\r\n                      *ngIf=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField][columnsDetails[i].subSubSubField]\r\n                        && enableRedCheckboxColumn\"\r\n                      style=\"color:red\" fxFlex=\"25%\">check\r\n                    </mat-icon>\r\n                    <mat-icon\r\n                      *ngIf=\"!item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField][columnsDetails[i].subSubSubField]\"\r\n                      style=\"color:red\" fxFlex=\"25%\">clear\r\n                    </mat-icon>\r\n                  </div>\r\n                </div>\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!-- SELECT_EVENT -->\r\n            <div *ngSwitchCase=\"11\">\r\n              <mat-cell *matCellDef=\"let item\" style=\"justify-content: center\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\">\r\n\r\n                <mat-form-field [ngSwitch]=\"columnsDetails[i].fieldType\" style=\"width: 95%\">\r\n\r\n                  <mat-select *ngSwitchDefault\r\n                              [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                              formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"\r\n                              (valueChange)=\"onSelectOption($event, columnsDetails[i].field,  item.uuid)\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].listOfListOfSelectValues[item.uuid]\"\r\n                                [value]=\"value\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n\r\n                  <mat-select *ngSwitchCase=\"2\"\r\n                              [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                              formControlName=\"{{prefix + '-' + columnsDetails[i].field + item.uuid}}\"\r\n                              (valueChange)=\"onSelectOption($event, columnNames[i], item.uuid)\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].listOfListOfSelectValues[item.uuid]\"\r\n                                [value]=\"value\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n\r\n                  <mat-select *ngSwitchCase=\"3\"\r\n                              [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField]\"\r\n                              formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"\r\n                              (valueChange)=\"onSelectOption($event, columnNames[i], item.uuid)\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].listOfListOfSelectValues[item.uuid]\"\r\n                                [value]=\"value\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!-- SELECT ID -->\r\n            <div *ngSwitchCase=\"12\">\r\n              <mat-cell *matCellDef=\"let item; let j=index\" style=\"justify-content: center\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\">\r\n\r\n                <mat-form-field [ngSwitch]=\"columnsDetails[i].fieldType\" style=\"width: 95%\">\r\n\r\n                  <mat-select *ngSwitchDefault\r\n                              [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                              formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"\r\n                              (valueChange)=\"onSelectOption($event, columnsDetails[i].field, item.uuid)\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].selectValues\" [value]=\"value.id\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n\r\n                  <mat-select *ngSwitchCase=\"2\"\r\n                              [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                              formControlName=\"{{prefix + '-' + columnsDetails[i].field + item.uuid}}\"\r\n                              (valueChange)=\"onSelectOption($event, columnNames[i], item.uuid)\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].selectValues\" [value]=\"value.id\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n\r\n                  <mat-select *ngSwitchCase=\"3\"\r\n                              [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField]\"\r\n                              formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"\r\n                              (valueChange)=\"onSelectOption($event, columnNames[i], item.uuid)\">\r\n                    <mat-option *ngFor=\"let value of columnsDetails[i].selectValues\" [value]=\"value.id\">\r\n                      {{value[columnsDetails[i].fieldToDisplay]}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!-- CUSTOM -->\r\n            <div *ngSwitchCase=\"13\">\r\n              <mat-cell *matCellDef=\"let item; let j=index\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                        [ngClass]=\"{'justify-content-center':columnsDetails[i].justifyContentCenter,\r\n                        'justify-content-left':!columnsDetails[i].justifyContentCenter}\">\r\n                <sc-custom-table-cell-content\r\n                  [htmlTemplate]=\"item[columnsDetails[i].field]\"></sc-custom-table-cell-content>\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!-- INPUT_TEXTAREA-->\r\n            <!-- Have duplicated the same stuff as Input -->\r\n            <div *ngSwitchCase=\"14\">\r\n              <mat-cell *matCellDef=\"let item; let j=index\" [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        [ngClass]=\"{'text-align-left':columnsDetails[i].textAlign === 1, 'text-align-center':columnsDetails[i].textAlign === 2, 'text-align-right':columnsDetails[i].textAlign === 3}\">\r\n                <mat-form-field style=\"width: 95%\">\r\n                  <div [ngSwitch]=\"columnsDetails[i].fieldType\">\r\n                    <textarea *ngSwitchDefault\r\n                              matInput\r\n                              [(ngModel)]=\"item[columnsDetails[i].field]\"\r\n                              formControlName=\"{{prefix + '-' + columnsDetails[i].field + item.uuid}}\"></textarea>\r\n                    <mat-hint align=\"end\" *ngIf=\"columnsDetails[i].maxLength\">{{item[columnsDetails[i].field].length}}\r\n                      / {{columnsDetails[i].maxLength}}\r\n                    </mat-hint>\r\n                    <textarea *ngSwitchCase=\"2\"\r\n                              matInput\r\n                              [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField]\"\r\n                              formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"></textarea>\r\n                    <mat-hint align=\"end\"\r\n                              *ngIf=\"columnsDetails[i].maxLength\">\r\n                      {{item[columnsDetails[i].field][columnsDetails[i].subField].length}}\r\n                      / {{columnsDetails[i].maxLength}}\r\n                    </mat-hint>\r\n                    <textarea *ngSwitchCase=\"3\"\r\n                              matInput\r\n                              [(ngModel)]=\"item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField]\"\r\n                              formControlName=\"{{prefix + '-' + columnNames[i] + item.uuid}}\"></textarea>\r\n                    <mat-hint align=\"end\"\r\n                              *ngIf=\"columnsDetails[i].maxLength\">\r\n                      {{item[columnsDetails[i].field][columnsDetails[i].subField][columnsDetails[i].subSubField].length}}\r\n                      / {{columnsDetails[i].maxLength}}\r\n                    </mat-hint>\r\n                  </div>\r\n                  <mat-hint align=\"start\" *ngIf=\"columnsDetails[i].pattern\">{{columnsDetails[i].pattern}}</mat-hint>\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </div>\r\n\r\n\r\n            <!-- MAT_CHIP_LIST + AUTO_COMPLETE COMBINED ON RIGHTS-->\r\n            <div *ngSwitchCase=\"15\">\r\n              <mat-cell *matCellDef=\"let item\" style=\"justify-content: center\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\">\r\n                <div style=\"width: 95%\">\r\n                  <mat-chip-list>\r\n                    <mat-chip *ngFor=\"let q of item[columnsDetails[i].field]\"\r\n                              [selectable]=\"true\"\r\n                              color=\"accent\"\r\n                              autofocus=\"true\"\r\n                              class=\"sc-chip\"\r\n                              [removable]=\"true\"\r\n                              (removed)=\"remove(q, item[columnsDetails[i].field])\"\r\n                              style=\"width:39%\">\r\n                      {{q.beneficiaryQualityRef.label}}\r\n                      <mat-icon matChipRemove (click)=\"delete(q, item.uuid)\">clear</mat-icon>\r\n                    </mat-chip>\r\n                  </mat-chip-list>\r\n                  <sc-auto-complete-component style=\"width: 100%\"\r\n                                              [control]=\"formGroup.get(prefix + '-' + columnsDetails[i].field + item.uuid)\"\r\n                                              [fieldToDisplay]=\"columnsDetails[i].fieldToDisplay\"\r\n                                              [suggestions]=\"columnsDetails[i].suggestions\"\r\n                                              [appearance]=\"''\"\r\n                                              [debounceDelay]=\"500\"\r\n                                              (autoCompleteGenericEmitter)=\"search($event, columnsDetails[i].field, item.uuid)\"\r\n                                              (autoCompleteClickEmitter)=\"autoCompleteClick($event, columnsDetails[i].field, item.uuid)\"\r\n                                              (autoCompleteOnSelectGenericEmitter)=\"onSelect($event, item.uuid, columnsDetails[i].field, i)\">\r\n                  </sc-auto-complete-component>\r\n                </div>\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!-- SEARCH ICONS -->\r\n            <div *ngSwitchCase=\"16\">\r\n              <mat-cell *matCellDef=\"let item\"\r\n                        [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\">\r\n                <span style=\"width: 95%\">{{item[column].matTableValue}}</span>\r\n                <i style=\"vertical-align: middle\" class=\"material-icons\"\r\n                   (click)=\"onSearchRightHolderClick(item, $event)\">\r\n                  search\r\n                </i>\r\n              </mat-cell>\r\n            </div>\r\n\r\n            <!--  MAT-LIST ON RIGHTS-->\r\n            <div *ngSwitchCase='17'>\r\n              <mat-cell *matCellDef='let item' [ngStyle]=\"{'flex-grow': columnsDetails[i].columnFlexGrow}\">\r\n                <div [ngSwitch]=\"columnsDetails[i].matListType\">\r\n                  <mat-list>\r\n                    <mat-list-item class='mat-list-item-style' *ngFor='let value of item[columnsDetails[i].field]'>\r\n                      <mat-icon class='mat-icons-lens'>lens</mat-icon>\r\n                      <!-- MAT-LIST ON LEGAL -->\r\n                      <span *ngSwitchCase=\"1\" [ngClass]=\"{'span-link span-link-active': applyStyleForMsgCtrl}\"\r\n                            (click)='onConsultMessageControlClick(value)'>\r\n                        {{value[columnsDetails[i].fieldToDisplay]}}\r\n                      </span>\r\n                      <!-- TOOLTIP ON RIGHTS -->\r\n                      <span *ngSwitchCase=\"2\" matTooltip=\"{{value[columnsDetails[i].fieldToDisplayDetails]}}\"\r\n                            matTooltipClass=\"tooltip-linebreak\">\r\n                        {{value[columnsDetails[i].fieldToDisplay]}}\r\n                      </span>\r\n                    </mat-list-item>\r\n                  </mat-list>\r\n                </div>\r\n              </mat-cell>\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </ng-template>\r\n      </ng-container>\r\n\r\n    </div>\r\n\r\n    <mat-header-row *matHeaderRowDef=\"columnNames ;sticky: true\"\r\n                    [ngStyle]=\"{'height': withFilter ? '65px':'42px'}\"></mat-header-row>\r\n    <mat-row class=\"max-height-set\" *matRowDef=\"let row; columns: columnNames;\"\r\n             (click)=\"onRowClick(row, $event)\"\r\n             (contextmenu)=\"sendContextMenu(row, $event)\"\r\n             [ngClass]=\"{'clickable' : clickableRow, 'mat-row-consistency': row.consistency\r\n             && isInTableConsistency, 'mat-row-not-consistency': !row.consistency && isInTableConsistency}\">\r\n      <div style=\"height:50px; width: 100%\"></div>\r\n    </mat-row>\r\n\r\n\r\n  </mat-table>\r\n</div>\r\n","styles":["mat-row{padding:4px 0;cursor:default}mat-cell{width:95%}mat-header-cell:last-of-type{border-right:none!important}.centered mat-header-cell{width:100%;-webkit-box-pack:center;justify-content:center}.icon{width:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.clickable{cursor:pointer}.checkBox{padding-left:0!important}.text-align-left{-webkit-box-pack:center;justify-content:center;text-align:left}.text-align-center{-webkit-box-pack:center;justify-content:center;text-align:center}.text-align-right{-webkit-box-pack:center;justify-content:center;text-align:right}:host ::ng-deep .mat-sort-header-container{-webkit-box-pack:left;justify-content:left;min-width:100%;max-width:100%}:host ::ng-deep .mat-sort-header-button{min-width:100%;max-width:100%;padding-right:20px!important}.max-height-set{max-height:55px;overflow:hidden}:host ::ng-deep .mat-sort-header-arrow{margin-left:-18px!important}.mat-row-consistency{background:#f8fab7}.mat-row-not-consistency{background:#ffd6ba}.mat-row-consistency:hover,.mat-row-not-consistency:hover{background:rgba(80,197,228,.76)}.justify-content-center{-webkit-box-pack:center;justify-content:center}.justify-content-left{-webkit-box-pack:left;justify-content:left}.slide-toggle{padding:0;min-width:0;height:40px;flex-shrink:0;line-height:40px;border-radius:50%;font-size:15px;float:right}[hidden]{display:none!important}.mat-icons-lens{margin-right:15px;font-size:6.3px;width:unset;height:unset}.span-link{cursor:pointer;color:#00f;text-decoration:underline;font-size:14px}.span-link-active:active{text-decoration:none;color:red}.mat-list-item-style{padding:0;-webkit-box-align:self-start;align-items:self-start;font-size:12.5px;height:unset}.tooltip-linebreak{white-space:pre-line}"]}]}],"members":{"columnsDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"withPaginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"pageSizeOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"withFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"clickableRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"isInTableConsistency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"applyStyleForMsgCtrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"formGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"withCheckBoxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"hoverRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"showTooltipOnColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"isSlicedValueAccepted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"keepHoverOnClickedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"clickRightEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"slideToggleEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"enableRedClearIconOnCheckBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"enableRedCheckboxColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"ordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"showProgressBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"tableName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"maxHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"checkboxFlexGrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"tableActionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatPaginator","line":59,"character":13},{"static":true}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatSort","line":60,"character":13},{"static":true}]}]}],"clickRowEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"addEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"autoCompleteEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":67,"character":3}}]}],"autoCompleteClickEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"autoCompleteOnSelectEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"removeEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"selectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"searchEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"calculateEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"importEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"searchRightHolderEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"consultMessageControlEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"getListForSimpleAutoEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"selectedItemEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"checkedItemEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"updatedValueEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"clickEditEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"duplicateEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":91,"character":3}}]}],"protectEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"getFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"contextMenuEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":96,"character":3}}]}],"matChipRemoveEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"slideToggleEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}],"autoCompleteOnChangesDetected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":102,"character":3}}]}],"selectedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LocalStorageService"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":111,"character":22},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":113,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onRowClick":[{"__symbolic":"method"}],"sendContextMenu":[{"__symbolic":"method"}],"onAddClick":[{"__symbolic":"method"}],"onProtectClick":[{"__symbolic":"method"}],"onDuplicateClick":[{"__symbolic":"method"}],"onEditClick":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"autoCompleteClick":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selectOrUnselectItem":[{"__symbolic":"method"}],"addItemToSelectedList":[{"__symbolic":"method"}],"removeItemFromSelectedList":[{"__symbolic":"method"}],"selectAllItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"onSelectOption":[{"__symbolic":"method"}],"getListForSimpleAuto":[{"__symbolic":"method"}],"onSearchClick":[{"__symbolic":"method"}],"onCalculateClick":[{"__symbolic":"method"}],"onImportClick":[{"__symbolic":"method"}],"onSelectedItemsChange":[{"__symbolic":"method"}],"onCheckedColumn":[{"__symbolic":"method"}],"onSearchRightHolderClick":[{"__symbolic":"method"}],"onConsultMessageControlClick":[{"__symbolic":"method"}],"onUpdateValue":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"createDisplayValue":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"initColumns":[{"__symbolic":"method"}],"compareWith":[{"__symbolic":"method"}],"handleSwitch":[{"__symbolic":"method"}],"changesEmit":[{"__symbolic":"method"}]}},"PopinService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"openRightPopin":[{"__symbolic":"method"}],"closeRightPopin":[{"__symbolic":"method"}],"openBottomPopin":[{"__symbolic":"method"}],"closeBottomPopin":[{"__symbolic":"method"}]}},"ErrorsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sc-errors","template":"<div class=\"template\">\r\n  <div class=\"div-error\">\r\n    <p>{{ 'ERRORS.NOTFOUND' | translate}}</p>\r\n  </div>\r\n</div>\r\n\r\n","styles":[".div-error{border:1px solid #d9d9d9;background:#ededed;padding:20px;font-weight:700;text-align:center;font-size:18pt;border-radius:2px}.div-error>p{color:#c2c2c2;text-shadow:1px 1px 1px #fff}.div-error>img{width:50px;height:50px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AuthGuard":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵr"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":14,"character":20},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":15,"character":18},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":16,"character":27},{"__symbolic":"reference","name":"CommonApiService"},{"__symbolic":"reference","name":"ɵs"}]}],"canActivate":[{"__symbolic":"method"}]}},"LoginGuard":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵr"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":14,"character":18},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":15,"character":30},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":16,"character":20},{"__symbolic":"reference","name":"ɵs"}]}],"canActivate":[{"__symbolic":"method"}]}},"PaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sc-pagination","template":"<div class=\"row\">\r\n  <div class=\"large-3 columns alignment\">\r\n    <i class=\"material-icons  {{theme}}-color arrow\"\r\n       [style.color]=\"currentPageNumber === 0 ? 'Grey' : ''\"\r\n       [style.cursor]=\"currentPageNumber === 0 ? 'auto' : 'pointer'\" (click)=\"previousPage()\">arrow_backward</i>\r\n  </div>\r\n  <div class=\"large-3 columns alignment\">\r\n    <span>{{currentPageNumber + 1}} / {{totalNumberOfPages}}</span>\r\n  </div>\r\n  <div class=\"large-3 columns alignment\">\r\n    <i class=\"material-icons  {{theme}}-color arrow\"\r\n       [style.color]=\"currentPageNumber + 1 === totalNumberOfPages ? 'Grey' : ''\"\r\n       [style.cursor]=\"currentPageNumber + 1 === totalNumberOfPages ? 'auto' : 'pointer'\"\r\n       (click)=\"nextPage()\">arrow_forward</i>\r\n  </div>\r\n  <div class=\"large-3 columns\">\r\n    <mat-select name=\"selectPageNumber\"  id=\"pageSize\" [(ngModel)]=\"pageSize\" (change)=\"onChangePageSize($event.value)\">\r\n      <mat-option *ngFor=\"let pageSize of pageSizes\" [value]=\"pageSize\">{{pageSize}}</mat-option>\r\n    </mat-select>\r\n  </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["theme"]}]}],"pageSizes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"totalNumberOfPages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"nextPageEventEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3},"arguments":["nextPageEvent"]}]}],"prevPageEventEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3},"arguments":["prevPageEvent"]}]}],"onChangePageSizeEventEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3},"arguments":["onChangePageSizeEvent"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"onChangePageSize":[{"__symbolic":"method"}]}},"FormActionsEventsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"emitUpdateEvent":[{"__symbolic":"method"}],"emitEventIsUpdateTrue":[{"__symbolic":"method"}],"emitConsultEvent":[{"__symbolic":"method"}]}},"CostCenterEventsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"emitTestCenter":[{"__symbolic":"method"}]}},"IconBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sc-icon-box","template":"<div class=\"icon-box shadow\" [ngStyle]=\"getBoxStyle()\">\r\n  <div class=\"left-box\" *ngIf=\"materialIcon\">\r\n    <i class=\"material-icons icon\" [ngStyle]=\"getIconColor()\">{{materialIcon}}</i>\r\n  </div>\r\n  <div class=\"right-box\">\r\n    <div class=\"label\" [ngStyle]=\"getLabelColor()\">{{label}}</div>\r\n    <div class=\"value\" [ngStyle]=\"getValueColor()\">{{value}}</div>\r\n    <div *ngIf=\"displaySubValueCondition == 'true'\" class=\"sub-value\" [ngStyle]=\"getValueColor()\">{{subValue}}</div>\r\n  </div>\r\n</div>\r\n","styles":[".icon-box{position:relative;width:100%;border-radius:3px;margin-bottom:20px;height:auto;display:table}.left-box{display:table-cell;position:relative;width:15%}.right-box{display:table-cell;position:relative;width:85%}.label{text-align:center;color:#fff;font-size:10pt}.value{font-weight:700;text-align:center;color:#000;font-size:10pt}.sub-value{text-align:center;font-style:italic;color:#000;font-size:10pt}.material-icons{line-height:1!important}.icon{width:100%;text-align:center;color:#4c4c4c;overflow:auto;margin:auto;position:absolute;top:10px;left:0;font-size:20px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["label"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["value"]}]}],"labelColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["label-color"]}]}],"valueColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["value-color"]}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["icon-color"]}]}],"backgroundLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["background-left"]}]}],"backgroundRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3},"arguments":["background-right"]}]}],"materialIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["material-icon"]}]}],"boxPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["box-padding"]}]}],"boxMarginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["box-margin-bottom"]}]}],"subValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["sub-value"]}]}],"displaySubValueCondition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["display-sub-value-condition"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getValueColor":[{"__symbolic":"method"}],"getLabelColor":[{"__symbolic":"method"}],"getIconColor":[{"__symbolic":"method"}],"getBoxStyle":[{"__symbolic":"method"}]}},"InlineIconBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sc-inline-icon-box","template":"<div class=\"icon-box shadow\" [ngStyle]=\"getBoxStyle()\">\r\n  <div class=\"left-box\" *ngIf=\"materialIcon\">\r\n    <i class=\"material-icons icon\" [ngStyle]=\"getIconColor()\">{{materialIcon}}</i>\r\n  </div>\r\n  <div class=\"right-box\">\r\n    <div class=\"label\" [ngStyle]=\"getLabelColor()\">{{label}}</div>\r\n    <div class=\"value\" [ngStyle]=\"getValueColor()\">{{value}}</div>\r\n  </div>\r\n</div>\r\n","styles":[".icon-box{position:relative;width:100%;border-radius:3px;margin-bottom:20px;height:auto;display:table}.left-box{display:table-cell;position:relative;width:15%}.right-box{display:table-cell;position:relative;width:85%}.label{padding-left:10px;margin-right:5px;display:inline;text-align:center;color:#fff;font-size:10pt}.value{display:inline;font-weight:700;text-align:center;color:#000}.material-icons{line-height:1!important}.icon{width:100%;text-align:center;color:#4c4c4c;overflow:auto;margin:auto;position:absolute;top:3px;left:0;font-size:20px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["label"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3},"arguments":["value"]}]}],"labelColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["label-color"]}]}],"valueColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["value-color"]}]}],"fontSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["fontSize"]}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["icon-color"]}]}],"backgroundLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["background-left"]}]}],"backgroundRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3},"arguments":["background-right"]}]}],"materialIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["material-icon"]}]}],"boxPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3},"arguments":["box-padding"]}]}],"boxMarginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3},"arguments":["box-margin-bottom"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getValueColor":[{"__symbolic":"method"}],"getLabelColor":[{"__symbolic":"method"}],"getIconColor":[{"__symbolic":"method"}],"getBoxStyle":[{"__symbolic":"method"}]}},"PeriodModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}]}},"CapitalizefirstPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":8,"character":1},"arguments":[{"name":"myCapitalizeFirst"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"transform":[{"__symbolic":"method"}]}},"AuthInterceptor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonApiService"},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":18,"character":27}]}],"intercept":[{"__symbolic":"method"}],"addToken":[{"__symbolic":"method"}]}},"CommonApiService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":25,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵr"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":26,"character":27},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":27,"character":18}]}],"getProductGlobalSearch":[{"__symbolic":"method"}],"getPurchaseOrderByGlobalSearch":[{"__symbolic":"method"}],"setToken":[{"__symbolic":"method"}],"setSecondaryToken":[{"__symbolic":"method"}],"getToken":[{"__symbolic":"method"}],"decodeToken":[{"__symbolic":"method"}],"getUserDataFromToken":[{"__symbolic":"method"}],"isTokenValid":[{"__symbolic":"method"}],"ssoLogin":[{"__symbolic":"method"}]},"statics":{"handleError":{"__symbolic":"function","parameters":["error"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs","name":"throwError","line":31,"character":11},"arguments":[{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"error"},"right":"api error"}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sc-block","template":"<div class=\"block\">\r\n  <div class=\"title-section {{theme}}-block-title\">{{title}}</div>\r\n  <div class=\"content-section\">\r\n\r\n    <ng-content></ng-content>\r\n\r\n  </div>\r\n</div>\r\n","styles":[".block{position:relative;z-index:100;margin-bottom:20px;padding:0;background-color:#fff;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);transition:.3s cubic-bezier(.25,.8,.25,1);border-radius:3px}.title-section{display:block;width:100%;padding-top:2px;padding-bottom:2px;color:#fff;font-weight:400;text-align:center;border-radius:3px 3px 0 0}.content-section{background:#fff;border-radius:3px}",".cherry{background:#ea355c}.cherry-section{padding:15px;background:#f3dce1}.cherry-block-title{background:#ea355c;-webkit-transition:.3s;transition:.3s}.cherry-block-title-secondary{background:#9b2e4f;-webkit-transition:.3s;transition:.3s}.cherry-plain-block{background-color:#2c2e3f;color:#fff!important}.cherry-plain-block label{color:#d8d8d8}.cherry-label-code{background-color:#f96ba6;opacity:.5}.cherry-divider-color{border-right-color:#436f99!important}.cherry-new-row{background:#94b5d4!important}",".terapy{background:#65d39b}.terapy-section{padding:15px;background:#d2eade}.terapy-block-title{background:#65d39b;-webkit-transition:.3s;transition:.3s}.terapy-block-title-secondary{background:#668db5;-webkit-transition:.3s;transition:.3s}.terapy-plain-block{background-color:#2e324e;color:#fff!important;border-radius:5px}.terapy-plain-block label{color:#d8d8d8}.terapy-label-code{background-color:#2cd6cd;opacity:.5}.terapy-territory{color:#1ac39b!important}.terapy-new-row{background:#c5eae0!important;border-bottom:1px solid #fefefe}.terapy-divider-color{border-right-color:#13b293!important}.terapy-light .mat-checkbox-frame{border-color:#fff!important}.terapy-dark .mat-checkbox-frame{border-color:rgba(0,0,0,.54)!important}.terapy-light .mat-checkbox-checkmark-path{stroke:#1ac39b!important}.terapy-dark .mat-checkbox-checkmark-path{stroke:#fafafa!important}.terapy-dark.mat-checkbox-checked.mat-accent .mat-checkbox-background,.terapy-dark.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#1ac39b!important}.terapy-light.mat-checkbox-checked.mat-accent .mat-checkbox-background,.terapy-light.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#fff!important}.terapy-dark.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element,.terapy-dark.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element{background-color:rgba(26,195,155,.2)!important}.terapy-light.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element,.terapy-light.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element{background-color:rgba(255,255,255,.2)!important}.mat-input-underline .mat-input-ripple{background-color:#1ac39b}.mat-option.mat-selected{color:#1ac39b}.mat-select:focus:not(.mat-select-disabled) .mat-select-underline{background-color:#1ac39b}.mat-select:focus:not(.mat-select-disabled) .mat-select-arrow{color:#1ac39b}.terapy-tr-dragged{border:2px dashed #1ac39b!important;background-color:#e0e0e0!important}",".wave{background:#218fb0}.wave-section{padding:15%;background:#c8dfe6}.wave-block-title{background:#218fb0;-webkit-transition:.3s;transition:.3s}.wave-block-title-secondary{background:#668db5;-webkit-transition:.3s;transition:.3s}.wave-plain-block{background-color:#2e324e;color:#fff!important;border-radius:5px}.wave-plain-block label{color:#d8d8d8}.wave-label-code{background-color:#81abd4;opacity:.5}.wave-divider-color{border-right-color:#436f99!important}.wave-new-row{background:#94b5d4!important}"]}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Theme"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"myLocalDateFormat"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"transform":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sc-mat-table-filter","template":"<mat-form-field>\r\n  <mat-chip-list #filterList>\r\n    <mat-chip *ngFor=\"let filter of filters\" [selectable]=\"true\"\r\n              [removable]=\"true\" (removed)=\"removeFilter(filter)\">\r\n      {{filter}}\r\n      <mat-icon matChipRemove>cancel</mat-icon>\r\n    </mat-chip>\r\n  </mat-chip-list>\r\n  <input [matChipInputFor]=\"filterList\" placeholder=\"Filter\"\r\n         [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n         [matChipInputAddOnBlur]=\"true\"\r\n         (matChipInputTokenEnd)=\"addFilter($event)\">\r\n</mat-form-field>\r\n","styles":["mat-form-field{width:100%}::ng-deep .mat-form-field-infix{display:-webkit-box!important;display:flex!important}"]}]}],"members":{"filterEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"filterValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"filters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onFilter":[{"__symbolic":"method"}],"addFilter":[{"__symbolic":"method"}],"removeFilter":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[matchHeight]"}]}],"members":{"matchHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":9,"character":26}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":12,"character":3},"arguments":["window:resize"]}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"matchAllHeight":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"[myNumberFormatter]"}]}],"members":{"decimalNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":15,"character":24},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnInit":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":28,"character":3},"arguments":["focus",["$event.target.value"]]}]}],"onBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":33,"character":3},"arguments":["blur",["$event.target.value"]]}]}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"myNumberFormat"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"transform":[{"__symbolic":"method"}],"parse":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"mySpacesNumberPipe"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"mySanitizeHtml"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":34}]}],"transform":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"myDisplayNullPipe"}]}],"members":{"transform":[{"__symbolic":"method"}]},"statics":{"returnCorrectFormat":{"__symbolic":"function","parameters":["object"],"value":{"__symbolic":"if","condition":{"__symbolic":"reference","name":"object"},"thenExpression":{"__symbolic":"reference","name":"object"},"elseExpression":"-"}}}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"myAddSpacesInputPipe"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"myTrimString"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"sc-auto-complete-component","template":"<mat-form-field\r\n  [ngStyle]=\"{ width: width }\"\r\n  color=\"{{ color }}\"\r\n  appearance=\"{{ appearance }}\"\r\n>\r\n  <mat-label\r\n    >{{ placeholder }}\r\n    <span\r\n      *ngIf=\"required && placeholder !== null\"\r\n      style=\"color:#ef5350; font-weight: bold\"\r\n      >*</span\r\n    >\r\n  </mat-label>\r\n  <input\r\n    id=\"{{ id }}\"\r\n    matInput\r\n    #autoCompleteInputField\r\n    placeholder=\"{{ placeholder }}\"\r\n    [matAutocomplete]=\"auto\"\r\n    [(ngModel)]=\"model\"\r\n    [formControl]=\"control\"\r\n    (input)=\"search($event)\"\r\n    (blur)=\"onInputAutoCompleteBlur($event)\"\r\n    (click)=\"onInputAutoCompleteClick($event)\"\r\n  />\r\n  <mat-hint>{{ hint }}</mat-hint>\r\n  <mat-error>{{ error }}</mat-error>\r\n</mat-form-field>\r\n<div *ngIf=\"!priorOptionSelected\">\r\n  <mat-autocomplete #auto=\"matAutocomplete\" >\r\n    <mat-option\r\n      id=\"o{{suggestion.id}}\"\r\n      *ngFor=\"let suggestion of suggestions\"\r\n      [value]=\"suggestion[fieldToDisplay]\"\r\n      (onSelectionChange)=\"onSelect(suggestion)\"\r\n      [ngClass]=\"{\r\n      'highlight-option': suggestion.highlight,\r\n      'sub-option': !suggestion.highlight && ordered\r\n    }\"\r\n      [disabled]=\"suggestion.disabled\"\r\n    >\r\n      {{ suggestion[fieldToDisplay] }}\r\n    </mat-option>\r\n  </mat-autocomplete>\r\n</div>\r\n\r\n<div *ngIf=\"priorOptionSelected\">\r\n  <mat-autocomplete  #auto=\"matAutocomplete\"  *ngIf=\"priorOptionSelected\"\r\n                     (optionSelected)=\"optionSelectedValue($event.option.value)\">\r\n    <mat-option\r\n      id=\"o{{suggestion.id}}\"\r\n      *ngFor=\"let suggestion of suggestions\"\r\n      [value]=\"suggestion\"\r\n      (onSelectionChange)=\"onSelect(suggestion)\"\r\n      [ngClass]=\"{\r\n      'highlight-option': suggestion.highlight,\r\n      'sub-option': !suggestion.highlight && ordered\r\n    }\"\r\n      [disabled]=\"suggestion.disabled\"\r\n    >\r\n      {{ suggestion[fieldToDisplay] }}\r\n    </mat-option>\r\n  </mat-autocomplete>\r\n</div>\r\n\r\n","styles":[".highlight-option{font-weight:700!important}.sub-option{padding-left:40px!important}"]}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Theme"}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"fieldToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"suggestions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"debounceDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"ordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"priorOptionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"autoCompleteGenericEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"autoCompleteOnSelectGenericEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"autoCompleteOptionSelectedGenericEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"autoCompleteBlurEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"autoCompleteClickEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"onModelChangeEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"el":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["autoCompleteInputField",{"static":false}]}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["autoCompleteInputField",{"static":false}]}]}],"auto":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["auto",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":65,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"debounceEventEmitter":[{"__symbolic":"method"}],"doSearch":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"onInputAutoCompleteBlur":[{"__symbolic":"method"}],"onInputAutoCompleteClick":[{"__symbolic":"method"}],"optionSelectedValue":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sc-video-status-icon-component","template":"<div matTooltip=\"{{tooltip}}\" [ngSwitch]=\"status\">\r\n\r\n  <!-- Alive -->\r\n  <div *ngSwitchCase=\"1\">\r\n    <i class=\"material-icons\">edit</i>\r\n  </div>\r\n\r\n  <!-- Sale locked -->\r\n  <div *ngSwitchCase=\"2\">\r\n    <i class=\"material-icons\">edit</i>\r\n  </div>\r\n\r\n  <!-- End of Right -->\r\n  <div *ngSwitchCase=\"3\">\r\n    <i class=\"material-icons\">edit</i>\r\n  </div>\r\n\r\n  <!-- While stocks last -->\r\n  <div *ngSwitchCase=\"4\">\r\n    <i class=\"material-icons\">edit</i>\r\n  </div>\r\n\r\n  <!-- Removed form sale -->\r\n  <div *ngSwitchCase=\"5\">\r\n    <i class=\"material-icons\">edit</i>\r\n  </div>\r\n\r\n  <!-- Saved -->\r\n  <div *ngSwitchCase=\"6\">\r\n    <i class=\"material-icons blue\">save</i>\r\n  </div>\r\n\r\n  <!-- Validation in Progress -->\r\n  <div *ngSwitchCase=\"7\">\r\n    <i class=\"material-icons blue\">alarm_on</i>\r\n  </div>\r\n\r\n  <!-- NOA pending -->\r\n  <div *ngSwitchCase=\"8\">\r\n    <i class=\"material-icons blue\">shopping_basket</i>\r\n  </div>\r\n\r\n  <!-- Refused -->\r\n  <div *ngSwitchCase=\"9\">\r\n    <!--<mat-icon class=\"mati-close-circle red size\"></mat-icon>-->\r\n    <i class=\"material-icons red\">highlight_off</i>\r\n  </div>\r\n\r\n  <!-- Validated -->\r\n  <div *ngSwitchCase=\"10\">\r\n    <i class=\"material-icons green\">alarm_on</i>\r\n  </div>\r\n\r\n  <!-- NOA refused -->\r\n  <div *ngSwitchCase=\"11\">\r\n    <i class=\"material-icons red\">shopping_basket</i>\r\n  </div>\r\n\r\n  <!-- NOA error -->\r\n  <div *ngSwitchCase=\"12\">\r\n    <i class=\"material-icons red\">shopping_basket</i>\r\n  </div>\r\n\r\n  <!-- Refused -->\r\n  <div *ngSwitchCase=\"13\">\r\n    <!--<mat-icon class=\"mati mati-close-circle red size\"></mat-icon>-->\r\n    <i class=\"material-icons red\">highlight_off</i>\r\n  </div>\r\n\r\n  <!-- Accepted -->\r\n  <div *ngSwitchCase=\"14\">\r\n    <i class=\"material-icons green\">alarm_on</i>\r\n  </div>\r\n\r\n  <!-- Problem -->\r\n  <div *ngSwitchCase=\"15\">\r\n    <!--<mat-icon class=\"mati mati-close-circle red size\"></mat-icon>-->\r\n    <i class=\"material-icons red\">highlight_off</i>\r\n  </div>\r\n\r\n  <!-- Sale locked -->\r\n  <div *ngSwitchCase=\"16\">\r\n    <i class=\"material-icons\">edit</i>\r\n  </div>\r\n\r\n  <!-- Sale locked -->\r\n  <div *ngSwitchCase=\"17\">\r\n    <i class=\"material-icons\">edit</i>\r\n  </div>\r\n\r\n  <!-- Sale locked -->\r\n  <div *ngSwitchCase=\"18\">\r\n    <i class=\"material-icons\">edit</i>\r\n  </div>\r\n\r\n  <!-- sent NOA -->\r\n  <div *ngSwitchCase=\"19\">\r\n    <i class=\"material-icons blue\">shopping_basket</i>\r\n  </div>\r\n\r\n  <!-- Delivered -->\r\n  <div *ngSwitchCase=\"20\">\r\n    <mat-icon class=\"mdi mdi-truck-delivery purple size\"></mat-icon>\r\n  </div>\r\n\r\n  <!-- Deleted -->\r\n  <div *ngSwitchCase=\"21\">\r\n    <i class=\"material-icons red\">delete_forever</i>\r\n  </div>\r\n\r\n  <!-- Error SAP -->\r\n  <div *ngSwitchCase=\"22\">\r\n    <i class=\"material-icons red\">shopping_basket</i>\r\n  </div>\r\n\r\n  <!-- Partially Delivered -->\r\n  <div *ngSwitchCase=\"23\">\r\n    <!--<mat-icon class=\"mati mati-truck-delivery success size\"></mat-icon>-->\r\n    <i class=\"material-icons success\">local_shipping</i>\r\n  </div>\r\n\r\n  <!-- Validation CDG -->\r\n    <div *ngSwitchCase=\"24\">\r\n      <i class=\"material-icons purple\">alarm_on</i>\r\n    </div>\r\n\r\n</div>\r\n","styles":[".blue{color:#54a9ff!important}.red{color:#d9534f!important}.green{color:#5cb85c!important}.purple{color:#8e41a2!important}.yellow{color:#f0ad4e!important}.size{font-size:25px}"]}]}],"members":{"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sc-video-purchase-order-type-icon-component","template":"<span *ngIf=\"type === 'PRODUCTION'\">\r\n                <img matTooltip=\"{{'VIDEO.PURCHASE_ORDER.TABLE.PRODUCTION' | translate}}\"\r\n                     src=\"assets/img/production2706v1.gif\"/>\r\n              </span>\r\n<span *ngIf=\"type === 'MARKETING'\">\r\n                <img matTooltip=\"{{'VIDEO.PURCHASE_ORDER.TABLE.MARKETING' | translate}}\"\r\n                     src=\"assets/img/marketing2706v1.gif\"/>\r\n              </span>\r\n<span *ngIf=\"type === 'MANUFACTURING'\">\r\n                <img matTooltip=\"{{'VIDEO.PURCHASE_ORDER.TABLE.MANUFACTURING' | translate}}\"\r\n                     src=\"assets/img/fabrication2706v1.gif\"/>\r\n              </span>\r\n<span *ngIf=\"type === 'VOD'\">\r\n                <img matTooltip=\"{{'VIDEO.PURCHASE_ORDER.TABLE.VOD' | translate}}\"\r\n                     src=\"assets/img/marketing2706v1.gif\"/>\r\n              </span>\r\n","styles":["img{width:45px!important}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sc-expenditure-status-icon-component","template":"<div matTooltip=\"{{tooltip}}\" [ngSwitch]=\"status\">\r\n\r\n  <div *ngSwitchCase=\"1\">\r\n    <mat-icon class=\"mdi mdi-content-save blue size\"></mat-icon>\r\n  </div>\r\n\r\n  <div *ngSwitchCase=\"2\">\r\n    <mat-icon class=\"mdi mdi-alarm-check blue size\"></mat-icon>\r\n  </div>\r\n\r\n  <div *ngSwitchCase=\"3\">\r\n    <i class=\"material-icons blue\">shopping_basket</i>\r\n  </div>\r\n\r\n  <div *ngSwitchCase=\"4\">\r\n    <mat-icon class=\"mdi mdi-close-circle red size\"></mat-icon>\r\n  </div>\r\n\r\n  <div *ngSwitchCase=\"5\">\r\n    <i class=\"material-icons green\">shopping_basket</i>\r\n  </div>\r\n\r\n  <div *ngSwitchCase=\"6\">\r\n    <i class=\"material-icons red\">shopping_basket</i>\r\n  </div>\r\n\r\n  <div *ngSwitchCase=\"7\">\r\n    <i class=\"material-icons\">edit</i>\r\n  </div>\r\n\r\n  <div *ngSwitchCase=\"8\">\r\n    <mat-icon class=\"mdi mdi-truck-delivery yellow size\"></mat-icon>\r\n  </div>\r\n\r\n  <div *ngSwitchCase=\"9\">\r\n    <mat-icon class=\"mdi mdi-truck-delivery purple size\"></mat-icon>\r\n  </div>\r\n\r\n  <div *ngSwitchCase=\"10\">\r\n    <i class=\"material-icons green\">shopping_basket</i>\r\n  </div>\r\n\r\n  <!-- Deleted -->\r\n  <div *ngSwitchCase=\"11\">\r\n    <i class=\"material-icons red\">delete_forever</i>\r\n  </div>\r\n\r\n  <!-- Not delivered -->\r\n  <div *ngSwitchCase=\"12\">\r\n    <mat-icon class=\"mdi mdi-truck-delivery red size\"></mat-icon>\r\n  </div>\r\n\r\n</div>\r\n","styles":[".blue{color:#54a9ff!important}.red{color:#d9534f!important}.green{color:#5cb85c!important}.purple{color:#8e41a2!important}.yellow{color:#f0ad4e!important}.size{font-size:25px}"]}]}],"members":{"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sc-location-bar","template":"<div class=\"location-container\" [ngClass]=\"{extend:!isMenuDeployed,reduce:isMenuDeployed}\">\r\n  <div class=\"location-bar\" [ngClass]=\"{'bar-hide':isHide}\">\r\n      <a class=\"item first-item\">\r\n        <i class=\"material-icons back\">arrow_back</i>\r\n      </a>\r\n\r\n      <span id=\"location\" class=\"item\">\r\n        <!--{{ back || 'back to list'}}-->\r\n      </span>\r\n\r\n      <a href=\"#\" class=\"item\">location</a>\r\n      <a class=\"item\">\r\n        <i class=\"material-icons back\">keyboard_arrow_right</i>\r\n      </a>\r\n      <a href=\"#\" class=\"item\">location</a>\r\n  </div>\r\n</div>\r\n","styles":[".location-container{background:#4c4b4b;color:#fff}.bar-show{top:0;-webkit-transition:.3s;transition:.3s}.bar-hide{top:-84px!important;-webkit-transition:.3s;transition:.3s}.location-bar{position:fixed;z-index:1000;top:38px;line-height:38px;width:100%;height:39px;white-space:nowrap;background:#4c4b4b;color:#fff;-webkit-transition:.3s;transition:.3s}#location{padding-right:65px}.back{position:relative;top:6px;color:#afafaf;cursor:pointer}a{vertical-align:middle;text-align:center;color:#afafaf}.first-item{padding-left:20px}.item{position:relative;display:inline-block;margin-left:5px}.reduce{margin-left:230px;-webkit-transition:.3s;transition:.3s}.extend{-webkit-transition:.3s;transition:.3s}"]}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isMenuDeployed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":15,"character":22}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"onWindowScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":19,"character":3},"arguments":["window:scroll",[]]}]}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"sc-header","template":"<span class=\"item clickable\" (click)=\"returnToDashboard()\">\r\n  <img\r\n    style=\"height: 80px; position:absolute; z-index:3; left: 3.2%;\"\r\n    id=\"logo-unity\"\r\n    src=\"./assets/img/logo-unity-20p.png\"\r\n    [ngClass]=\"{ 'logo-hide': isHide }\"\r\n    alt=\"logo\"\r\n  />\r\n</span>\r\n\r\n<mat-toolbar\r\n  class=\"u-toolbar mat-elevation-z1\"\r\n  [ngClass]=\"{ 'light-header': theme !== 'dark' }\"\r\n>\r\n  <button mat-icon-button (click)=\"emitToggleMenuEvent()\">\r\n    <mat-icon>menu</mat-icon>\r\n  </button>\r\n\r\n  <span style=\"margin-left:3.2%\" id=\"app-name\">UNITY</span>\r\n  <span [attr.id]=\"'env-' + env\" class=\"env\" *ngIf=\"env != 'prod'\">{{\r\n    env\r\n  }}</span>\r\n\r\n  <span\r\n    id=\"search-container\"\r\n    class=\"mat-elevation-z1\"\r\n    *ngxPermissionsOnly=\"['VIDEO_CONSULT']\"\r\n  >\r\n    <select id=\"domain-selector\" [(ngModel)]=\"searchType\">\r\n      <option value=\"1\">{{\r\n        'CORE.GLOBAL_SEARCH.DOMAIN_OPTION_WORK' | translate\r\n      }}</option>\r\n      <option value=\"2\">{{\r\n        'CORE.GLOBAL_SEARCH.DOMAIN_OPTION_DEAL' | translate\r\n      }}</option>\r\n      <option value=\"3\">{{\r\n        'CORE.GLOBAL_SEARCH.DOMAIN_OPTION_WORK_RECORD' | translate\r\n      }}</option>\r\n      <option value=\"4\">{{\r\n        'CORE.GLOBAL_SEARCH.DOMAIN_OPTION_PRODUCT' | translate\r\n      }}</option>\r\n      <option value=\"5\">{{\r\n        'CORE.GLOBAL_SEARCH.DOMAIN_OPTION_PURCHASE_ORDER' | translate\r\n      }}</option>\r\n    </select>\r\n    <span class=\"separator\"></span>\r\n\r\n    <input\r\n      id=\"primary-search\"\r\n      (keyup.enter)=\"search()\"\r\n      style=\"font-family: 'Open Sans', sans-serif !important; margin-left:10px\"\r\n      placeholder=\"{{ 'CORE.GLOBAL_SEARCH.PLACEHOLDER' | translate }}\"\r\n      [(ngModel)]=\"inputText\"\r\n    />\r\n\r\n    <span class=\"separator\"></span>\r\n    <i id=\"search-icon\" class=\"material-icons\" (click)=\"search()\">search</i>\r\n  </span>\r\n\r\n  <span class=\"spacer\"></span>\r\n\r\n  <div class=\"spacer\"\r\n       style=\"font-size: 16px\"\r\n       *ngIf=\"user && user.secondary\"\r\n       fxLayout=\"row\"\r\n       fxLayoutAlign=\"start center\"\r\n       fxLayoutGap=\"10px\"\r\n  >\r\n    <span>{{ 'CORE.CONNECTED_AS' | translate: {userName: user.login + ' - ' + user.firstName + ' ' + user.name}  }}</span>\r\n\r\n    <button *ngIf=\"user.secondary\" color=\"warn\" mat-raised-button (click)=\"stopIdentityTheft()\">\r\n          {{'CORE.STOP' | translate}}\r\n    </button>\r\n  </div>\r\n\r\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\">\r\n    <mat-icon>more_vert</mat-icon>\r\n  </button>\r\n\r\n  <mat-menu #menu=\"matMenu\">\r\n    <button (click)=\"switchTheme()\" mat-menu-item>\r\n      <mat-icon class=\"menu-icon\">toggle_on</mat-icon>\r\n      <span>{{ 'CORE.SWITCH_THEME' | translate }}</span>\r\n    </button>\r\n    <button (click)=\"navigate('user', '/account/settings')\" mat-menu-item>\r\n      <mat-icon class=\"menu-icon\">person</mat-icon>\r\n      <span>{{ 'CORE.MY_ACCOUNT' | translate }}</span>\r\n    </button>\r\n    <mat-divider color=\"accent\"></mat-divider>\r\n    <button (click)=\"logout()\" mat-menu-item>\r\n      <mat-icon class=\"menu-icon\">power_settings_new</mat-icon>\r\n      <span>{{ 'CORE.LOG_OUT' | translate }}</span>\r\n    </button>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n","styles":[".app-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0}.body-container{padding-left:20px;padding-right:20px}.u-sidenav-container{margin-top:64px;-webkit-box-flex:1;flex:1}.u-toolbar{position:fixed;z-index:2}.light-header{background:#2e324e;color:#fff}#search-container{background:#f8f8f8;padding:2px 5px;border-radius:3px;margin-left:50px;margin-right:20px}#search-icon{color:#6b6b6b;margin-left:10px;vertical-align:middle;cursor:pointer}#primary-search{border:none;font-size:12pt;width:320px;background:0 0}::-webkit-input-placeholder{color:silver}::-moz-placeholder{color:silver}::-ms-input-placeholder{color:silver}::placeholder{color:silver}#primary-search:focus{border:none;box-shadow:none;outline:0}#domain-selector{height:100%;border:none;font-size:12pt;background:0 0;outline:0}#domain-selector:hover{cursor:pointer}.separator{display:inline-block;position:absolute;top:18px;height:45%;width:1px;background:#ddd}.advanced{color:#000;margin-left:18px}.menu-icon{color:silver}.env{color:#fff;font-size:10px;border-radius:1px;padding:1px 4px;margin-left:10px}#env-local{background-color:#868e96}#env-uat{background-color:#ffc000}#env-dev{background-color:#007bff}.clickable{cursor:pointer}"]}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Theme"}}]}],"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"User"}}]}],"toogleMenuEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵr"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":45,"character":20},{"__symbolic":"reference","name":"LocalStorageEventsService"},{"__symbolic":"reference","name":"LocalStorageService"},{"__symbolic":"reference","name":"ToasterEventsService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":49,"character":23},{"__symbolic":"reference","name":"CommonApiService"},{"__symbolic":"reference","name":"SessionStorageService"},{"__symbolic":"reference","name":"PermissionsService"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayContainer","line":53,"character":30},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":54,"character":27},{"__symbolic":"reference","name":"ɵs"}]}],"ngOnInit":[{"__symbolic":"method"}],"onWindowScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":69,"character":3},"arguments":["window:scroll",[]]}]}],"emitToggleMenuEvent":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"returnToDashboard":[{"__symbolic":"method"}],"initPermissionsService":[{"__symbolic":"method"}],"switchTheme":[{"__symbolic":"method"}],"logout":[{"__symbolic":"method"}],"stopIdentityTheft":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":30},"arguments":["WEB_CONFIG"]},"ɵs":{"__symbolic":"interface"},"ɵt":{"api_url":"http://localhost:8080","env":"DEV"},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"sc-menu","template":"<mat-nav-list>\r\n  <mat-list-item (click)=\"navigate(null, '/dashboard')\">\r\n    {{ 'CORE.MENU.DASHBOARD' | translate }}\r\n  </mat-list-item>\r\n  <div *ngxPermissionsOnly=\"['COMMERCIAL']\">\r\n    <mat-list-item (click)=\"navigate('commercial', '/deal/search')\">\r\n      {{ 'CORE.MENU.COMMERCIAL.DEAL' | translate }}\r\n    </mat-list-item>\r\n    <mat-list-item (click)=\"navigate('commercial', '/work-record/search')\"\r\n                   routerLinkActive=\"{{theme}}-theme-active-link\">\r\n      {{ 'CORE.MENU.COMMERCIAL.WORK_RECORD' | translate }}\r\n    </mat-list-item>\r\n\r\n    <mat-list-item (click)=\"navigate('commercial', '/work-record/vod-search')\"\r\n                   routerLinkActive=\"{{theme}}-theme-active-link\">\r\n      {{ 'CORE.MENU.COMMERCIAL.VOD_SEARCH' | translate }}\r\n    </mat-list-item>\r\n    <mat-list-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n                   (click)=\"navigate('commercial', '/accounting-closing/consult')\"\r\n                   routerLinkActive=\"{{theme}}-theme-active-link\">\r\n      {{ 'CORE.MENU.COMMERCIAL.ACCOUNTING_CLOSING' | translate }}\r\n    </mat-list-item>\r\n    <mat-list-item (click)=\"navigate('commercial', '/invoice/search')\"\r\n                   routerLinkActive=\"{{theme}}-theme-active-link\">\r\n      {{ 'CORE.MENU.COMMERCIAL.INVOICE' | translate }}\r\n    </mat-list-item>\r\n    <mat-list-item *ngxPermissionsOnly=\"['ACCOUNTANT', 'ADMINISTRATIVE_CONTROLLER']\"\r\n                   (click)=\"navigate('commercial', '/turnover/search')\"\r\n                   routerLinkActive=\"{{theme}}-theme-active-link\">\r\n      {{ 'CORE.MENU.COMMERCIAL.TURNOVER' | translate }}\r\n    </mat-list-item>\r\n  </div>\r\n  <mat-list-item *ngIf=\"user.admin\" (click)=\"navigate('user', '/account/authorization/search')\"\r\n                 routerLinkActive=\"{{theme}}-theme-active-link\">\r\n    {{ 'CORE.MENU.USER.SECTION_TITLE' | translate }}\r\n  </mat-list-item>\r\n  <mat-list-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('referential', '/support/list')\"\r\n                 routerLinkActive=\"{{theme}}-theme-active-link\">\r\n    {{ 'CORE.MENU.REFERENTIAL.SUPPORT' | translate }}\r\n  </mat-list-item>\r\n  <mat-list-item (click)=\"navigate('user', '/account/settings')\"\r\n                 routerLinkActive=\"{{theme}}-theme-active-link\">\r\n    {{ 'CORE.MENU.USER.SETTINGS.LABEL' | translate }}\r\n  </mat-list-item>\r\n  <mat-list-item *ngxPermissionsOnly=\"['MODULE REF']\" (click)=\"navigate('batch', '/jobs/referential')\"\r\n                 routerLinkActive=\"{{theme}}-theme-active-link\">\r\n    {{ 'CORE.MENU.REFERENTIAL.BATCH' | translate }}\r\n  </mat-list-item>\r\n  <mat-list-item *ngxPermissionsOnly=\"['TVDATA']\" (click)=\"navigate('tvdata', '/infos-center')\"\r\n                 routerLinkActive=\"{{theme}}-theme-active-link\">\r\n    {{ 'CORE.MENU.TV-DATA' | translate }}\r\n  </mat-list-item>\r\n  <mat-list-item *ngxPermissionsExcept=\"['UNIVERSAL_ROLE']\" (click)=\"navigate('expenditure-commitment', '/home/commands')\"\r\n                 routerLinkActive=\"{{theme}}-theme-active-link\">\r\n    {{ 'CORE.MENU.EXPENDITURE_COMMITMENT' | translate }}\r\n  </mat-list-item>\r\n  <mat-list-item *ngxPermissionsOnly=\"['MODULE BI']\" (click)=\"navigate('bi', '/simple-search/form')\"\r\n                 routerLinkActive=\"{{theme}}-theme-active-link\">\r\n    {{ 'CORE.MENU.BI.SEARCH' | translate }}\r\n  </mat-list-item>\r\n\r\n  <mat-list-item *ngxPermissionsOnly=\"['LEGAL']\" (click)=\"navigate('legal', '/contracts/menu/legals-det')\"\r\n                 routerLinkActive=\"{{theme}}-theme-active-link\">\r\n    {{ 'CORE.MENU.LEGAL.LEGAL' | translate }}\r\n  </mat-list-item>\r\n\r\n</mat-nav-list>\r\n\r\n","styles":[".app-menu{position:fixed;float:left;top:0;padding-top:40px;min-height:100vh;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.16),0 1px 5px rgba(0,0,0,.23);z-index:10000}.extend{width:230px;-webkit-transition:.3s;transition:.3s}.reduce{width:0;-webkit-transition:.3s;transition:.3s}"]}]}],"members":{"isMenuDeployed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"toggleMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"User"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":42,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":42,"character":12}]}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵr"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":39,"character":28},{"__symbolic":"reference","name":"LocalStorageService"},{"__symbolic":"reference","name":"ThemeEventsService"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"PermissionsService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":44,"character":20},{"__symbolic":"reference","name":"ɵs"}]}],"ngOnInit":[{"__symbolic":"method"}],"onWindowScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":62,"character":3},"arguments":["window:scroll",[]]}]}],"initPermissionsService":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sc-new-actions","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":11,"character":4},"arguments":["flyInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":12,"character":6},"arguments":["out => in",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":13,"character":8},"arguments":[".animate",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"stagger","line":15,"character":10},"arguments":["100ms",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":16,"character":12},"arguments":[500,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":18,"character":14},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":16},"arguments":[{"opacity":0,"transform":"translateX(150px)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":16},"arguments":[{"opacity":0.5,"transform":"translateX(-15px)","offset":0.5}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0)","offset":1}]}]]}]}]]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":6},"arguments":["in => out",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":37,"character":8},"arguments":[".animate",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"stagger","line":39,"character":10},"arguments":["100ms",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":40,"character":12},"arguments":[500,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":42,"character":14},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":43,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":44,"character":16},"arguments":[{"opacity":0.5,"transform":"translateX(-15px)","offset":0.5}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":49,"character":16},"arguments":[{"opacity":0,"transform":"translateX(150px)","offset":1}]}]]}]}]]}]}]]}]]}],"template":"<div class=\"actions-container\">\r\n  <ul\r\n    class=\"actions-list\"\r\n    (mouseleave)=\"mouseLeave()\"\r\n    (mouseover)=\"isMouseOver = true\"\r\n    [@flyInOut]=\"state\"\r\n  >\r\n    <!-- RETURN ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayReturnButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"undo()\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.RETURN' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons white\">undo</i>\r\n    </li>\r\n\r\n    <!-- GENERATE DOCUMENT -->\r\n    <li\r\n      *ngIf=\"actionModel.displayDownloadDocument && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"downloadDocument()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.DOWNLOAD_BILLING_STATEMENT'\r\n          | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"downloadDocumentButton\"\r\n    >\r\n      <i class=\"fa material-icons white\" style=\"color: darkgreen !important;\"\r\n      >list_alt</i\r\n      >\r\n    </li>\r\n\r\n    <!-- RETURN WITH CONFIRMATION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayUndoConfirmButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"undoConfirm()\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.RETURN' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons white\">undo</i>\r\n    </li>\r\n\r\n    <!-- CALENDAR UPDATE-->\r\n    <li\r\n      *ngIf=\"actionModel.displaySetOkNotification && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"massSetOkNotification()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.MASS_SET_OK_NOTIFICATION'\r\n          | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons warning\">calendar_today</i>\r\n    </li>\r\n\r\n    <!-- Confirmation de DUPLICATION ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayDuplicationValidation && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"post()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.DUPLICATE' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons success\">check</i>\r\n    </li>\r\n\r\n    <!-- Validation ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayValidationButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"validate()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.VALIDATE' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons success\">check</i>\r\n    </li>\r\n\r\n    <!-- Validation ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayAllValidationButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"validateAll()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.VALIDATE' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons success\">check</i>\r\n    </li>\r\n\r\n    <!-- AddNewRight ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayAddNewRightButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"AddNewRight()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.ADD_RIGHT' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa fa-check-square-o success\" aria-hidden=\"true\"></i>\r\n    </li>\r\n\r\n    <!-- Submit to Validation ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displaySubmitToValidationButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"!isAlreadyClick() ? submitToValidation() : null\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.SUBMIT_TO_VALIDATION' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons success\">check</i>\r\n    </li>\r\n\r\n    <!-- Submit to Validation by mail ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displaySubmitToValidationByMailButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"!isAlreadyClick() ? submitToValidationByMail() : null\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.SUBMIT_TO_VALIDATION' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      positionStyle=\"fixed\"\r\n    >\r\n      <i class=\"fa material-icons more-dark-blue\">mail</i>\r\n    </li>\r\n\r\n    <!-- SEND EMAIL BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayEmailButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"sendEmail()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.SEND_EMAIL' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"sendMailButton\"\r\n    >\r\n      <i\r\n        class=\"fa material-icons white\"\r\n        style=\"color: palevioletred !important;\"\r\n      >email</i\r\n      >\r\n    </li>\r\n\r\n    <!-- DELETE ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayDeleteButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"delete()\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.DELETE' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons red\">delete</i>\r\n    </li>\r\n\r\n    <!-- CANCEL ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayCancelButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"cancel()\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.CANCEL' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons red\">cancel</i>\r\n    </li>\r\n\r\n    <!-- DUPLICATE ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayDuplicateButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"duplicate()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.DUPLICATE' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons purple\">file_copy</i>\r\n    </li>\r\n\r\n    <!-- DUPLICATE MASS ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayDuplicateMasseButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"duplicateMasse()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.DUPLICATE_MASSE' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons purple\">layers</i>\r\n    </li>\r\n\r\n    <!-- DUPLICATE MASS ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayUseAsModel && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"useAsModel()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.USE_AS_MODEL' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons more-dark-blue\">style</i>\r\n    </li>\r\n\r\n    <li\r\n      *ngIf=\"actionModel.displayCreateContractButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"!isAlreadyClick() ? createContract() : null\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.CREATE_CONTRACT' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons more-dark-blue\">account_balance</i>\r\n    </li>\r\n\r\n    <li\r\n      *ngIf=\"actionModel.displayCreateDuplicateButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"createDuplicate()\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.SAVE' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa fa-floppy-o success\" aria-hidden=\"true\" disabled></i>\r\n    </li>\r\n\r\n    <!-- EDIT ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayEditButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"edit()\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.UPDATE' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons warning\">mode_edit</i>\r\n    </li>\r\n\r\n    <!-- SEND NOD NOTIFICATION -->\r\n    <li\r\n      *ngIf=\"actionModel.displaySendNodNotification && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"sendNodNotification()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.SEND_NOTIFICATION' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"\"\r\n    >\r\n      <i\r\n        class=\"fa material-icons white\"\r\n        style=\"color: palevioletred !important;\"\r\n      >email</i\r\n      >\r\n    </li>\r\n\r\n    <!-- EXCEL IMPORT BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayExcelImport && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"excelImport()\"\r\n      matTooltip=\"{{ 'UTIL.BUTTONS.EXCEL_IMPORT' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"excelImport\">\r\n      <i class=\"fa material-icons success\">cloud_upload</i>\r\n    </li>\r\n\r\n    <!-- POST ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayPostButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"!isAlreadyClick() ? post() : null\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.SAVE' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons success\">save</i>\r\n    </li>\r\n\r\n    <!-- UPDATE ACTION-->\r\n    <li\r\n      *ngIf=\"actionModel.displayUpdateButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"put()\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.SAVE' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons success\">save</i>\r\n    </li>\r\n\r\n    <!-- ADD BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayAddButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"add()\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.ADD' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"addActionButton\"\r\n    >\r\n      <i class=\"fa material-icons success\">add</i>\r\n    </li>\r\n\r\n    <!-- ADD IN SESSION BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayAddInSessionButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"addInSession()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.ADD_IN_SESSION' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"addInSessionActionButton\"\r\n    >\r\n      <i class=\"fa material-icons dark-blue\">check</i>\r\n    </li>\r\n\r\n    <!-- UPDATE IN SESSION BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayUpdateInSessionButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"updateInSession()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.UPDATE_IN_SESSION' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"updateInSessionActionButton\"\r\n    >\r\n      <i class=\"fa material-icons dark-blue\">check</i>\r\n    </li>\r\n\r\n    <!-- CREATION GROUP BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displaySignButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"setGroup()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.CREATE_GROUP' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"signActionButton\"\r\n    >\r\n      <i class=\"fa material-icons purple\">style</i>\r\n      <!--<button mat-icon-button class=\"mati mati-group success mat-36\" aria-hidden=\"true\"></button>-->\r\n    </li>\r\n\r\n    <!-- SIGN BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayProtectButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"protect()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.PROTECT' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"protectButton\"\r\n    >\r\n      <i class=\"fa material-icons dark-blue\">verified_user</i>\r\n      <!--<button mat-icon-button class=\"mati mati-group success mat-36\" aria-hidden=\"true\"></button>-->\r\n    </li>\r\n\r\n    <!-- GENERATE PDF BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayDownloadDraftPdfButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"downloadDraftPdf()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.DOWNLOAD_DRAFT' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"downloadDraftPdfButton\"\r\n    >\r\n      <i class=\"fa material-icons white\" style=\"color: #007bff !important;\"\r\n      >file_download</i\r\n      >\r\n    </li>\r\n\r\n    <!-- GENERATE PDF BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayPdfButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"pdf()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.GENERATE_PDF' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"pdfButton\"\r\n    >\r\n      <i class=\"fa material-icons white\" style=\"color: #ff1f3f !important;\"\r\n      >cloud_upload</i\r\n      >\r\n    </li>\r\n\r\n    <!-- GENERATE PDF BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayDownloadPdfButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"downloadPdf()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.DOWNLOAD' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"downloadPdfButton\"\r\n    >\r\n      <i class=\"fa material-icons white\" style=\"color: darkgreen !important;\"\r\n      >file_download</i\r\n      >\r\n    </li>\r\n\r\n    <!-- DISPLAY WORKFLOW BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayWorkflowButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"displayWorkflow()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.WORKFLOW' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"displayWorkflowId\"\r\n    >\r\n      <i class=\"fa material-icons white\" style=\"color: #007bff !important;\"\r\n      >repeat</i\r\n      >\r\n    </li>\r\n\r\n    <!-- GENERATE NOD BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayNodButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"displayNod()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.DOWNLOAD_NOD' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"downloadNodButton\"\r\n    >\r\n      <i class=\"fa material-icons white\" style=\"color: #007bff !important;\"\r\n      >file_download</i\r\n      >\r\n    </li>\r\n\r\n    <!-- DISPLAY REFUSE BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayRefuseButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"refuse()\"\r\n      matTooltip=\"{{ actionModel.module + '.UTIL.BUTTONS.REFUSE' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"refuseId\"\r\n    >\r\n      <i class=\"fa material-icons red\">block</i>\r\n    </li>\r\n    <!-- DISPLAY CLOSING DATE BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayClosingDate && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"closingDate()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.ACCOUNTING_CLOSING.CONSULT.POST' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"closingDateId\"\r\n    >\r\n      <i class=\"fa material-icons red\">block</i>\r\n    </li>\r\n\r\n    <!-- DISPLAY DOWNLOAD XLSX BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayDownloadXlsxButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"downloadXlsx()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.DOWNLOAD_XLSX' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"downloadXlsxButton\"\r\n    >\r\n      <i class=\"fa material-icons white\" style=\"color: darkgreen !important;\"\r\n      >file_download</i\r\n      >\r\n    </li>\r\n    <!-- DISPLAY SECOND DOWNLOAD XLSX BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displaySecondDownloadXlsxButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"downloadSecondXlsx()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.DOWNLOAD_SECOND_XLSX' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"downloadSecondXlsxButton\"\r\n    >\r\n      <i class=\"fa material-icons white\" style=\"color: darkgreen !important;\"\r\n      >file_download</i\r\n      >\r\n    </li>\r\n    <!-- SAVE CRITERIA BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.saveCriteria && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"post()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.SAVE_CRITERIA' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"saveCriteria\"\r\n    >\r\n      <i class=\"fa material-icons success\">playlist_add</i>\r\n    </li>\r\n\r\n    <li\r\n      *ngIf=\"actionModel.displayCancelTurnoverButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"cancelTurnover()\"\r\n      matTooltip=\"{{ 'UTIL.BUTTONS.CANCEL_TURNOVER' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n      positionStyle=\"fixed\"\r\n      id=\"displayCancelTurnoverButton\"\r\n    >\r\n      <i class=\"fa material-icons red\" style=\"color: white !important;\"\r\n      >undo</i\r\n      >\r\n    </li>\r\n\r\n    <li\r\n      *ngIf=\"actionModel.displaySetOkFacturationButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"setOkFacturation()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.SET_OK_FACTURATION' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      positionStyle=\"fixed\"\r\n      id=\"displaySetOkFacturationButton\"\r\n    >\r\n      <i class=\"fa material-icons success\">save</i>\r\n    </li>\r\n\r\n    <li\r\n      *ngIf=\"actionModel.displaySGenerateInvoiceAllButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"downloadInvoiceDocumentAll()\"\r\n      matTooltip=\"{{ 'BUTTONS.GENERATE_INVOICE_DOCUMENT_ALL' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"displaySGenerateInvoiceAllButton\"\r\n    >\r\n      <i class=\"fa material-icons white\" style=\"color: darkgreen !important;\"\r\n      >save</i\r\n      >\r\n    </li>\r\n    <!-- TURNOVER SAVE-->\r\n    <li\r\n      *ngIf=\"actionModel.displayTurnoverSaveButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"!isAlreadyClick() ? put() : null\"\r\n      matTooltip=\"{{\r\n        'WORK.TURNOVER_SEARCH.BUTTON.ACCOUNTING_VALIDATION' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n    >\r\n      <i class=\"fa material-icons success\">check</i>\r\n    </li>\r\n\r\n    <li\r\n      *ngIf=\"actionModel.displayTakeTurnoverButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"takeTurnoverValidation()\"\r\n      matTooltip=\"{{ 'BUTTONS.TAKE_TURNOVER_VALIDATION' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"displayTakeTurnerOverButton\"\r\n    >\r\n      <i class=\"fa material-icons success\">cloud_upload</i>\r\n    </li>\r\n    <!-- APPLY CRITERIA BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.applyCriteria && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"put()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.APPLY_CRITERIA' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"applyCriteria\"\r\n    >\r\n      <i class=\"fa material-icons saddlebrown\">playlist_add_check</i>\r\n    </li>\r\n\r\n\r\n    <!-- IMPORT DOCUMENT BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayImportDocument && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"importDocument()\"\r\n      matTooltip=\"{{ 'UTIL.BUTTONS.IMPORT_DOCUMENT' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n      positionStyle=\"fixed\"\r\n      id=\"importDocument\"\r\n    >\r\n      <i class=\"fa material-icons saddlebrown\">cloud_upload</i>\r\n    </li>\r\n\r\n    <!-- EXTRACT POST LINE BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displayPostLineExtraction && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"postLineExtraction()\"\r\n      matTooltip=\"{{\r\n        actionModel.module + '.UTIL.BUTTONS.EXTRACT_POST_LINE_XLSX' | translate\r\n      }}\"\r\n      matTooltipPosition=\"left\"\r\n      id=\"postLineExtraction\"\r\n    >\r\n      <i class=\"fa material-icons white\">format_list_bulleted</i>\r\n    </li>\r\n\r\n    <!-- IMPORT DOCUMENT BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displaySettingsButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"settings()\"\r\n      matTooltip=\"{{ 'UTIL.BUTTONS.SETTINGS' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n      positionStyle=\"fixed\">\r\n      <i class=\"fa material-icons warning\">settings</i>\r\n    </li>\r\n\r\n    <!-- IMPORT DOCUMENT BUTTON -->\r\n    <li\r\n      *ngIf=\"actionModel.displaySearchButton && state === 'in'\"\r\n      [ngClass]=\"{ show: show }\"\r\n      class=\"action-item animate\"\r\n      (click)=\"search()\"\r\n      matTooltip=\"{{ 'UTIL.BUTTONS.SEARCH' | translate }}\"\r\n      matTooltipPosition=\"left\"\r\n      positionStyle=\"fixed\">\r\n      <i class=\"fa material-icons dark-blue\">search</i>\r\n    </li>\r\n\r\n    <li\r\n      (mouseenter)=\"mouseEnter()\"\r\n      class=\"action\"\r\n      [ngClass]=\"{ 'on-hover': state === 'in' }\"\r\n    >\r\n      <i *ngIf=\"state === 'in'\" class=\"fa material-icons active-action\"\r\n      >keyboard_arrow_up</i\r\n      >\r\n      <i *ngIf=\"state === 'out'\" class=\"fa material-icons interaction\">add</i>\r\n    </li>\r\n  </ul>\r\n</div>\r\n","styles":[".actions-container{position:fixed;bottom:0;right:15px;padding-right:5px;z-index:100}.actions-list{display:block!important;margin-bottom:16px;list-style:none;-webkit-padding-start:0!important;padding-inline-start:0!important}.action{bottom:0;margin-top:10px;position:relative;text-align:center!important;cursor:pointer;-webkit-transition:.3s;transition:.3s}.on-hover{opacity:.3;-webkit-transition:.3s;transition:.3s}.active-action{background:#eee!important;color:#000!important;-webkit-transition:.5s;transition:.5s}.action>i,.action>mat-icon{font-size:16pt;border-radius:50%;margin-right:0!important;background:#eee}.action>i:active,.action>mat-icon:active{color:#363636;background:#eee!important}.action>.fa,.action>.mdi{padding:15px;color:#fff;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.animate{-webkit-transform:translateX(150%);transform:translateX(150%)}.show{-webkit-transform:translateX(0)!important;transform:translateX(0)!important}.action-item{bottom:0;margin-top:10px;position:relative;text-align:center!important;cursor:pointer}.action-item>i,.action-item>mat-icon{font-size:13pt;border-radius:50%;margin-right:0!important;background:#eee}.action-item>i:active,.action-item>mat-icon:active{color:#363636;background:#eee!important}.action-item>.fa,.action-item>.mdi{padding:15px;color:#fff;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.toggle-container{display:block;margin-right:25px;width:100%;text-align:center}.actions-toggle{padding:20px;color:#fff!important;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);border-radius:50%;-webkit-transition:.5s;transition:.5s;cursor:pointer}.actions-toggle-not-hover{background:#d23f31}.actions-toggle-hover{color:#474747!important;background:#eee}.success{background:#5cb85c!important}.success:hover{background:#449d44!important}.warning{background:#f0ad4e!important}.warning:hover{background:#ec971f!important}.primary{background:#2a3f54!important}.primary:hover{background:#ec971f!important}.purple,.purple:hover{background:#8e41a2!important}.red,.red:hover{background:#d9534f!important}.white{background:#fff!important;color:#000!important}.white:hover{background:#d3d3d3!important}.interaction{background:#54a9ff!important}.dark-blue,.dark-blue:hover{background:#3566a7!important}.more-dark-blue{background:#2a3f54!important}.more-dark-blue:hover{background:#1d283b!important}.saddlebrown{background:#8b4513!important}.mdi{font-size:18pt!important}"]}]}],"members":{"actionModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"postEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"putEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"duplicateEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":67,"character":3}}]}],"duplicateMasseEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":3}}]}],"editEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"deleteEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"submitToValidationEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"submitToValidationByMailEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"addEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"setGroupEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"cancelEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"validateEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"validateAllEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"AddNewRightEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"createDuplicateEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"protectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"downloadDraftPdfEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"downloadPdfEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"addInSessionEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"updateInSessionEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"undoConfirmEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"sendEmailEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"sendNodNotificationEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"displayNodEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"displayWorkflowEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"refuseEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"dateClosingEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":91,"character":3}}]}],"downloadXlsxEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"downloadSecondXlsxEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"massSetOkNotificationEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"downloadDocumentEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"pdfEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":96,"character":3}}]}],"useAsModelEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"deliverEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"cancelTurnoverEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":99,"character":3}}]}],"setOkTacturationEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}],"downloadInvoiceDocumentAllEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":101,"character":3}}]}],"takeTurnoverValidationEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":102,"character":3}}]}],"excelImportEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":103,"character":3}}]}],"createContractEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":104,"character":3}}]}],"importDocumentEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":3}}]}],"postLineExtractionEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":3}}]}],"settingsEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3}}]}],"searchEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":108,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":119,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"isAlreadyClick":[{"__symbolic":"method"}],"mouseEnter":[{"__symbolic":"method"}],"mouseLeave":[{"__symbolic":"method"}],"post":[{"__symbolic":"method"}],"AddNewRight":[{"__symbolic":"method"}],"put":[{"__symbolic":"method"}],"duplicate":[{"__symbolic":"method"}],"duplicateMasse":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"undoConfirm":[{"__symbolic":"method"}],"undo":[{"__symbolic":"method"}],"submitToValidation":[{"__symbolic":"method"}],"submitToValidationByMail":[{"__symbolic":"method"}],"massSetOkNotification":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"addInSession":[{"__symbolic":"method"}],"updateInSession":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"validateAll":[{"__symbolic":"method"}],"createDuplicate":[{"__symbolic":"method"}],"pdf":[{"__symbolic":"method"}],"setGroup":[{"__symbolic":"method"}],"protect":[{"__symbolic":"method"}],"downloadDraftPdf":[{"__symbolic":"method"}],"downloadPdf":[{"__symbolic":"method"}],"sendEmail":[{"__symbolic":"method"}],"sendNodNotification":[{"__symbolic":"method"}],"displayNod":[{"__symbolic":"method"}],"displayWorkflow":[{"__symbolic":"method"}],"refuse":[{"__symbolic":"method"}],"closingDate":[{"__symbolic":"method"}],"downloadXlsx":[{"__symbolic":"method"}],"downloadSecondXlsx":[{"__symbolic":"method"}],"downloadDocument":[{"__symbolic":"method"}],"useAsModel":[{"__symbolic":"method"}],"cancelTurnover":[{"__symbolic":"method"}],"setOkFacturation":[{"__symbolic":"method"}],"downloadInvoiceDocumentAll":[{"__symbolic":"method"}],"takeTurnoverValidation":[{"__symbolic":"method"}],"excelImport":[{"__symbolic":"method"}],"createContract":[{"__symbolic":"method"}],"importDocument":[{"__symbolic":"method"}],"postLineExtraction":[{"__symbolic":"method"}],"settings":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sc-progress-bar","template":"<div fxLayoutAlign=\"center center\" style=\"margin-top: 20px\">\r\n  <mat-spinner [color]=\"color\"></mat-spinner>\r\n</div>\r\n","styles":[""]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sc-right-popin","template":"<div (click)=\"isPopinDeployed = false\"\r\n  [ngClass]=\"{blackshield:isPopinDeployed }\">\r\n</div>\r\n<div [ngClass]=\"{extend:isPopinDeployed, retract:!isPopinDeployed }\" class=\"right-popin-container-{{theme}}\" (click)=\"isPopinDeployed = false\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","styles":[".extend{right:0;-webkit-transition:.3s;transition:.3s}.retract{right:-100%;-webkit-transition:.3s;transition:.3s}.right-popin-container-light{overflow:hidden;width:auto;background-color:rgba(255,255,255,.87);position:fixed;display:block;z-index:200;top:0;height:100vh;padding:200px 20px 20px}.right-popin-container-dark{overflow:hidden;width:auto;background-color:rgba(33,33,33,.87);position:fixed;display:block;z-index:200;top:0;height:100vh;padding:200px 20px 20px}.buttonExtend{right:69px;-webkit-transition:.3s;transition:.3s}.buttonRetract{right:-14px;-webkit-transition:.3s;transition:.3s}.buttonOpen{position:absolute;z-index:1;color:#fff;padding:15px;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);border-radius:50%;font-size:16pt;margin-right:0!important;margin-bottom:16px;background:#ffe680!important;-webkit-transition:.3s;transition:.3s}",".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:#000;opacity:.7;height:100vh;z-index:200;padding-top:150px}"]}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Theme"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PopinService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sc-bottom-popin","template":"<div\r\n  [ngClass]=\"{blackshield:isPopinDeployed }\">\r\n</div>\r\n<div [ngClass]=\"{extend:isPopinDeployed, retract:!isPopinDeployed }\" class=\"bottom-popin-container {{theme}}\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","styles":[".bottom-popin-container{position:-webkit-sticky;position:sticky;display:block;bottom:0;width:100%;box-shadow:0 -5px 5px -5px #333;overflow:hidden;z-index:1000;padding-left:20px;padding-right:20px}.theme{background:#fff}.extend{-webkit-transition:.3s;transition:.3s}.retract{height:0;-webkit-transition:.3s;transition:.3s}",".blackshield{position:fixed;display:block!important;top:0;left:0;width:100%;background:#000;opacity:.7;height:100vh;z-index:200;padding-top:150px}"]}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Theme"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PopinService"},{"__symbolic":"reference","name":"LocalStorageService"},{"__symbolic":"reference","name":"ThemeEventsService"},{"__symbolic":"reference","name":"ToasterEventsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"closePopin":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sc-sub-header","template":"<div id=\"template-header-container\">\r\n  <div id=\"template-header\" [ngClass]=\"{'header-hide':isHide}\">\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;-webkit-transition:.3s;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;-webkit-transition:.3s;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}}"]}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Theme"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":19,"character":22}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"onWindowScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":3},"arguments":["window:scroll",[]]}]}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sc-request-loader-fragment","template":"<div class=\"branch_2\">\r\n  <h4 style=\"text-align: center;margin-top: 10% !important;\">{{'EXPENDITURE_COMMITMENT.WORKING' | translate }}</h4>\r\n  <h4 style=\"text-align: center;\">{{'EXPENDITURE_COMMITMENT.WAIT' | translate }}</h4>\r\n  <div class=\"row\" style=\"margin-top: 30px;\">\r\n    <div class=\"spinner-container\">\r\n      <div class=\"spinner-wheel\"\r\n           style=\" width: 50px; height: 50px;border: 2px solid #313344; border-left-color:  transparent; border-right-color:  transparent;\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".branch_2{width:100%;height:100%;background-color:transparent;position:absolute;z-index:10;bottom:0;right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"template":"<div #content></div>","selector":"sc-custom-table-cell-content"}]}],"members":{"htmlTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":9,"character":3},"arguments":["content",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"intercept":[{"__symbolic":"method"}]}}},"origins":{"UtilModule":"./lib/util/util.module","ArrayService":"./lib/util/services/array/array.service","User":"./lib/util/decorators/user.decorator","Theme":"./lib/util/decorators/theme.decorator","LocalStorageService":"./lib/util/services/storage/local-storage.service","SessionStorageService":"./lib/util/services/storage/session-storage.service","LocalStorageEventsService":"./lib/util/event/storage/local-storage-events.service","SessionStorageEventsService":"./lib/util/event/storage/session-storage-events.service","ToasterEventsService":"./lib/util/toaster/toaster-events.service","ThemeEventsService":"./lib/util/theme/theme-event.service","RegexService":"./lib/util/regex/regex.service","PermissionsService":"./lib/util/permissions/permissions.service","DateUtil":"./lib/util/date/date.util","CUSTOM_DATE_FORMATS":"./lib/util/date/date-format-constants","CustomDateAdapter":"./lib/util/date/date-adapter","SortBy":"./lib/util/sort/sort","NumberValidator":"./lib/util/validator/number.validator","ActionForm":"./lib/util/component/actions/action-form-abstract","ActionConsult":"./lib/util/component/actions/action-consult-abstract","ActionModel":"./lib/util/component/actions/new/action.model","MyDialogPopupComponent":"./lib/util/component/popup/popup/popup.component","MyDialogPopupLoginComponent":"./lib/util/component/popup/popup-login/popup-login.component","NoaErrorPopUpComponent":"./lib/util/component/popup/popupNoaError/popupNoaError.component","AesService":"./lib/util/services/jwt-security/aes.service","OverlayService":"./lib/util/component/overlay/overlay.service","OverlayComponent":"./lib/util/component/overlay/overlay.component","MatTableComponent":"./lib/util/component/mat-table/mat-table.component","PopinService":"./lib/util/component/popin/popin.service","ErrorsComponent":"./lib/util/component/error/errors.component","AuthGuard":"./lib/util/services/guard/auth.guard","LoginGuard":"./lib/util/services/guard/login.guard","PaginationComponent":"./lib/util/component/paginator/pagination.component","FormActionsEventsService":"./lib/util/services/form-action/form-actions-events.service","CostCenterEventsService":"./lib/util/event/cost-center/cost-center.service","IconBoxComponent":"./lib/util/component/icon-box/icon-box.component","InlineIconBoxComponent":"./lib/util/component/inline-icon-box/inline-icon-box.component","PeriodModel":"./lib/util/date/PeriodModel","CapitalizefirstPipe":"./lib/util/pipes/capitalizefirst.pipe","AuthInterceptor":"./lib/util/services/interceptor/auth.interceptor","CommonApiService":"./lib/util/services/api/common-api.service","ɵa":"./lib/util/component/block/block.component","ɵb":"./lib/util/pipes/local-date.pipe","ɵc":"./lib/util/component/mat-table-filter/mat-table-filter.fragment","ɵd":"./lib/util/directives/match-height.directive","ɵe":"./lib/util/directives/my-number-formatter-directive","ɵf":"./lib/util/pipes/my-number.pipe","ɵg":"./lib/util/pipes/comma-separated-number.pipe","ɵh":"./lib/util/pipes/display-html.pipe","ɵi":"./lib/util/pipes/display-null.pipe","ɵj":"./lib/util/pipes/format-number-input.pipe","ɵk":"./lib/util/pipes/trim-string.pipe","ɵl":"./lib/util/component/auto-complete/auto-complete.fragment","ɵm":"./lib/util/component/icons/video-status-icon/video-status-icon.component","ɵn":"./lib/util/component/icons/video-purchase-order-type-icon/video-purchase-order-type-icon.component","ɵo":"./lib/util/component/icons/expenditure-status-icon/expenditure-status-icon.component","ɵp":"./lib/util/component/header/location-bar/location-bar.component","ɵq":"./lib/util/component/header/header.component","ɵr":"./lib/util/config","ɵs":"./lib/util/config","ɵt":"./lib/util/config","ɵu":"./lib/util/component/menu/menu.component","ɵv":"./lib/util/component/actions/new/new-actions.component","ɵw":"./lib/util/component/progress-bar/progress-bar","ɵx":"./lib/util/component/popin/right/right-popin.component","ɵy":"./lib/util/component/popin/bottom/bottom-popin.component","ɵz":"./lib/util/component/sub-header/sub-header.component","ɵba":"./lib/util/component/request-loader/request-loader.fragment","ɵbb":"./lib/util/component/mat-table/custom-table-cell-content.component","ɵbc":"./lib/util/services/jwt-security/interceptorhttp.service"},"importAs":"front-common-library"}