@senior-gestao-pessoas/payroll-core 9.5.0-01923a3e-20f4-4cb3-9565-a0584abd00d1 → 9.5.0-71c63479-42df-4b8e-8295-7f214bdd37f5

package/bundles/senior-gestao-pessoas-payroll-core.umd.js

@@ -9949,6 +9949,7 @@
             _this.showButtonView = true;
             _this.showEditMode = false;
             _this.hasRecordsPix = true;
+            _this.maxValuePercentage = 100.00;
             _this.hideFields = _this.sharedStateService.hideField$;
             _this.suggestions = [];
             _this.formGroupByRow = {};
@@ -10225,9 +10226,6 @@
             this.emitFormValidity();
         };
         HistoricalPixAccountComponent.prototype.deletePix = function (index) {
-            if (this.dataListPix.editingCell) {
-                this.dataListPix.editingCell = null;
-            }
             this.addExistentHistoricData = this.addExistentHistoricData.filter(function (_, i) { return i !== index; });
             this.rebuildFormGroupMap(this.addExistentHistoricData);
             this.emitFormValidity();
@@ -10250,10 +10248,6 @@
                 _this.pixKeyType = pixKeyType;
                 _this.setPixKeyValidators(true, form);
                 _this.setValidatorsAccordingList(data, index, _this.isEditMode);
-                var listValues = data
-                    .filter(function (_, i) { return i !== index; })
-                    .map(function (row) { return row.percentage ? parseFloat(row.percentage) : 0; });
-                _this.validatePercentageValid(listValues, form);
             });
             this.emitFormValidity();
         };
@@ -10337,18 +10331,10 @@
             if (this.formGroupByRow &&
                 this.formGroupByRow[index] &&
                 this.formGroupByRow[index].get(field)) {
-                var control = this.formGroupByRow[index].get(field);
-                var value = control.value;
+                var value = this.formGroupByRow[index].get(field).value;
                 this.addExistentHistoricData[index][field] = value;
-                control.markAsDirty();
-                control.markAsTouched();
-                control.updateValueAndValidity();
-                var currentList = this.addExistentHistoricData.map(function (item, i) {
-                    return i === index ? 0 : item.percentage;
-                });
-                this.validatePercentageValid(currentList, this.formGroupByRow[index]);
-                this.emitFormValidity();
             }
