@senior-gestao-pessoas/hcm-contract-employee-history 5.6.2 → 5.6.4

package/bundles/senior-gestao-pessoas-hcm-contract-employee-history.umd.js

@@ -15563,6 +15563,7 @@
         DependentDraft.fromDto = function (dependentDraftDto) {
             var parse = (dependentDraftDto === null || dependentDraftDto === void 0 ? void 0 : dependentDraftDto.data) && JSON.parse(dependentDraftDto.data);
             var model = {
+                draftId: dependentDraftDto === null || dependentDraftDto === void 0 ? void 0 : dependentDraftDto.id,
                 basicDependentPersonData: parse.basicDependentPersonData ? this.normalizeDraft(parse.basicDependentPersonData) : {},
                 documentDependentPersonData: parse.documentDependentPersonData ? this.normalizeDraft(parse.documentDependentPersonData) : {},
                 complementDependentPersonData: parse.complementDependentPersonData
@@ -16026,9 +16027,9 @@
             }))
                 .subscribe(function (draft) {
                 var _a;
-                (_a = _this.formGroup.get("draftId")) === null || _a === void 0 ? void 0 : _a.setValue(draftId);
                 var data = DependentDraft.fromDto(draft);
                 _this.formGroup.patchValue(data);
+                (_a = _this.formGroup.get("draftId")) === null || _a === void 0 ? void 0 : _a.setValue(draftId);
             });
         };
         EmployeeDependentFormComponent.prototype.getSaveObservable = function () {
@@ -16050,8 +16051,8 @@
             this.dependentDraftService.saveDraftEvent
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
                 .subscribe(function (formData) {
-                _this.loading = true;
                 if (formData) {
+                    _this.loading = true;
                     var data = DependentDraft.fromDto(formData);
                     _this.formGroup.patchValue(data);
                     _this.onSaveDependent();
@@ -16081,7 +16082,7 @@
             core.Component({
                 // tslint:disable-next-line:component-selector
                 selector: "fnd-employee-dependent-form",
-                template: "<s-loading-state [loading]=\"loading\" blockWindow=\"true\"></s-loading-state>\n<s-sidebar [visible]=\"showSideBar\"\n           (visibleChange)=\"showSideBar = !showSideBar\"\n           [header]=\"'hcm_contract.employment_contract.employee_dependent_sidebar_title_' + isNewToLabel() | translate\">\n\n    <s-steps [steps]=\"steps\" [activeIndex]=\"activeIndex\" (stepSelected)=\"onStepSelected($event)\"></s-steps>\n    <form [formGroup]=\"formGroup\" >\n        <div class=\"ui-fluid\">\n            <!-- Dados pessoais -->\n            <fnd-employee-dependent-personal-step [hidden]=\"activeIndex !== 0\"\n                [parentFormGroup]=\"formGroup\"></fnd-employee-dependent-personal-step>\n            <!-- Dados complementaris -->\n            <fnd-employee-dependent-complement-step [hidden]=\"activeIndex !== 1\"\n                [parentFormGroup]=\"formGroup\"></fnd-employee-dependent-complement-step>\n\n        </div>\n    </form>\n    <s-footer class=\"footer-sidebar-form-dependent\">\n        <s-button (click)=\"onCancel()\" priority=\"link\" style=\"margin-right: auto\"\n                  [label]=\"'hcm_contract.employment_contract.cancel' | translate\"\n        ></s-button>\n        <div class=\"footer-end\">\n            <s-button priority=\"secondary\"\n                      *ngIf=\"activeIndex !== 0\"\n                      iconClass=\"fa fa-arrow-left\"\n                      (onClick)=\"undoStep()\"\n                      [disabled]=\"activeIndex === 0\"\n                      [label]=\"'hcm_contract.employment_contract.employee_dependent_button_back' | translate\">\n            </s-button>\n            <s-button id=\"btn-draft\"\n                      label=\"{{ 'hcm_contract.employment_contract.btn_dependent_save_draft' | translate }}\"\n                      priority=\"secondary\"(click)=\"saveDependentDraft()\" [auxiliary]=\"false\"\n                      [disabled]=\"loading\"></s-button>\n            <s-button\n                class=\"btn-next\"\n                [rightIconClass]=\"!activeIndex ? 'fa fa-arrow-right' : ''\"\n                (onClick)=\"nextStep()\"\n                [disabled]=\"loading\"\n                [label]=\"this.buttonLabel\">\n            </s-button>\n        </div>\n    </s-footer>\n</s-sidebar>\n<p-confirmDialog key=\"edit-dependent\"></p-confirmDialog>\n",
+                template: "<s-loading-state [loading]=\"loading\" blockWindow=\"true\"></s-loading-state>\n<s-sidebar [visible]=\"showSideBar\"\n           (visibleChange)=\"showSideBar = !showSideBar\"\n           [header]=\"'hcm_contract.employment_contract.employee_dependent_sidebar_title_' + isNewToLabel() | translate\">\n\n    <s-steps [steps]=\"steps\" [activeIndex]=\"activeIndex\" (stepSelected)=\"onStepSelected($event)\"></s-steps>\n    <form [formGroup]=\"formGroup\" >\n        <div class=\"ui-fluid\">\n            <!-- Dados pessoais -->\n            <fnd-employee-dependent-personal-step [hidden]=\"activeIndex !== 0\"\n                [parentFormGroup]=\"formGroup\"></fnd-employee-dependent-personal-step>\n            <!-- Dados complementaris -->\n            <fnd-employee-dependent-complement-step [hidden]=\"activeIndex !== 1\"\n                [parentFormGroup]=\"formGroup\"></fnd-employee-dependent-complement-step>\n\n        </div>\n    </form>\n    <s-footer class=\"footer-sidebar-form-dependent\">\n        <s-button (click)=\"onCancel()\" priority=\"link\" style=\"margin-right: auto\"\n                  [label]=\"'hcm_contract.employment_contract.cancel' | translate\"\n        ></s-button>\n        <div class=\"footer-end\">\n            <s-button priority=\"secondary\"\n                      *ngIf=\"activeIndex !== 0\"\n                      iconClass=\"fa fa-arrow-left\"\n                      (onClick)=\"undoStep()\"\n                      [disabled]=\"activeIndex === 0\"\n                      [label]=\"'hcm_contract.employment_contract.employee_dependent_button_back' | translate\">\n            </s-button>\n            <s-button id=\"btn-draft\"\n                      label=\"{{ 'hcm_contract.employment_contract.btn_dependent_save_draft' | translate }}\"\n                      priority=\"secondary\"(click)=\"saveDependentDraft()\" [auxiliary]=\"false\"\n                      [disabled]=\"loading\"></s-button>\n            <s-button\n                *ngIf=\"employeeId\"\n                class=\"btn-next\"\n                [rightIconClass]=\"!activeIndex ? 'fa fa-arrow-right' : ''\"\n                (onClick)=\"nextStep()\"\n                [disabled]=\"loading\"\n                [label]=\"this.buttonLabel\">\n            </s-button>\n        </div>\n    </s-footer>\n</s-sidebar>\n<p-confirmDialog key=\"edit-dependent\"></p-confirmDialog>\n",
                 styles: [".tab-view-full{width:100%}.toggle-header-fieldset{display:flex!important;justify-content:space-between!important;align-items:center!important}.toggle-header-fieldset .ui-inputgroup span{margin-right:8px!important;font-size:14px;font-weight:400;line-height:21px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.footer-sidebar-form-dependent{display:flex;justify-content:space-between}.message-warn-admisison{padding-left:65px;font-size:14px}.message-warn-admisison p:first-of-type{font-weight:700}.btn-next>button{display:flex!important;flex-direction:row-reverse!important}.btn-next>button span{margin-left:5px!important}"]
             })
         ], EmployeeDependentFormComponent);
@@ -16241,7 +16242,7 @@
                 },
                 {
                     id: "3",
-                    visible: this.permissions.incluir,
+                    visible: !!this._employeeId,
                     label: this.translate.instant("hcm_contract.employment_contract.dependent_draft_effect_data"),
                     command: function () {
                         _this.dependentDraftService.saveDraftEvent.next(data);
@@ -16328,20 +16329,22 @@
             this.currentListParams = __assign(__assign({}, this.currentListParams), listParams);
             var _a = this.currentListParams, page = _a.page, size = _a.size;
             var sort = this.currentListParams.sort;
-            var displayFields = ["*"];
-            var filterQuery = this._employeeId ? "(employee.id eq '" + this._employeeId + "')" : "(admissionDraft.id eq    '" + this._admissionDraftId + "')";
             if (!sort) {
                 sort = [{ field: "lastModifiedDate", order: -1 }];
             }
-            this.dependentDraftService
-                .list({ page: page, size: size, sort: sort, filterQuery: filterQuery, displayFields: displayFields })
-                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.debounceTime(500), operators.distinctUntilChanged(), operators.finalize(function () {
-                _this.isLoading = false;
-            }))
-                .subscribe(function (list) {
-                _this.gridData = list.contents;
-                _this.totalRecords = list.totalElements;
-            });
+            var displayFields = ["*"];
+            var filterQuery = this._employeeId ? "(employee.id eq '" + this._employeeId + "')" : this._admissionDraftId ? "(admissionDraft.id eq '" + this._admissionDraftId + "')" : null;
+            if (filterQuery) {
+                this.dependentDraftService
+                    .list({ page: page, size: size, sort: sort, filterQuery: filterQuery, displayFields: displayFields })
+                    .pipe(operators.takeUntil(this.ngUnsubscribe), operators.debounceTime(500), operators.distinctUntilChanged(), operators.finalize(function () {
+                    _this.isLoading = false;
+                }))
+                    .subscribe(function (list) {
+                    _this.gridData = list.contents;
+                    _this.totalRecords = list.totalElements;
+                });
+            }
         };
         DependentListDraftComponent.prototype.getProp = function (obj, path) {
             return path.split(".").reduce(function (result, prop) { return (result[prop] === undefined ? "" : result[prop]); }, obj);
@@ -16349,9 +16352,7 @@
         Object.defineProperty(DependentListDraftComponent.prototype, "employeeId", {
             set: function (id) {
                 this._employeeId = id;
-                if (this._employeeId) {
-                    this.updateGrid();
-                }
+                this.updateGrid();
             },
             enumerable: true,
             configurable: true
@@ -16359,9 +16360,7 @@
         Object.defineProperty(DependentListDraftComponent.prototype, "admissionDraftId", {
             set: function (id) {
                 this._admissionDraftId = id;
-                if (this._admissionDraftId) {
-                    this.updateGrid();
-                }
+                this.updateGrid();
             },
             enumerable: true,
             configurable: true
@@ -16751,7 +16750,7 @@
             core.Component({
                 // tslint:disable-next-line:component-selector
                 selector: "fnd-employee-dependent",
-                template: "<p-panel *sLoadingState=\"loading\">\n    <p-tabView styleClass=\"form-group\" *sLoadingState=\"loading\" >\n        <p-tabPanel *ngIf=\"!_admissionDraftId\"\n            [header]=\"'hcm_contract.employment_contract.employee_dependent_title_header' | translate\">\n            <div class=\"ui-g\" *ngIf=\"this.gridData?.length\">\n                <div class=\"ui-g-12\">\n                    <button id=\"add-button\" type=\"button\" pButton [label]=\"'hcm_contract.employment_contract.add_employee_dependent' | translate\"\n                            title=\"{{'hcm_contract.employment_contract.add_employee_dependent' | translate}} (Alt + Shift + N)\"\n                            *ngIf=\"permissions.incluir\" (click)=\"onAddDependent()\"></button>\n                    <s-button id=\"other-actions-button\"\n                              [label]=\"'hcm_contract.employment_contract.other_actions' | translate\"\n                              [model]=\"getOtherActions()\"\n                              priority=\"secondary\"\n                              [disabled]=\"false\" [auxiliary]=\"false\"\n                              *ngIf=\"hasPermissionToSeeExclusions()\">\n                    </s-button>\n                </div>\n            </div>\n            <s-empty-state *ngIf=\"!this.gridData?.length\" [title]=\"'hcm_contract.employment_contract.employee_dependent_empty_state_title' | translate\"\n                           [showPrimaryAction]=\"this.permissions.incluir\" [primaryActionLabel]=\"'hcm_contract.employment_contract.add_employee_dependent' | translate\"\n                           (primaryAction)=\"onAddDependent()\" [description]=\"'hcm_contract.employment_contract.employee_dependent_empty_state_description' | translate\"\n                           [showSecondaryAction]=\"permissions.incluir\" [showSecondaryAction]=\"hasPermissionToSeeExclusions()\"\n                           [secondaryActionLabel]=\"'hcm_contract.employment_contract.see_exclusions' | translate\"\n                           (secondaryAction)=\"openRecordExclusions()\">\n            </s-empty-state>\n            <div [attr.data-hidden]=\"!gridData?.length || serverError\">\n\n                <p-table #employeeDependentTable [value]=\"gridData\" [columns]=\"gridColumns\" dataKey=\"id\" [lazy]=\"true\"\n                         [scrollable]=\"true\" [resizableColumns]=\"true\" sortMode=\"multiple\" [paginator]=\"true\"\n                         [totalRecords]=\"totalRecords\" [multiSortMeta]=\"getSortField()\" [first]=\"getRowIndex()\"\n                         [rows]=\"getPageSize()\" [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n                         (onLazyLoad)=\"onGridChange($event)\">\n                    <ng-template pTemplate=\"colgroup\" let-columns>\n                        <colgroup>\n                            <col *ngFor=\"let col of columns\">\n                        </colgroup>\n                    </ng-template>\n                    <ng-template pTemplate=\"header\" let-columns>\n                        <tr>\n                            <th *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\"\n                                pResizableColumn>\n                                <div class=\"senior-header\">\n                                    <span class=\"senior-header-title\">{{col.header}}</span>\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                                </div>\n                            </th>\n                            <th pResizableColumn scope=\"col\" *ngIf=\"this.permissions.excluir\">\n                                <div class=\"senior-header\">\n                            <span class=\"senior-header-title\">{{'hcm_contract.employment_contract.actions' |\n                                translate}}</span>\n                                </div>\n                            </th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-rowData let-columns>\n                        <tr [pSelectableRow]=\"rowData\">\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.codPes'))}}</span>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.nomPes')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td>\n                                <div [ngSwitch]=\"getProp(rowData, 'dependent.graPde') || ('hcm_contract.employment_contract.list_grid_empty_field' | translate)\">\n                                    <span *ngSwitchCase=\"'SON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SPOUSE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SPOUSE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GRANDFATHER_GRANDMOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GRANDFATHER_GRANDMOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GREAT_GRANDFATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GREAT_GRANDFATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'NEPHEW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_NEPHEW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'UNCLE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_UNCLE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GRANDSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GRANDSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER_IN_LAW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER_IN_LAW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SON_IN_LAW_DAOUGHTER_IN_LAW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SON_IN_LAW_DAOUGHTER_IN_LAW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'BROTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_BROTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'ADOPTED_CHILD'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_ADOPTED_CHILD\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'PENSIONERS'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_PENSIONERS\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'COMPANION'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_COMPANION\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GUARDIANSHIP'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GUARDIANSHIP\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'MINOR_UNDER_GUARD'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_MINOR_UNDER_GUARD\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPMOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPMOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPFATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPFATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'TUTOR'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_TUTOR\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'EX_EXPOSED'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_EX_EXPOSED\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GREAT_GRANDSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GREAT_GRANDSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'EX_PARTNER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_EX_PARTNER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'CONCUBINE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_CONCUBINE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'CURATORSHIP'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_CURATORSHIP\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SOCIOAFFECTIVE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SOCIOAFFECTIVE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER_MOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER_MOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'OTHERS'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_OTHERS\" | translate}}</span>\n                                    <span *ngSwitchDefault>{{ \"hcm_contract.employment_contract.list_grid_empty_field\" | translate}}</span>\n                                </div>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.intNet')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.fonPes')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td class=\"txt-center\" tabindex=\"0\" *ngIf=\"this.permissions.editar && this.permissions.excluir\">\n                                <s-button label=\"{{'hcm_contract.employment_contract.admission_generic_actions' | translate}}\"\n                                          priority=\"default\" [model]=\"getActions(rowData)\" [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"paginatorright\">\n                <span\n                    [translate]=\"'hcm_contract.employment_contract.total_records'\"\n                    [translateParams]=\"{value: totalRecords}\">\n                </span>\n                    </ng-template>\n                </p-table>\n            </div>\n        </p-tabPanel>\n        <p-tabPanel\n            [header]=\"'hcm_contract.employment_contract.employee_dependent_draft_title_header' | translate\">\n            <app-dependent-list-draft\n                (addButtonClicked)=\"onAddDependent()\"\n                [employeeId]=\"_employeeId\"\n                [closeSideBar]=\"closeSideBar\"\n                [admissionDraftId]=\"_admissionDraftId\"\n                (onEdit)=\"onEditDraft($event)\">\n            </app-dependent-list-draft>\n        </p-tabPanel>\n    </p-tabView>\n</p-panel>\n<p-dialog header=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_title' | translate }}\"\n[draggable]=\"false\" [modal]=\"true\"\n[(visible)]=\"showDialog\" [closable]=\"false\">\n        <form class=\"ui-fluid\" [formGroup]=\"formGroup\">\n            <div class=\"radio-buttons required ui-lg-12\" style=\"margin-bottom: 20px;\">\n                <label id=\"registerMethod\">{{ 'hcm_contract.employment_contract.employee_dependent_register_method_label' | translate }}</label>\n                <div><p-radioButton name=\"registerMethod\" formControlName=\"registerMethod\"\n                    value=\"newRegister\"\n                    label=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_create_data' | translate}}\"></p-radioButton></div>\n                <div><p-radioButton\n                    name=\"registerMethod\" formControlName=\"registerMethod\"\n                    value=\"existing\"\n                    label=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_existing_data' | translate}}\"></p-radioButton></div>\n                <s-control-errors\n                        id=\"er-registerMethod\"\n                        [control]=\"formGroup.get('registerMethod')\"\n                        [errorMessages]=\"{\n                            required: 'hcm_contract.employment_contract.admission_generic_field_validator_required' | translate\n                        }\"\n                ></s-control-errors>\n            </div>\n\n            <div class=\"ui-lg-12\">\n                <div class=\"person-label\">\n                    <label for=\"personLabel\">{{'hcm_contract.employment_contract.data_person_id_lookup_title' | translate}}</label>\n                    <span\n                        id=\"personLabel\"\n                        class=\"fa fa-info-circle\"\n                        [pTooltip]=\"'hcm_contract.employment_contract.employee_dependent_tooltip_person' | translate\">\n                    </span>\n                </div>\n                <div class=\"{{personClass}}\">\n                    <fnd-person-lookup [formGroup]=\"formGroup\" [locale]=\"localeConfig\"></fnd-person-lookup>\n                    <s-control-errors\n                        id=\"er-person\"\n                        [control]=\"formGroup.get('person')\"\n                        [errorMessages]=\"{\n                            required: 'hcm_contract.employment_contract.admission_generic_field_validator_required' | translate\n                        }\"\n                ></s-control-errors>\n                </div>\n            </div>\n        </form>\n    <p-footer>\n        <s-button\n            [label]=\"'hcm_contract.employment_contract.employee_dependent_next' | translate\"\n            priority=\"primary\" (onClick)=\"sendToForm()\">\n        </s-button>\n        <s-button\n            [label]=\"'hcm_contract.employment_contract.cancel' | translate\"\n            priority=\"secondary\"\n            (onClick)=\"onCancel()\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<p-confirmDialog></p-confirmDialog>\n<fnd-employee-dependent-form [employeeId]=\"_employeeId\" [admissionDraft]=\"_admissionDraftId\" [closeSideBar]=\"closeSideBar\"></fnd-employee-dependent-form>\n<s-exclusion-details></s-exclusion-details>\n",
+                template: "<p-panel *sLoadingState=\"loading\">\n    <p-tabView styleClass=\"form-group\" *sLoadingState=\"loading\" >\n        <p-tabPanel *ngIf=\"_employeeId\"\n            [header]=\"'hcm_contract.employment_contract.employee_dependent_title_header' | translate\">\n            <div class=\"ui-g\" *ngIf=\"this.gridData?.length\">\n                <div class=\"ui-g-12\">\n                    <button id=\"add-button\" type=\"button\" pButton [label]=\"'hcm_contract.employment_contract.add_employee_dependent' | translate\"\n                            title=\"{{'hcm_contract.employment_contract.add_employee_dependent' | translate}} (Alt + Shift + N)\"\n                            *ngIf=\"permissions.incluir\" (click)=\"onAddDependent()\"></button>\n                    <s-button id=\"other-actions-button\"\n                              [label]=\"'hcm_contract.employment_contract.other_actions' | translate\"\n                              [model]=\"getOtherActions()\"\n                              priority=\"secondary\"\n                              [disabled]=\"false\" [auxiliary]=\"false\"\n                              *ngIf=\"hasPermissionToSeeExclusions()\">\n                    </s-button>\n                </div>\n            </div>\n            <s-empty-state *ngIf=\"!this.gridData?.length\" [title]=\"'hcm_contract.employment_contract.employee_dependent_empty_state_title' | translate\"\n                           [showPrimaryAction]=\"this.permissions.incluir\" [primaryActionLabel]=\"'hcm_contract.employment_contract.add_employee_dependent' | translate\"\n                           (primaryAction)=\"onAddDependent()\" [description]=\"'hcm_contract.employment_contract.employee_dependent_empty_state_description' | translate\"\n                           [showSecondaryAction]=\"permissions.incluir\" [showSecondaryAction]=\"hasPermissionToSeeExclusions()\"\n                           [secondaryActionLabel]=\"'hcm_contract.employment_contract.see_exclusions' | translate\"\n                           (secondaryAction)=\"openRecordExclusions()\">\n            </s-empty-state>\n            <div [attr.data-hidden]=\"!gridData?.length || serverError\">\n\n                <p-table #employeeDependentTable [value]=\"gridData\" [columns]=\"gridColumns\" dataKey=\"id\" [lazy]=\"true\"\n                         [scrollable]=\"true\" [resizableColumns]=\"true\" sortMode=\"multiple\" [paginator]=\"true\"\n                         [totalRecords]=\"totalRecords\" [multiSortMeta]=\"getSortField()\" [first]=\"getRowIndex()\"\n                         [rows]=\"getPageSize()\" [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n                         (onLazyLoad)=\"onGridChange($event)\">\n                    <ng-template pTemplate=\"colgroup\" let-columns>\n                        <colgroup>\n                            <col *ngFor=\"let col of columns\">\n                        </colgroup>\n                    </ng-template>\n                    <ng-template pTemplate=\"header\" let-columns>\n                        <tr>\n                            <th *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\"\n                                pResizableColumn>\n                                <div class=\"senior-header\">\n                                    <span class=\"senior-header-title\">{{col.header}}</span>\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                                </div>\n                            </th>\n                            <th pResizableColumn scope=\"col\" *ngIf=\"this.permissions.excluir\">\n                                <div class=\"senior-header\">\n                            <span class=\"senior-header-title\">{{'hcm_contract.employment_contract.actions' |\n                                translate}}</span>\n                                </div>\n                            </th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-rowData let-columns>\n                        <tr [pSelectableRow]=\"rowData\">\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.codPes'))}}</span>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.nomPes')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td>\n                                <div [ngSwitch]=\"getProp(rowData, 'dependent.graPde') || ('hcm_contract.employment_contract.list_grid_empty_field' | translate)\">\n                                    <span *ngSwitchCase=\"'SON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SPOUSE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SPOUSE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GRANDFATHER_GRANDMOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GRANDFATHER_GRANDMOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GREAT_GRANDFATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GREAT_GRANDFATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'NEPHEW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_NEPHEW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'UNCLE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_UNCLE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GRANDSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GRANDSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER_IN_LAW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER_IN_LAW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SON_IN_LAW_DAOUGHTER_IN_LAW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SON_IN_LAW_DAOUGHTER_IN_LAW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'BROTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_BROTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'ADOPTED_CHILD'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_ADOPTED_CHILD\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'PENSIONERS'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_PENSIONERS\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'COMPANION'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_COMPANION\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GUARDIANSHIP'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GUARDIANSHIP\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'MINOR_UNDER_GUARD'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_MINOR_UNDER_GUARD\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPMOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPMOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPFATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPFATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'TUTOR'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_TUTOR\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'EX_EXPOSED'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_EX_EXPOSED\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GREAT_GRANDSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GREAT_GRANDSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'EX_PARTNER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_EX_PARTNER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'CONCUBINE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_CONCUBINE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'CURATORSHIP'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_CURATORSHIP\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SOCIOAFFECTIVE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SOCIOAFFECTIVE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER_MOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER_MOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'OTHERS'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_OTHERS\" | translate}}</span>\n                                    <span *ngSwitchDefault>{{ \"hcm_contract.employment_contract.list_grid_empty_field\" | translate}}</span>\n                                </div>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.intNet')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.fonPes')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td class=\"txt-center\" tabindex=\"0\" *ngIf=\"this.permissions.editar && this.permissions.excluir\">\n                                <s-button label=\"{{'hcm_contract.employment_contract.admission_generic_actions' | translate}}\"\n                                          priority=\"default\" [model]=\"getActions(rowData)\" [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"paginatorright\">\n                <span\n                    [translate]=\"'hcm_contract.employment_contract.total_records'\"\n                    [translateParams]=\"{value: totalRecords}\">\n                </span>\n                    </ng-template>\n                </p-table>\n            </div>\n        </p-tabPanel>\n        <p-tabPanel\n            [header]=\"'hcm_contract.employment_contract.employee_dependent_draft_title_header' | translate\">\n            <app-dependent-list-draft\n                (addButtonClicked)=\"onAddDependent()\"\n                [employeeId]=\"_employeeId\"\n                [closeSideBar]=\"closeSideBar\"\n                [admissionDraftId]=\"_admissionDraftId\"\n                (onEdit)=\"onEditDraft($event)\">\n            </app-dependent-list-draft>\n        </p-tabPanel>\n    </p-tabView>\n</p-panel>\n<p-dialog header=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_title' | translate }}\"\n[draggable]=\"false\" [modal]=\"true\"\n[(visible)]=\"showDialog\" [closable]=\"false\">\n        <form class=\"ui-fluid\" [formGroup]=\"formGroup\">\n            <div class=\"radio-buttons required ui-lg-12\" style=\"margin-bottom: 20px;\">\n                <label id=\"registerMethod\">{{ 'hcm_contract.employment_contract.employee_dependent_register_method_label' | translate }}</label>\n                <div><p-radioButton name=\"registerMethod\" formControlName=\"registerMethod\"\n                    value=\"newRegister\"\n                    label=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_create_data' | translate}}\"></p-radioButton></div>\n                <div><p-radioButton\n                    name=\"registerMethod\" formControlName=\"registerMethod\"\n                    value=\"existing\"\n                    label=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_existing_data' | translate}}\"></p-radioButton></div>\n                <s-control-errors\n                        id=\"er-registerMethod\"\n                        [control]=\"formGroup.get('registerMethod')\"\n                        [errorMessages]=\"{\n                            required: 'hcm_contract.employment_contract.admission_generic_field_validator_required' | translate\n                        }\"\n                ></s-control-errors>\n            </div>\n\n            <div class=\"ui-lg-12\">\n                <div class=\"person-label\">\n                    <label for=\"personLabel\">{{'hcm_contract.employment_contract.data_person_id_lookup_title' | translate}}</label>\n                    <span\n                        id=\"personLabel\"\n                        class=\"fa fa-info-circle\"\n                        [pTooltip]=\"'hcm_contract.employment_contract.employee_dependent_tooltip_person' | translate\">\n                    </span>\n                </div>\n                <div class=\"{{personClass}}\">\n                    <fnd-person-lookup [formGroup]=\"formGroup\" [locale]=\"localeConfig\"></fnd-person-lookup>\n                    <s-control-errors\n                        id=\"er-person\"\n                        [control]=\"formGroup.get('person')\"\n                        [errorMessages]=\"{\n                            required: 'hcm_contract.employment_contract.admission_generic_field_validator_required' | translate\n                        }\"\n                ></s-control-errors>\n                </div>\n            </div>\n        </form>\n    <p-footer>\n        <s-button\n            [label]=\"'hcm_contract.employment_contract.employee_dependent_next' | translate\"\n            priority=\"primary\" (onClick)=\"sendToForm()\">\n        </s-button>\n        <s-button\n            [label]=\"'hcm_contract.employment_contract.cancel' | translate\"\n            priority=\"secondary\"\n            (onClick)=\"onCancel()\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<p-confirmDialog></p-confirmDialog>\n<fnd-employee-dependent-form [employeeId]=\"_employeeId\" [admissionDraft]=\"_admissionDraftId\" [closeSideBar]=\"closeSideBar\"></fnd-employee-dependent-form>\n<s-exclusion-details></s-exclusion-details>\n",
                 styles: [".radio-buttons{display:flex;flex-direction:column;gap:6px}.person-label{display:flex;gap:5px;align-items:center}"]
             })
         ], EmployeeDependentListComponent);