+            this.emitFormValidity();
         };
         Object.defineProperty(HistoricalPixAccountComponent.prototype, "scopedActions", {
             get: function () {
@@ -10578,7 +10564,7 @@
             core.Component({
                 // tslint:disable-next-line:component-selector
                 selector: "c-historical-pix-account",
-                template: "<s-sidebar *ngIf=\"withSideBar\" [visible]=\"visible\" (visibleChange)=\"close()\"\n           header=\"{{'hcm.payroll.historical_pix_account_title_form'|translate}}\">\n<pix-account [(visible)]=\"visible\"\n              [isEditAndViewValue]=\"pixAccountItemInput\"\n              [currency]=\"currency\"\n              [customEntity]=\"customEntity\"\n              [customService]=\"customService\"\n              [getListPixAccount]=\"listDataNoPage\"\n              [paramsForm]=\"paramsForm\"\n              (pixAccountItemToList)=\"addItemInList($event)\"\n              [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</s-sidebar>\n\n<div *ngIf=\"!withSideBar\">\n    <pix-account [(visible)]=\"visible\"\n                  [isEditAndViewValue]=\"pixAccountItemInput\"\n                  [currency]=\"currency\"\n                  [customEntity]=\"customEntity\"\n                  [customService]=\"customService\"\n                  [getListPixAccount]=\"listDataNoPage\"\n                  [withSideBar]=\"false\"\n                  [isViewMode]=\"isViewMode\"\n                  [paramsForm]=\"paramsForm\"\n                  (pixAccountItemToList)=\"addItemInList($event)\"\n                  [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</div>\n\n<div class=\"ui-g-1\" *ngIf=\"withSideBar && !isEditMode\">\n    <div class=\"form-group \">\n        <s-button id=\"ta-addPayAnnuity\"\n                  [disabled]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  (onClick)=\"add()\"\n                  [pTooltip]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  tooltipPosition=\"top\"\n                  label=\"{{'hcm.payroll.historical_pix_account_add'|translate}}\"></s-button>\n    </div>\n</div>\n<div *ngIf=\"!showEditMode || !(hideFields | async)\" class=\"ui-g-12\">\n    <p-table\n        id=\"table-annuity\"\n        [value]=\"listData\"\n        [columns]=\"cols\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [lazy]=\"true\"\n        [scrollable]=\"true\"\n        [paginator]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [sortMode]=\"'multiple'\"\n        *sLoadingState=\"loading\"\n        [rows]=\"recordByRow\"\n        dataKey=\"id\">\n        <ng-template pTemplate=\"colgroup\" let-coumns>\n            <colgroup>\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-s'\">\n                <col *ngIf=\"showButtonView\" [ngClass]=\"'col-action'\">\n            </colgroup>\n        </ng-template>\n        <ng-template pTemplate=\"header\" let-columns>\n            <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n            <tr>\n                <!-- Cabe\u00E7alhos das colunas da tabela -->\n                <th\n                    [pSortableColumn]=\"'pixKeyType'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\" id=\"table-0\">\n                        <span\n                            id=\"table-annuity-s-0\">{{ 'hcm.payroll.employees_addition_pix_key_type' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'pixKey'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.employees_addition_pix_key' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'percentage'\"\n                    [pTooltip]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.historical_pix_account_label_percentage' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n                <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n                <th *ngIf=\"showButtonView\" id=\"col-actions\"></th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n\n            <tr [ngClass]=\"'row'+key\" [pSelectableRow]=\"rowData\">\n                <td [pTooltip]=\"rowData?.pixKeyType.value\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ rowData?.pixKeyType.value }}</span>\n                </td>\n\n                <ng-container [ngSwitch]=\"rowData?.pixKeyType.key\">\n                    <td *ngSwitchCase=\"'TELEPHONE'\"\n                        [pTooltip]=\"getFormattedTelephoneNumber(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedTelephoneNumber(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CPF'\"\n                        [pTooltip]=\"getFormattedCpf(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCpf(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CNPJ'\"\n                        [pTooltip]=\"getFormattedCnpj(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCnpj(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchDefault\n                        [pTooltip]=\"rowData?.pixKey\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ rowData?.pixKey }}</span>\n                    </td>\n                </ng-container>\n                <td [pTooltip]=\"getFormattedPercentage(rowData?.percentage)\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ getFormattedPercentage(rowData?.percentage) }}</span>\n                </td>\n                <td id=\"col-actions-{{key}}\" class=\"col-actions \"\n                    *ngIf=\"actions && actions(rowData, key)?.length && showButtonView\">\n                    <s-button id=\"table-admission-btn-actions-{{key}}\"\n                              *ngIf=\"!isViewMode &&  actions(rowData, key).length > 1\" [label]=\"actionLabel\"\n                              priority=\"default\" [model]=\"scopedActions(rowData, key)\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n                    <s-button id=\"table-admission-btn-action-{{key}}\"\n                              *ngIf=\"!isViewMode && actions(rowData, key).length <= 1\"\n                              [label]=\"scopedActions(rowData, key)[0].label\"\n                              priority=\"default\"\n                              (click)=\"scopedActions(rowData, key)[0].command()\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\" let-columns>\n            <tr>\n                <td [attr.colspan]=\"columns.length +2\">\n                    {{'hcm.payroll.admission_empty_message'|translate}}\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\">\n            <span *ngIf=\"totalRecords\">{{recordsMessage}}</span>\n        </ng-template>\n    </p-table>\n</div>\n\n<!-- Template exlusivo para edi\u00E7\u00E3o de pix via modal-->\n<div *ngIf=\"showEditMode && (hideFields | async)\" class=\"ui-g-12\">\n    <!-- Bot\u00E3o Adicionar -->\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <s-button\n                id=\"btn-save\"\n                label=\"{{ 'hcm.payroll.historical_pix_account_add' | translate}}\"\n                priority=\"primary\"\n                (onClick)=\"addPix()\">\n            </s-button>\n        </div>\n    </div>\n\n    <!-- Tabela -->\n    <p-table #dataListPix sortField=\"percentage\"\n        [columns]=\"cols\"\n        [value]=\"addExistentHistoricData\"\n        [pageLinks]=\"3\"\n        [paginator]=\"true\"\n        [responsive]=\"true\"\n        [rows]=\"10\"\n        [resetPageOnSort]=\"false\"\n        [tableStyle]=\"{'margin-top': '2rem'}\"\n        [customSort]=\"true\">\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                <th *ngFor=\"let col of cols\">\n                    {{ col.label }}\n                </th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-item let-rowIndex=\"rowIndex\">\n            <ng-container *ngIf=\"formGroupByRow[rowIndex]\" [formGroup]=\"formGroupByRow[rowIndex]\">\n              <tr>\n                <!-- Tipo de Chave -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKeyType\" pEditableColumnField=\"pixKeyType\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <div style=\"width: 100%; position: relative;\">\n                        <p-autoComplete\n                          [suggestions]=\"suggestions\"\n                          (completeMethod)=\"filterPixKeyType($event)\"\n                          formControlName=\"pixKeyType\"\n                          [dropdown]=\"true\"\n                          (onSelect)=\"onPixKeyTypeChange($event, rowIndex)\"\n                          (onClear)=\"onPixKeyTypeClear(rowIndex)\"\n                          (ngModelChange)=\"onSyncValue('pixKeyType', rowIndex)\"\n                          field=\"value\"\n                          placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                          appendTo=\"body\"\n                          [panelStyle]=\"{ maxWidth: '300px', width: '100%' }\"\n                          [inputStyle]=\"{ width: '100%' }\"\n                        ></p-autoComplete>\n\n                        <s-control-errors [control]=\"formGroupByRow[rowIndex]?.get('pixKeyType')\"\n                          [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            pixKeyTypeBankAccountDuplicate: 'hcm.payroll.historical_pix_key_type_bank_account_duplicate' | translate\n                          }\">\n                        </s-control-errors>\n                      </div>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                      {{ item.pixKeyType?.value }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Chave Pix -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKey\" pEditableColumnField=\"pixKey\"\n                    [ngClass]=\"{'required': item.pixKeyType.key !== 'BANK_ACCOUNT',\n                        'disabled': item.pixKeyType && item.pixKeyType.key === 'BANK_ACCOUNT'\n                    }\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <ng-container [ngSwitch]=\"item.pixKeyType.key\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\"\n                            only-number\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (keyup)=\"phoneMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"15\"\n                            placeholder=\"(__) ____-____\" />\n\n                        <input *ngSwitchCase=\"'CPF'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"14\"\n                            placeholder=\"___.___.___-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cpfMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'CNPJ'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"18\"\n                            placeholder=\"___.___.___/____-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cnpjMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                            pInputText\n                            type=\"email\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            placeholder=\"{{ 'hcm.payroll.employees_addition_email' | translate }}\" />\n\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            [disabled]=\"true\" />\n\n                        <input *ngSwitchDefault\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"100\" />\n                      </ng-container>\n\n                      <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\"\n                        [control]=\"formGroupByRow[rowIndex]?.get('pixKey')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: formGroupByRow[rowIndex]?.get('pixKey').value },\n                          invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                          cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                          cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ getFormattedPixKey(item.pixKeyType?.key, item.pixKey) }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Percentual -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.percentage\" pEditableColumnField=\"percentage\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <input\n                        pInputText type=\"number\"\n                        formControlName=\"percentage\"\n                        (ngModelChange)=\"onSyncValue('percentage', rowIndex)\"\n                      >\n                      <s-control-errors\n                        [control]=\"formGroupByRow[rowIndex]?.get('percentage')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                          max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                          min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ item.percentage?.toFixed(2).replace('.', ',') }}%\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Bot\u00E3o de excluir -->\n                <td>\n                  <s-button\n                    id=\"btn-delete\"\n                    label=\"{{ 'hcm.payroll.delete' | translate }}\"\n                    priority=\"default\"\n                    (onClick)=\"deletePix(rowIndex)\">\n                </s-button>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-template>\n    </p-table>\n</div>\n",
+                template: "<s-sidebar *ngIf=\"withSideBar\" [visible]=\"visible\" (visibleChange)=\"close()\"\n           header=\"{{'hcm.payroll.historical_pix_account_title_form'|translate}}\">\n<pix-account [(visible)]=\"visible\"\n              [isEditAndViewValue]=\"pixAccountItemInput\"\n              [currency]=\"currency\"\n              [customEntity]=\"customEntity\"\n              [customService]=\"customService\"\n              [getListPixAccount]=\"listDataNoPage\"\n              [paramsForm]=\"paramsForm\"\n              (pixAccountItemToList)=\"addItemInList($event)\"\n              [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</s-sidebar>\n\n<div *ngIf=\"!withSideBar\">\n    <pix-account [(visible)]=\"visible\"\n                  [isEditAndViewValue]=\"pixAccountItemInput\"\n                  [currency]=\"currency\"\n                  [customEntity]=\"customEntity\"\n                  [customService]=\"customService\"\n                  [getListPixAccount]=\"listDataNoPage\"\n                  [withSideBar]=\"false\"\n                  [isViewMode]=\"isViewMode\"\n                  [paramsForm]=\"paramsForm\"\n                  (pixAccountItemToList)=\"addItemInList($event)\"\n                  [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</div>\n\n<div class=\"ui-g-1\" *ngIf=\"withSideBar && !isEditMode\">\n    <div class=\"form-group \">\n        <s-button id=\"ta-addPayAnnuity\"\n                  [disabled]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  (onClick)=\"add()\"\n                  [pTooltip]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  tooltipPosition=\"top\"\n                  label=\"{{'hcm.payroll.historical_pix_account_add'|translate}}\"></s-button>\n    </div>\n</div>\n<div *ngIf=\"!showEditMode || !(hideFields | async)\" class=\"ui-g-12\">\n    <p-table\n        id=\"table-annuity\"\n        [value]=\"listData\"\n        [columns]=\"cols\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [lazy]=\"true\"\n        [scrollable]=\"true\"\n        [paginator]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [sortMode]=\"'multiple'\"\n        *sLoadingState=\"loading\"\n        [rows]=\"recordByRow\"\n        dataKey=\"id\">\n        <ng-template pTemplate=\"colgroup\" let-coumns>\n            <colgroup>\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-s'\">\n                <col *ngIf=\"showButtonView\" [ngClass]=\"'col-action'\">\n            </colgroup>\n        </ng-template>\n        <ng-template pTemplate=\"header\" let-columns>\n            <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n            <tr>\n                <!-- Cabe\u00E7alhos das colunas da tabela -->\n                <th\n                    [pSortableColumn]=\"'pixKeyType'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\" id=\"table-0\">\n                        <span\n                            id=\"table-annuity-s-0\">{{ 'hcm.payroll.employees_addition_pix_key_type' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'pixKey'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.employees_addition_pix_key' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'percentage'\"\n                    [pTooltip]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.historical_pix_account_label_percentage' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n                <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n                <th *ngIf=\"showButtonView\" id=\"col-actions\"></th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n\n            <tr [ngClass]=\"'row'+key\" [pSelectableRow]=\"rowData\">\n                <td [pTooltip]=\"rowData?.pixKeyType.value\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ rowData?.pixKeyType.value }}</span>\n                </td>\n\n                <ng-container [ngSwitch]=\"rowData?.pixKeyType.key\">\n                    <td *ngSwitchCase=\"'TELEPHONE'\"\n                        [pTooltip]=\"getFormattedTelephoneNumber(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedTelephoneNumber(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CPF'\"\n                        [pTooltip]=\"getFormattedCpf(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCpf(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CNPJ'\"\n                        [pTooltip]=\"getFormattedCnpj(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCnpj(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchDefault\n                        [pTooltip]=\"rowData?.pixKey\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ rowData?.pixKey }}</span>\n                    </td>\n                </ng-container>\n                <td [pTooltip]=\"getFormattedPercentage(rowData?.percentage)\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ getFormattedPercentage(rowData?.percentage) }}</span>\n                </td>\n                <td id=\"col-actions-{{key}}\" class=\"col-actions \"\n                    *ngIf=\"actions && actions(rowData, key)?.length && showButtonView\">\n                    <s-button id=\"table-admission-btn-actions-{{key}}\"\n                              *ngIf=\"!isViewMode &&  actions(rowData, key).length > 1\" [label]=\"actionLabel\"\n                              priority=\"default\" [model]=\"scopedActions(rowData, key)\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n                    <s-button id=\"table-admission-btn-action-{{key}}\"\n                              *ngIf=\"!isViewMode && actions(rowData, key).length <= 1\"\n                              [label]=\"scopedActions(rowData, key)[0].label\"\n                              priority=\"default\"\n                              (click)=\"scopedActions(rowData, key)[0].command()\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\" let-columns>\n            <tr>\n                <td [attr.colspan]=\"columns.length +2\">\n                    {{'hcm.payroll.admission_empty_message'|translate}}\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\">\n            <span *ngIf=\"totalRecords\">{{recordsMessage}}</span>\n        </ng-template>\n    </p-table>\n</div>\n\n<!-- Template exlusivo para edi\u00E7\u00E3o de pix via modal-->\n<div *ngIf=\"showEditMode && (hideFields | async)\" class=\"ui-g-12\">\n    <!-- Bot\u00E3o Adicionar -->\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <s-button\n                id=\"btn-save\"\n                label=\"{{ 'hcm.payroll.historical_pix_account_add' | translate}}\"\n                priority=\"primary\"\n                (onClick)=\"addPix()\">\n            </s-button>\n        </div>\n    </div>\n\n    <!-- Tabela -->\n    <p-table #dataListPix sortField=\"percentage\"\n        [columns]=\"cols\"\n        [value]=\"addExistentHistoricData\"\n        [pageLinks]=\"3\"\n        [paginator]=\"true\"\n        [responsive]=\"true\"\n        [rows]=\"10\"\n        [resetPageOnSort]=\"false\"\n        [tableStyle]=\"{'margin-top': '2rem'}\">\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                <th *ngFor=\"let col of cols\">\n                    {{ col.label }}\n                </th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-item let-rowIndex=\"rowIndex\">\n            <ng-container *ngIf=\"formGroupByRow[rowIndex]\" [formGroup]=\"formGroupByRow[rowIndex]\">\n              <tr>\n                <!-- Tipo de Chave -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKeyType\" pEditableColumnField=\"pixKeyType\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <div style=\"width: 100%; position: relative;\">\n                        <p-autoComplete\n                          [suggestions]=\"suggestions\"\n                          (completeMethod)=\"filterPixKeyType($event)\"\n                          formControlName=\"pixKeyType\"\n                          [dropdown]=\"true\"\n                          (onSelect)=\"onPixKeyTypeChange($event, rowIndex)\"\n                          (onClear)=\"onPixKeyTypeClear(rowIndex)\"\n                          (ngModelChange)=\"onSyncValue('pixKeyType', rowIndex)\"\n                          field=\"value\"\n                          placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                          appendTo=\"body\"\n                          [panelStyle]=\"{ maxWidth: '300px', width: '100%' }\"\n                          [inputStyle]=\"{ width: '100%' }\"\n                        ></p-autoComplete>\n\n                        <s-control-errors [control]=\"formGroupByRow[rowIndex]?.get('pixKeyType')\"\n                          [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            pixKeyTypeBankAccountDuplicate: 'hcm.payroll.historical_pix_key_type_bank_account_duplicate' | translate\n                          }\">\n                        </s-control-errors>\n                      </div>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                      {{ item.pixKeyType?.value }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Chave Pix -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKey\" pEditableColumnField=\"pixKey\"\n                    [ngClass]=\"{'required': item.pixKeyType.key !== 'BANK_ACCOUNT',\n                        'disabled': item.pixKeyType && item.pixKeyType.key === 'BANK_ACCOUNT'\n                    }\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <ng-container [ngSwitch]=\"item.pixKeyType.key\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\"\n                            only-number\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (keyup)=\"phoneMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"15\"\n                            placeholder=\"(__) ____-____\" />\n\n                        <input *ngSwitchCase=\"'CPF'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"14\"\n                            placeholder=\"___.___.___-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cpfMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'CNPJ'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"18\"\n                            placeholder=\"___.___.___/____-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cnpjMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                            pInputText\n                            type=\"email\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            placeholder=\"{{ 'hcm.payroll.employees_addition_email' | translate }}\" />\n\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            [disabled]=\"true\" />\n\n                        <input *ngSwitchDefault\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"100\" />\n                      </ng-container>\n\n                      <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\"\n                        [control]=\"formGroupByRow[rowIndex]?.get('pixKey')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: formGroupByRow[rowIndex]?.get('pixKey').value },\n                          invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                          cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                          cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ getFormattedPixKey(item.pixKeyType?.key, item.pixKey) }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Percentual -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.percentage\" pEditableColumnField=\"percentage\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <input\n                        pInputText type=\"number\"\n                        formControlName=\"percentage\"\n                        (ngModelChange)=\"onSyncValue('percentage', rowIndex)\"\n                      >\n                      <s-control-errors\n                        [control]=\"formGroupByRow[rowIndex]?.get('percentage')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                          max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                          min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ item.percentage?.toFixed(2).replace('.', ',') }}%\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Bot\u00E3o de excluir -->\n                <td>\n                  <s-button\n                    id=\"btn-delete\"\n                    label=\"{{ 'hcm.payroll.delete' | translate }}\"\n                    priority=\"default\"\n                    (onClick)=\"deletePix(rowIndex)\">\n                </s-button>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-template>\n    </p-table>\n</div>\n",
                 styles: [".refresh{width:100%!important}#table-annuity .col-default-s{width:10%}#table-annuity .col-default-m{width:12%}#table-annuity .col-default-l{width:16%}#table-annuity .col-action{width:10%}#table-annuity .icon-warning{text-align:center!important;color:#ff6d00c7!important}@media screen and (max-width:612px){#table-annuity .col-default-1,#table-annuity .col-default-2{width:16%}#table-annuity .col-default-3{width:26%}#table-annuity .col-icon{width:10%}#table-annuity .col-action{width:27%}}#main{display:-webkit-box;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#main form{height:100%}#main .footer{border-top:1px solid #ccc;padding-top:15px;margin-top:15px;flex-shrink:0;margin-bottom:-18px}#main .footer-s-border{padding-left:7px;flex-shrink:0;margin-bottom:-18px}"]
             })
         ], HistoricalPixAccountComponent);