@senior-gestao-pessoas/payroll-core 9.4.0 → 9.5.0-32c4c8b1-bb0c-491c-8ec0-0eef83fe1088

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('primeng/blockui'), require('primeng/progressspinner'), require('@angular/router'), require('@ngx-translate/core'), require('rxjs/operators'), require('primeng/breadcrumb'), require('@angular/common'), require('primeng/dropdown'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/shared'), require('@seniorsistemas/angular-components'), require('moment'), require('rxjs'), require('primeng/tooltip'), require('primeng/table'), require('@angular/common/http'), require('primeng/api'), require('@senior-gestao-pessoas/angular-components'), require('ng2-img-cropper'), require('primeng/button'), require('primeng/dialog'), require('primeng/fileupload'), require('chance'), require('moment-business'), require('primeng/autocomplete'), require('primeng/splitbutton'), require('primeng/components/common/messageservice'), require('@seniorsistemas/senior-platform-data'), require('primeng/toast'), require('ng2-currency-mask'), require('primeng/fieldset'), require('primeng/panel'), require('primeng/confirmdialog')) :
-    typeof define === 'function' && define.amd ? define('@senior-gestao-pessoas/payroll-core', ['exports', '@angular/core', '@angular/forms', 'primeng/blockui', 'primeng/progressspinner', '@angular/router', '@ngx-translate/core', 'rxjs/operators', 'primeng/breadcrumb', '@angular/common', 'primeng/dropdown', 'primeng/inputmask', 'primeng/inputtext', 'primeng/shared', '@seniorsistemas/angular-components', 'moment', 'rxjs', 'primeng/tooltip', 'primeng/table', '@angular/common/http', 'primeng/api', '@senior-gestao-pessoas/angular-components', 'ng2-img-cropper', 'primeng/button', 'primeng/dialog', 'primeng/fileupload', 'chance', 'moment-business', 'primeng/autocomplete', 'primeng/splitbutton', 'primeng/components/common/messageservice', '@seniorsistemas/senior-platform-data', 'primeng/toast', 'ng2-currency-mask', 'primeng/fieldset', 'primeng/panel', 'primeng/confirmdialog'], factory) :
-    (global = global || self, factory((global['senior-gestao-pessoas'] = global['senior-gestao-pessoas'] || {}, global['senior-gestao-pessoas']['payroll-core'] = {}), global.ng.core, global.ng.forms, global.blockui, global.progressspinner, global.ng.router, global.core$1, global.rxjs.operators, global.breadcrumb, global.ng.common, global.dropdown, global.inputmask, global.inputtext, global.shared, global.angularComponents, global.moment_, global.rxjs, global.tooltip, global.table, global.ng.common.http, global.api, global.angularComponents$1, global.ng2ImgCropper, global.button, global.dialog, global.fileupload, global.chance, global.business, global.autocomplete, global.splitbutton, global.messageservice, global.seniorPlatformData, global.toast, global.ng2CurrencyMask, global.fieldset, global.panel, global.confirmdialog));
-}(this, (function (exports, core, forms, blockui, progressspinner, router, core$1, operators, breadcrumb, common, dropdown, inputmask, inputtext, shared, angularComponents, moment_, rxjs, tooltip, table, http, api, angularComponents$1, ng2ImgCropper, button, dialog, fileupload, chance, business, autocomplete, splitbutton, messageservice, seniorPlatformData, toast, ng2CurrencyMask, fieldset, panel, confirmdialog) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('primeng/blockui'), require('primeng/progressspinner'), require('@angular/router'), require('@ngx-translate/core'), require('rxjs/operators'), require('primeng/breadcrumb'), require('@angular/common'), require('primeng/dropdown'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/shared'), require('@seniorsistemas/angular-components'), require('moment'), require('rxjs'), require('primeng/tooltip'), require('primeng/table'), require('@angular/common/http'), require('primeng/api'), require('@senior-gestao-pessoas/angular-components'), require('ng2-img-cropper'), require('primeng/button'), require('primeng/dialog'), require('primeng/fileupload'), require('chance'), require('moment-business'), require('primeng/autocomplete'), require('primeng/splitbutton'), require('primeng/components/common/messageservice'), require('@seniorsistemas/senior-platform-data'), require('primeng/toast'), require('ng2-currency-mask'), require('primeng/fieldset'), require('primeng/panel'), require('primeng/confirmdialog'), require('primeng/tabview')) :
+    typeof define === 'function' && define.amd ? define('@senior-gestao-pessoas/payroll-core', ['exports', '@angular/core', '@angular/forms', 'primeng/blockui', 'primeng/progressspinner', '@angular/router', '@ngx-translate/core', 'rxjs/operators', 'primeng/breadcrumb', '@angular/common', 'primeng/dropdown', 'primeng/inputmask', 'primeng/inputtext', 'primeng/shared', '@seniorsistemas/angular-components', 'moment', 'rxjs', 'primeng/tooltip', 'primeng/table', '@angular/common/http', 'primeng/api', '@senior-gestao-pessoas/angular-components', 'ng2-img-cropper', 'primeng/button', 'primeng/dialog', 'primeng/fileupload', 'chance', 'moment-business', 'primeng/autocomplete', 'primeng/splitbutton', 'primeng/components/common/messageservice', '@seniorsistemas/senior-platform-data', 'primeng/toast', 'ng2-currency-mask', 'primeng/fieldset', 'primeng/panel', 'primeng/confirmdialog', 'primeng/tabview'], factory) :
+    (global = global || self, factory((global['senior-gestao-pessoas'] = global['senior-gestao-pessoas'] || {}, global['senior-gestao-pessoas']['payroll-core'] = {}), global.ng.core, global.ng.forms, global.blockui, global.progressspinner, global.ng.router, global.core$1, global.rxjs.operators, global.breadcrumb, global.ng.common, global.dropdown, global.inputmask, global.inputtext, global.shared, global.angularComponents, global.moment_, global.rxjs, global.tooltip, global.table, global.ng.common.http, global.api, global.angularComponents$1, global.ng2ImgCropper, global.button, global.dialog, global.fileupload, global.chance, global.business, global.autocomplete, global.splitbutton, global.messageservice, global.seniorPlatformData, global.toast, global.ng2CurrencyMask, global.fieldset, global.panel, global.confirmdialog, global.tabview));
+}(this, (function (exports, core, forms, blockui, progressspinner, router, core$1, operators, breadcrumb, common, dropdown, inputmask, inputtext, shared, angularComponents, moment_, rxjs, tooltip, table, http, api, angularComponents$1, ng2ImgCropper, button, dialog, fileupload, chance, business, autocomplete, splitbutton, messageservice, seniorPlatformData, toast, ng2CurrencyMask, fieldset, panel, confirmdialog, tabview) { 'use strict';
 
     business = business && business.hasOwnProperty('default') ? business['default'] : business;
 
@@ -9339,6 +9339,25 @@
             }
             return null;
         };
+        /**
+         * Retorna o CPF formatado
+         * @param cpf CPF
+         */
+        FormatUtilsService.getFormattedCpfEdited = function (cpf) {
+            if (!cpf)
+                return '';
+            cpf = cpf.replace(/\D/g, '').slice(0, 11);
+            if (cpf.length > 9) {
+                cpf = cpf.replace(/^(\d{3})(\d{3})(\d{3})(\d{2})$/, "$1.$2.$3-$4");
+            }
+            else if (cpf.length > 6) {
+                cpf = cpf.replace(/^(\d{3})(\d{3})(\d{0,3})$/, "$1.$2.$3");
+            }
+            else if (cpf.length > 3) {
+                cpf = cpf.replace(/^(\d{3})(\d{0,3})$/, "$1.$2");
+            }
+            return cpf;
+        };
         /**
          * Retorna o CNPJ formatado
          * @param cnpj CNPJ
@@ -9354,6 +9373,28 @@
             }
             return null;
         };
+        /**
+         * Retorna o CNPJ formatado
+         * @param cnpj CNPJ
+         */
+        FormatUtilsService.getFormattedCnpjEdited = function (cnpj) {
+            if (!cnpj)
+                return '';
+            cnpj = cnpj.replace(/\D/g, '').slice(0, 14);
+            if (cnpj.length > 12) {
+                cnpj = cnpj.replace(/^(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})$/, "$1.$2.$3/$4-$5");
+            }
+            else if (cnpj.length > 8) {
+                cnpj = cnpj.replace(/^(\d{2})(\d{3})(\d{3})(\d{0,4})$/, "$1.$2.$3/$4");
+            }
+            else if (cnpj.length > 5) {
+                cnpj = cnpj.replace(/^(\d{2})(\d{3})(\d{0,3})$/, "$1.$2.$3");
+            }
+            else if (cnpj.length > 2) {
+                cnpj = cnpj.replace(/^(\d{2})(\d{0,3})$/, "$1.$2");
+            }
+            return cnpj;
+        };
         /**
          * Retorna a mascara do CPF/CNPJ
          * @param key Valores possíveis são CPF ou CNPJ
@@ -9368,6 +9409,24 @@
                     return "";
             }
         };
+        /**
+         * Método para formatar o número de inscrição do cliente.
+         * @param subscriptionNumber
+         * @param pixKeyType
+         * @returns
+         */
+        FormatUtilsService.getFormattedSubscriptionNumber = function (subscriptionNumber, pixKeyType) {
+            if (!subscriptionNumber || !pixKeyType)
+                return subscriptionNumber;
+            switch (pixKeyType) {
+                case 'CNPJ':
+                    return this.getFormattedCnpjEdited(subscriptionNumber);
+                case 'CPF':
+                    return this.getFormattedCpfEdited(subscriptionNumber);
+                default:
+                    return subscriptionNumber;
+            }
+        };
         /**
         * Metódo para formatar o número de telefone.
         * @param telephoneNumber String contendo o número de telefone.
@@ -9399,6 +9458,13 @@
             }
             return tel;
         };
+        /**
+         * Metódo para formatar a porcentagem para 2 casas decimais.
+         * @param value Número a ser formatado.
+         */
+        FormatUtilsService.getFormattedPercentage = function (value) {
+            return parseFloat(value).toFixed(2).replace('.', ',') + '%';
+        };
         /**
          * Metódo para formatar o número de telefone de um campo Input.
          * @param event Evento do Input do campo de telefone.
@@ -9411,61 +9477,528 @@
             }
             event.target.value = FormatUtilsService.getFormattedTelephoneNumber(telephoneNumber);
         };
-        /**
-         * Metódo para formatar a porcentagem para 2 casas decimais.
-         * @param value Número a ser formatado.
-         */
-        FormatUtilsService.getFormattedPercentage = function (value) {
-            return parseFloat(value).toFixed(2).replace('.', ',') + '%';
+        /**
+         * Formata o campo de input de CPF em tempo real.
+         * @param event Evento do input
+         */
+        FormatUtilsService.formatCpfInputEvent = function (event) {
+            var cpf = event.target.value;
+            console.log("FormatUtilsService.formatCpfInputEvent.cpf: " + cpf);
+            // Permite apagar nos pontos sensíveis
+            if (event.keyCode === 8 && (cpf.length === 4 || cpf.length === 8 || cpf.length === 12)) {
+                return;
+            }
+            event.target.value = FormatUtilsService.getFormattedCpfEdited(cpf);
+        };
+        /**
+         * Formata o campo de input de CNPJ em tempo real.
+         * @param event Evento do input
+         */
+        FormatUtilsService.formatCnpjInputEvent = function (event) {
+            var cnpj = event.target.value;
+            console.log("FormatUtilsService.formatCnpjInputEvent.cnpj: " + cnpj);
+            // Permite apagar nos pontos sensíveis
+            if (event.keyCode === 8 && (cnpj.length === 3 || cnpj.length === 7 || cnpj.length === 11 || cnpj.length === 16)) {
+                return;
+            }
+            event.target.value = FormatUtilsService.getFormattedCnpjEdited(cnpj);
+        };
+        return FormatUtilsService;
+    }());
+
+    var SharedStateService = /** @class */ (function () {
+        function SharedStateService() {
+            this.hideFieldSubject = new rxjs.BehaviorSubject(true);
+            this.hideField$ = this.hideFieldSubject.asObservable();
+            this.showButtonSubject = new rxjs.BehaviorSubject(true);
+            this.showButton$ = this.showButtonSubject.asObservable();
+            this.saveButtonSubject = new rxjs.BehaviorSubject(true);
+            this.saveButton$ = this.saveButtonSubject.asObservable();
+            this.showEditMode = new rxjs.BehaviorSubject(true);
+            this.showEditMode$ = this.showEditMode.asObservable();
+            this.activeValidatorsOnEditModalOpen = new rxjs.Subject();
+            this.activeValidatorsOnEditModalOpen$ = this.activeValidatorsOnEditModalOpen.asObservable();
+            this.hideBtnAddForViewMode = new rxjs.BehaviorSubject(false);
+            this.hideBtnAddForViewMode$ = this.hideBtnAddForViewMode.asObservable();
+            this.activeHideOptionsOnView = new rxjs.BehaviorSubject(true);
+            this.activeHideOptionsOnView$ = this.activeHideOptionsOnView.asObservable();
+        }
+        SharedStateService.prototype.setHideField = function (value) {
+            this.hideFieldSubject.next(value);
+        };
+        SharedStateService.prototype.setShowButton = function (value) {
+            this.showButtonSubject.next(value);
+        };
+        SharedStateService.prototype.setSaveButton = function (value) {
+            this.saveButtonSubject.next(value);
+        };
+        SharedStateService.prototype.setShowEditMode = function (value) {
+            this.showEditMode.next(value);
+        };
+        SharedStateService.prototype.triggerActiveValidatorsOnEditModalOpen = function () {
+            this.activeValidatorsOnEditModalOpen.next();
+        };
+        SharedStateService.prototype.setHideBtnAddForViewMode = function (value) {
+            this.hideBtnAddForViewMode.next(value);
+        };
+        SharedStateService.prototype.resetHideField = function () {
+            this.hideFieldSubject.next(true);
+        };
+        SharedStateService.prototype.setActiveHideOptionsOnView = function (value) {
+            this.activeHideOptionsOnView.next(value);
+        };
+        SharedStateService.prototype.getActiveHideOptionsOnView = function () {
+            return this.activeHideOptionsOnView.getValue();
+        };
+        SharedStateService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function SharedStateService_Factory() { return new SharedStateService(); }, token: SharedStateService, providedIn: "root" });
+        SharedStateService = __decorate([
+            core.Injectable({
+                providedIn: 'root',
+            })
+        ], SharedStateService);
+        return SharedStateService;
+    }());
+
+    var GenericValidator = /** @class */ (function () {
+        function GenericValidator() {
+        }
+        /**
+         * Valida o CEI (Cadastro específico de INSS) digitado.
+         */
+        GenericValidator.isValidCei = function (control) {
+            var cei = control.value;
+            if (!cei)
+                return null;
+            else if (cei.length != 11)
+                return null;
+            var multiplicadorBase = "3298765432";
+            var total = 0;
+            var resto = 0;
+            var multiplicando = 0;
+            var multiplicador = 0;
+            if (cei.length !== 11 ||
+                cei === "00000000000" ||
+                cei === "11111111111" ||
+                cei === "22222222222" ||
+                cei === "33333333333" ||
+                cei === "44444444444" ||
+                cei === "55555555555" ||
+                cei === "66666666666" ||
+                cei === "77777777777" ||
+                cei === "88888888888" ||
+                cei === "99999999999")
+                return { invalidCei: true };
+            else {
+                for (var i = 0; i < 10; i++) {
+                    multiplicando = parseInt(cei.substring(i, i + 1), 10);
+                    multiplicador = parseInt(multiplicadorBase.substring(i, i + 1), 10);
+                    total += multiplicando * multiplicador;
+                }
+                resto = 11 - (total % 11);
+                resto = resto === 10 || resto === 11 ? 0 : resto;
+                var digito = parseInt("" + cei.charAt(10), 10);
+                return resto === digito ? null : { invalidCei: true };
+            }
+        };
+        /**
+         * Valida se o CPF é valido. Deve-se ser informado o cpf sem máscara.
+         */
+        GenericValidator.isValidCpf = function (control) {
+            var cpf = control.value;
+            if (cpf) {
+                var numbers = void 0, digits = void 0, sum = void 0, i = void 0, result = void 0, equalDigits = void 0;
+                equalDigits = 1;
+                if (cpf.length < 11) {
+                    return null;
+                }
+                for (i = 0; i < cpf.length - 1; i++) {
+                    if (cpf.charAt(i) !== cpf.charAt(i + 1)) {
+                        equalDigits = 0;
+                        break;
+                    }
+                }
+                if (!equalDigits) {
+                    numbers = cpf.substring(0, 9);
+                    digits = cpf.substring(9);
+                    sum = 0;
+                    for (i = 10; i > 1; i--) {
+                        sum += numbers.charAt(10 - i) * i;
+                    }
+                    result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
+                    if (result !== Number(digits.charAt(0))) {
+                        return { cpfNotValid: true };
+                    }
+                    numbers = cpf.substring(0, 10);
+                    sum = 0;
+                    for (i = 11; i > 1; i--) {
+                        sum += numbers.charAt(11 - i) * i;
+                    }
+                    result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
+                    if (result !== Number(digits.charAt(1))) {
+                        return { cpfNotValid: true };
+                    }
+                    return null;
+                }
+                else {
+                    return { cpfNotValid: true };
+                }
+            }
+            return null;
+        };
+        /**
+         * Valida se o CNPJ é valido. Deve-se ser informado o cpf sem máscara.
+         */
+        GenericValidator.isValidCnpj = function (control) {
+            var cnpj = control.value;
+            if (cnpj) {
+                var size = void 0, numbers = void 0, digits = void 0, sum = void 0, pos = void 0, result = void 0;
+                cnpj = cnpj.replace(/[^\d]+/g, '');
+                if (cnpj.length !== 14) {
+                    return null;
+                }
+                // Elimina CNPJs invalidos conhecidos
+                if (cnpj === '00000000000000' ||
+                    cnpj === '11111111111111' ||
+                    cnpj === '22222222222222' ||
+                    cnpj === '33333333333333' ||
+                    cnpj === '44444444444444' ||
+                    cnpj === '55555555555555' ||
+                    cnpj === '66666666666666' ||
+                    cnpj === '77777777777777' ||
+                    cnpj === '88888888888888' ||
+                    cnpj === '99999999999999') {
+                    return { cnpjNotValid: true };
+                }
+                // Valida DVs
+                size = cnpj.length - 2;
+                numbers = cnpj.substring(0, size);
+                digits = cnpj.substring(size);
+                sum = 0;
+                pos = size - 7;
+                for (var i = size; i >= 1; i--) {
+                    sum += numbers.charAt(size - i) * pos--;
+                    if (pos < 2) {
+                        pos = 9;
+                    }
+                }
+                result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
+                if (result !== Number(digits.charAt(0))) {
+                    return { cnpjNotValid: true };
+                }
+                size = size + 1;
+                numbers = cnpj.substring(0, size);
+                sum = 0;
+                pos = size - 7;
+                for (var i = size; i >= 1; i--) {
+                    sum += numbers.charAt(size - i) * pos--;
+                    if (pos < 2) {
+                        pos = 9;
+                    }
+                }
+                result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
+                if (result !== Number(digits.charAt(1))) {
+                    return { cnpjNotValid: true };
+                }
+                return null;
+            }
+            return null;
+        };
+        /**
+         * Válida o número de telefone da chave PIX.
+         */
+        GenericValidator.isValidPhoneNumber = function (control) {
+            var cellPhoneKey = control.value || '';
+            cellPhoneKey = cellPhoneKey.replace(/[\s()-]/g, '');
+            var regexNumberTelephone = /^[1-9][\d]{1,2}\d{8,10}$/;
+            var isValidNumberTelephone = regexNumberTelephone.test(cellPhoneKey);
+            return isValidNumberTelephone ? null : { invalidPhoneNumber: true };
+        };
+        /**
+         * Valida o email da chave PIX.
+         */
+        GenericValidator.isValidEmail = function (control) {
+            var emailKey = control.value;
+            var regexValidEmail = /^[\w-\.]+@[\w-]+(\.[\w-]{2,4}){1,2}$/;
+            var isValidEmail = regexValidEmail.test(emailKey);
+            return isValidEmail ? null : { invalidEmail: true };
+        };
+        return GenericValidator;
+    }());
+
+    var HistoricakPixAccountBase = /** @class */ (function () {
+        function HistoricakPixAccountBase(formBuilder) {
+            this._paramsForm = new forms.FormGroup({});
+            this._defaultCpfNumber = null;
+            this.initialValidatorOfPercentage = [forms.Validators.required, forms.Validators.min(0.01)];
+            this.pixAccountList = [];
+            this.maxValuePercentage = 100.0;
+            this.isShowPixKeyFieldValidatorMessage = false;
+            this.formBuilder = formBuilder;
+            this.createFormGroupBase();
+        }
+        HistoricakPixAccountBase.prototype.phoneMask = function (event) {
+            FormatUtilsService.formatTelephoneInputEvent(event);
+        };
+        HistoricakPixAccountBase.prototype.cpfMask = function (event) {
+            FormatUtilsService.formatCpfInputEvent(event);
+        };
+        HistoricakPixAccountBase.prototype.cnpjMask = function (event) {
+            FormatUtilsService.formatCnpjInputEvent(event);
+        };
+        HistoricakPixAccountBase.prototype.onChangePixKeyType = function (item, form) {
+            if (!item || !item.key)
+                return;
+            this.pixKeyType = item.key;
+            var targetForm = (typeof form !== 'undefined' && form !== null)
+                ? form
+                : this.pixAccountFormGroup;
+            this.isShowPixKeyFieldValidatorMessage = true;
+            var pixKeyControl = targetForm.get("pixKey");
+            if (pixKeyControl) {
+                pixKeyControl.reset();
+            }
+            this.setPixKeyValidators(true, targetForm);
+            if (item.key === "CPF") {
+                this.setDefaultCpfPixKey(targetForm);
+            }
+        };
+        HistoricakPixAccountBase.prototype.onClearPixKeyType = function (form) {
+            var targetForm = (typeof form !== 'undefined' && form !== null)
+                ? form
+                : this.pixAccountFormGroup;
+            this.isShowPixKeyFieldValidatorMessage = false;
+            if (targetForm.get("pixKey")) {
+                targetForm.get("pixKey").reset();
+            }
+        };
+        HistoricakPixAccountBase.prototype.setDefaultCpfPixKey = function (form) {
+            var targetForm = (typeof form !== 'undefined' && form !== null)
+                ? form
+                : this.pixAccountFormGroup;
+            if (this._defaultCpfNumber) {
+                if (targetForm.get("pixKey")) {
+                    targetForm.get("pixKey").setValue(this._defaultCpfNumber);
+                }
+            }
+            else {
+                var sheetDocument = this._paramsForm.get("sheetDocument");
+                if (sheetDocument && sheetDocument.get("cpfNumber")) {
+                    var cpf = sheetDocument.get("cpfNumber").value;
+                    if (cpf && targetForm.get("pixKey")) {
+                        targetForm.get("pixKey").setValue(cpf);
+                    }
+                }
+            }
+        };
+        HistoricakPixAccountBase.prototype.createFormGroupBase = function () {
+            this.pixAccountFormGroup = this.formBuilder.group({
+                id: this.formBuilder.control(null),
+                index: this.formBuilder.control(null),
+                employee: this.formBuilder.control({ value: { tableId: null }, disabled: true }),
+                dateChange: this.formBuilder.control(null),
+                pixKeyType: this.formBuilder.control(null, forms.Validators.required),
+                pixKey: this.formBuilder.control(null),
+                percentage: this.formBuilder.control(null, forms.Validators.compose(__spread(this.initialValidatorOfPercentage, [
+                    forms.Validators.max(this.maxValuePercentage),
+                ]))),
+                externalId: this.formBuilder.control(null),
+                customFields: this.formBuilder.control(null),
+            });
+        };
+        HistoricakPixAccountBase.prototype.setValidatorsAccordingList = function (pixAccountList, index, isEditMode, form) {
+            if (index === void 0) { index = null; }
+            if (isEditMode === void 0) { isEditMode = true; }
+            var targetForm = (typeof form !== 'undefined' && form !== null)
+                ? form
+                : this.pixAccountFormGroup;
+            this.pixAccountList = (pixAccountList && pixAccountList.length > 0)
+                ? [].concat(pixAccountList)
+                : [];
+            var percentageIncluded = [];
+            for (var i = 0; i < this.pixAccountList.length; i++) {
+                var field = this.pixAccountList[i];
+                if (field && field.percentage && i !== index) {
+                    percentageIncluded.push(field.percentage);
+                }
+            }
+            this.beforeSetPixKeyTypeValidator(targetForm);
+            this.setPixKeyValidators(isEditMode, targetForm);
+            this.validatePercentageValid(percentageIncluded, targetForm);
+        };
+        HistoricakPixAccountBase.prototype.beforeSetPixKeyTypeValidator = function (form) {
+            var control = form.get("pixKeyType");
+            if (this.pixAccountList && this.pixAccountList.length) {
+                control.setValidators(forms.Validators.compose([
+                    forms.Validators.required,
+                    this.validateDuplicatePixKeyTypeBankAccount(this.pixAccountList),
+                ]));
+            }
+            else {
+                control.setValidators(forms.Validators.required);
+            }
+            control.updateValueAndValidity();
+        };
+        HistoricakPixAccountBase.prototype.setPixKeyValidators = function (isEditMode, form) {
+            var pixKey = form.get("pixKey");
+            switch (this.pixKeyType) {
+                case "TELEPHONE":
+                    pixKey.setValidators(forms.Validators.compose([forms.Validators.required, GenericValidator.isValidPhoneNumber]));
+                    break;
+                case "EMAIL":
+                    pixKey.setValidators(forms.Validators.compose([forms.Validators.required, GenericValidator.isValidEmail]));
+                    break;
+                case "CPF":
+                    pixKey.setValidators(forms.Validators.compose([forms.Validators.required, GenericValidator.isValidCpf]));
+                    break;
+                case "CNPJ":
+                    pixKey.setValidators(forms.Validators.compose([forms.Validators.required, GenericValidator.isValidCnpj]));
+                    break;
+                case "RANDOM_KEY":
+                    pixKey.setValidators(forms.Validators.required);
+                    break;
+                case "BANK_ACCOUNT":
+                    pixKey.clearValidators();
+                    pixKey.setValue('');
+                    break;
+                default:
+                    pixKey.clearValidators();
+            }
+            if (this.pixKeyType === "BANK_ACCOUNT") {
+                pixKey.disable();
+            }
+            else if (isEditMode) {
+                pixKey.enable();
+            }
+            pixKey.updateValueAndValidity();
+        };
+        HistoricakPixAccountBase.prototype.validatePercentageValid = function (listValue, form) {
+            var percentage = form.get("percentage");
+            this.maxValuePercentage = listValue.reduce(function (acc, val) { return acc - val; }, 100.0);
+            percentage.setValidators(forms.Validators.compose(__spread(this.initialValidatorOfPercentage, [
+                forms.Validators.max(this.maxValuePercentage),
+            ])));
+            percentage.updateValueAndValidity();
+        };
+        HistoricakPixAccountBase.prototype.validateDuplicatePixKeyTypeBankAccount = function (listCompare) {
+            return function (control) {
+                var value = control.value;
+                var isDuplicate = listCompare.some(function (field) {
+                    return value &&
+                        field.pixKeyType.key === "BANK_ACCOUNT" &&
+                        value.key === "BANK_ACCOUNT";
+                });
+                return isDuplicate ? { pixKeyTypeBankAccountDuplicate: true } : null;
+            };
+        };
+        Object.defineProperty(HistoricakPixAccountBase.prototype, "paramsForm", {
+            get: function () {
+                return this._paramsForm;
+            },
+            set: function (value) {
+                this._paramsForm = value;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricakPixAccountBase.prototype, "defaultCpfNumber", {
+            get: function () {
+                return this._defaultCpfNumber;
+            },
+            set: function (value) {
+                this._defaultCpfNumber = value;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return HistoricakPixAccountBase;
+    }());
+
+    var HistoricalPixAccountService = /** @class */ (function () {
+        function HistoricalPixAccountService(http) {
+            this.http = http;
+        }
+        HistoricalPixAccountService.prototype.query = function (path, body, service) {
+            if (service === void 0) { service = exports.ServiceType.PAYROLL; }
+            return this.http.query(path, body, service);
+        };
+        HistoricalPixAccountService.prototype.enumQuery = function () {
+            var path = 'enumQuery';
+            var body = {
+                names: ['PixKeyType']
+            };
+            return this.http.query(path, body, exports.ServiceType.PAYROLL);
         };
-        return FormatUtilsService;
+        HistoricalPixAccountService.ctorParameters = function () { return [
+            { type: HttpClientService }
+        ]; };
+        HistoricalPixAccountService = __decorate([
+            core.Injectable()
+        ], HistoricalPixAccountService);
+        return HistoricalPixAccountService;
     }());
 
-    var HistoricalPixAccountComponent = /** @class */ (function () {
-        function HistoricalPixAccountComponent(translateService, cd, formBuilder, messageService) {
-            var _this = this;
-            this.translateService = translateService;
-            this.cd = cd;
-            this.formBuilder = formBuilder;
-            this.messageService = messageService;
-            this.recordByRow = 1;
-            this.showDateChange = false;
-            this.isEditMode = false;
-            this.isViewMode = false;
-            this.withSideBar = true;
-            this.defaultCpfNumber = null;
-            this.listDataReciever = [];
-            this.isViewModeActive = new core.EventEmitter();
-            this.isEditModeActive = new core.EventEmitter();
-            this.isDeleteModeActive = new core.EventEmitter();
-            this.listFromApp = [];
-            this.visibleChange = new core.EventEmitter();
-            this.ngUnsubscribe = new rxjs.Subject();
-            this.orderBy = {
+    var HistoricalPixAccountComponent = /** @class */ (function (_super) {
+        __extends(HistoricalPixAccountComponent, _super);
+        function HistoricalPixAccountComponent(translateService, cd, formBuilder, sharedStateService, service) {
+            var _this = _super.call(this, formBuilder) || this;
+            _this.translateService = translateService;
+            _this.cd = cd;
+            _this.sharedStateService = sharedStateService;
+            _this.service = service;
+            _this.recordByRow = 1;
+            _this.showDateChange = false;
+            _this.isEditMode = false;
+            _this.isViewMode = false;
+            _this.withSideBar = true;
+            _this.listDataReciever = [];
+            _this.addExistentHistoricData = [];
+            _this.getListPixAccount = [];
+            _this.isEditModeForSave = false;
+            _this.showField = false;
+            _this.hideBtnAddForViewMode = false;
+            _this.showButtonView = true;
+            _this.isViewModeActive = new core.EventEmitter();
+            _this.isEditModeActive = new core.EventEmitter();
+            _this.isDeleteModeActive = new core.EventEmitter();
+            _this.isValidChangeForm = new core.EventEmitter();
+            _this.listFromApp = [];
+            _this.visibleChange = new core.EventEmitter();
+            _this.ngUnsubscribe = new rxjs.Subject();
+            _this.orderBy = {
                 field: "dateChange",
                 direction: exports.DirectionEnumeration.DESC,
             };
-            this.pixAccountItemInput = {};
-            this.totalRecords = 0;
-            this.actionLabel = this.translateService.instant("hcm.payroll.entries_query_actions_total_title");
-            this.loading = true;
-            this.listData = [];
-            this.listDataNoPage = [];
-            this.cols = [
+            _this.pixAccountItemInput = {};
+            _this.totalRecords = 0;
+            _this.actionLabel = _this.translateService.instant("hcm.payroll.entries_query_actions_total_title");
+            _this.loading = true;
+            _this.listData = [];
+            _this.listDataNoPage = [];
+            _this.showEditMode = false;
+            _this.hasRecordsPix = true;
+            _this.hideFields = _this.sharedStateService.hideField$;
+            _this.suggestions = [];
+            _this.formGroupByRow = {};
+            _this.isSyncingPercentage = false;
+            _this.cols = [
                 {
-                    label: this.translateService.instant("hcm.payroll.employees_addition_pix_key_type"),
+                    label: _this.translateService.instant("hcm.payroll.employees_addition_pix_key_type"),
                     field: "pixKeyType",
                 },
                 {
-                    label: this.translateService.instant("hcm.payroll.employees_addition_pix_key"),
+                    label: _this.translateService.instant("hcm.payroll.employees_addition_pix_key"),
                     field: "pixKey",
                 },
                 {
-                    label: this.translateService.instant("hcm.payroll.historical_pix_account_label_percentage"),
+                    label: _this.translateService.instant("hcm.payroll.historical_pix_account_label_percentage"),
                     field: "percentage",
                 },
+                {
+                    label: _this.translateService.instant("hcm.payroll.movimentation_generic_action"),
+                    field: "actions",
+                }
             ];
-            this.actions = function (rowData, key) {
+            _this.actions = function (rowData, key) {
                 if (rowData === void 0) { rowData = {}; }
                 return [
                     {
@@ -9502,7 +10035,7 @@
                         },
                     },
                     {
-                        visible: !_this.isEditMode,
+                        visible: !_this.isEditMode || _this.showEditMode,
                         label: _this.translateService.instant("hcm.payroll.delete"),
                         command: function () {
                             if (_this.isAllowToDeleteHistorical) {
@@ -9520,15 +10053,49 @@
                     },
                 ];
             };
-            this.createFormGroup();
+            _this.createFormGroup();
+            return _this;
         }
         HistoricalPixAccountComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.showFields = this.showField;
             this.formGroup.setControl(this.fieldFormGroup, this.historicalPixAccountList);
+            this.sharedStateService.showEditMode$.subscribe(function (value) {
+                _this.showEditMode = value;
+                _this.isEditModeForSave = value;
+            });
+            this.sharedStateService.activeHideOptionsOnView$.subscribe(function (value) {
+                if (value) {
+                    _this.showButtonView = false;
+                }
+            });
+            this.sharedStateService.activeValidatorsOnEditModalOpen$
+                .subscribe(function () {
+                Object.values(_this.formGroupByRow).forEach(function (fg) {
+                    Object.values(fg.controls).forEach(function (control) {
+                        control.markAsTouched();
+                        control.updateValueAndValidity();
+                    });
+                });
+                _this.emitFormValidity();
+            });
+            this.resetFormState();
         };
         HistoricalPixAccountComponent.prototype.ngOnChanges = function (changes) {
             if (changes['listDataReciever'] && changes['listDataReciever'].currentValue) {
                 this.listFromApp = changes['listDataReciever'].currentValue;
             }
+            if (changes['addExistentHistoricData'] && changes['addExistentHistoricData'].currentValue) {
+                this.getHistoricalPixAccountList();
+            }
+            if (changes['addExistentHistoricData'] && changes['addExistentHistoricData'].currentValue) {
+                var newData = changes['addExistentHistoricData'].currentValue;
+                this.rebuildFormGroupMap(newData);
+            }
+            if (changes['isEditMode']) {
+                this.isEditMode = changes['isEditMode'].currentValue;
+                this.cd.detectChanges();
+            }
         };
         HistoricalPixAccountComponent.prototype.createFormGroup = function () {
             this.historicalPixAccountList = this.formBuilder.group({
@@ -9542,6 +10109,122 @@
         HistoricalPixAccountComponent.prototype.ngAfterViewInit = function () {
             this.cd.detectChanges();
         };
+        HistoricalPixAccountComponent.prototype.emitFormValidity = function () {
+            if (!this.formGroupByRow || Object.keys(this.formGroupByRow).length === 0) {
+                this.isValidChangeForm.emit(false);
+                return;
+            }
+            var allValid = true;
+            Object.values(this.formGroupByRow).forEach(function (fg) {
+                // Verifica cada controle individualmente
+                Object.keys(fg.controls).forEach(function (key) {
+                    var control = fg.get(key);
+                    // Verifica se o controle é obrigatório e está vazio
+                    if (control.validator && control.validator({})) {
+                        var validatorFn = control.validator({});
+                        if (validatorFn && validatorFn.required && !control.value) {
+                            allValid = false;
+                        }
+                    }
+                    // Verifica se o controle tem erros
+                    if (control.errors) {
+                        allValid = false;
+                    }
+                });
+                fg.updateValueAndValidity();
+                if (!fg.valid) {
+                    allValid = false;
+                }
+            });
+            this.isValidChangeForm.emit(allValid);
+        };
+        HistoricalPixAccountComponent.prototype.filterPixKeyType = function (event) {
+            var _this = this;
+            var query = event.query;
+            this.service.enumQuery().subscribe(function (response) {
+                var pixKeyTypeEnum = response.results.find(function (result) { return result.enumName === 'PixKeyType'; });
+                if (pixKeyTypeEnum) {
+                    _this.suggestions = pixKeyTypeEnum.items.filter(function (item) {
+                        return item.value.toLowerCase().includes(query.toLowerCase());
+                    });
+                }
+                else {
+                    _this.suggestions = [];
+                }
+            });
+        };
+        HistoricalPixAccountComponent.prototype.createPixRowFormGroup = function () {
+            return this.formBuilder.group({
+                id: [null],
+                pixKeyType: [null, forms.Validators.required],
+                pixKey: [null],
+                percentage: [0, forms.Validators.compose(__spread(this.initialValidatorOfPercentage, [
+                        forms.Validators.max(this.maxValuePercentage),
+                    ]))],
+                externalId: [null],
+            });
+        };
+        /**
+         * Sincroniza todos os dados do NgModel para os FormGroups antes de enviar ao componente pai
+         */
+        HistoricalPixAccountComponent.prototype.syncPixDataToParentForm = function () {
+            this.syncAllModelToForm();
+            var historicalPix = __spread(this.addExistentHistoricData);
+            this.historicalPixAccountList.get("historicalPixAccountList").setValue(historicalPix);
+            if (this.formGroup) {
+                this.formGroup.get(this.fieldFormGroup).patchValue({
+                    historicalPixAccountList: historicalPix
+                });
+            }
+        };
+        HistoricalPixAccountComponent.prototype.syncResetPixFormToParent = function () {
+            this.formGroupByRow = {};
+            this.historicalPixAccountList.reset();
+            this.historicalPixAccountList.get('historicalPixAccountList').setValue([]);
+            if (this.addExistentHistoricData.length) {
+                this.rebuildFormGroupMap(this.addExistentHistoricData);
+            }
+        };
+        /**
+         * Valida todos os formulários
+         */
+        HistoricalPixAccountComponent.prototype.validateAllForms = function () {
+            var _this = this;
+            this.forceCloseAllCellEditors();
+            this.syncAllModelToForm();
+            if (!this.formGroupByRow || Object.keys(this.formGroupByRow).length === 0) {
+                return true;
+            }
+            var isAllValid = true;
+            Object.keys(this.formGroupByRow).forEach(function (indexKey) {
+                var index = Number(indexKey);
+                var form = _this.formGroupByRow[index];
+                if (form) {
+                    Object.keys(form.controls).forEach(function (controlName) {
+                        var control = form.get(controlName);
+                        control.markAsTouched();
+                        if (controlName === 'pixKey') {
+                            var pixKeyTypeControl = form.get('pixKeyType');
+                            if (pixKeyTypeControl.value) {
+                                _this.validateDocumentField(index, pixKeyTypeControl.value.key);
+                            }
+                        }
+                    });
+                    form.updateValueAndValidity();
+                    if (form.invalid) {
+                        isAllValid = false;
+                    }
+                }
+            });
+            if (isAllValid && this.addExistentHistoricData && this.addExistentHistoricData.length > 0) {
+                var totalPercentage = this.addExistentHistoricData.reduce(function (sum, item) { return sum + (parseFloat(item.percentage) || 0); }, 0);
+                if (Math.abs(totalPercentage - 100) > 0.01) {
+                    isAllValid = false;
+                }
+            }
+            this.isValidChangeForm.emit(isAllValid);
+            return isAllValid;
+        };
         HistoricalPixAccountComponent.prototype.onLazyLoad = function (event) {
             var _this = this;
             var first = event && event.first ? event.first : 0;
@@ -9569,6 +10252,7 @@
                 this.refreshCssInIE11();
             }
             this.loading = false;
+            this.cd.detectChanges();
         };
         /**
          * Um Bug de CSS que acontece nas linhas da tabela, que resolve só atualizando qualquer parte do CSS da pagina.
@@ -9586,12 +10270,86 @@
             this.pixAccountItemInput = {};
             this.visible = true;
         };
-        HistoricalPixAccountComponent.prototype.isNotAllowMessage = function () {
-            this.messageService.add({
-                severity: "error",
-                summary: this.translateService.instant("hcm.payroll.error"),
-                detail: this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
+        HistoricalPixAccountComponent.prototype.addPix = function () {
+            var newItem = {
+                id: null,
+                pixKeyType: {},
+                pixKey: '',
+                percentage: '',
+                externalId: '',
+            };
+            var index = this.addExistentHistoricData.length;
+            this.addExistentHistoricData = __spread(this.addExistentHistoricData, [
+                newItem
+            ]);
+            this.formGroupByRow[index] = this.createPixRowFormGroup();
+            this.setValidatorsAccordingList(this.addExistentHistoricData, index, true);
+            this.emitFormValidity();
+        };
+        HistoricalPixAccountComponent.prototype.deletePix = function (index) {
+            var _this = this;
+            if (this.dataListPix.editingCell) {
+                this.dataListPix.editingCell = null;
+            }
+            this.addExistentHistoricData = this.addExistentHistoricData.filter(function (_, i) { return i !== index; });
+            var currentList = this.historicalPixAccountList.get("historicalPixAccountList").value || [];
+            var updatedList = currentList.filter(function (_, i) { return i !== index; });
+            this.historicalPixAccountList.get("historicalPixAccountList").setValue(updatedList);
+            if (this.formGroup) {
+                this.formGroup.get(this.fieldFormGroup).patchValue({
+                    historicalPixAccountList: updatedList
+                });
+            }
+            this.rebuildFormGroupMap(this.addExistentHistoricData);
+            this.addExistentHistoricData.forEach(function (_, i) {
+                if (_this.formGroupByRow[i]) {
+                    var allValues = _this.addExistentHistoricData
+                        .map(function (item, idx) { return idx === i ? 0 : (parseFloat(item.percentage) || 0); });
+                    _this.validatePercentageValid(allValues, _this.formGroupByRow[i]);
+                }
             });
+            this.emitFormValidity();
+        };
+        HistoricalPixAccountComponent.prototype.rebuildFormGroupMap = function (data) {
+            var _this = this;
+            this.formGroupByRow = {};
+            data.forEach(function (item, index) {
+                var form = _this.createPixRowFormGroup();
+                var pixKeyType = item.pixKeyType.key;
+                var pixKeyRaw = item.pixKey;
+                if (pixKeyType === 'CPF' || pixKeyType === 'CNPJ') {
+                    item.pixKey = FormatUtilsService.getFormattedSubscriptionNumber(pixKeyRaw, pixKeyType);
+                }
+                if (pixKeyType === 'TELEPHONE') {
+                    item.pixKey = FormatUtilsService.getFormattedTelephoneNumber(pixKeyRaw);
+                }
+                form.patchValue(item);
+                _this.formGroupByRow[index] = form;
+                _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();
+        };
+        HistoricalPixAccountComponent.prototype.onPixKeyTypeChange = function (item, index) {
+            var _this = this;
+            var form = this.formGroupByRow[index];
+            this.onChangePixKeyType(item, form);
+            this.addExistentHistoricData[index].pixKey = '';
+            setTimeout(function () {
+                if (_this.dataListPix.editingCell) {
+                    _this.dataListPix.editingCell = null;
+                }
+            });
+            this.cd.detectChanges();
+        };
+        HistoricalPixAccountComponent.prototype.onPixKeyTypeClear = function (index) {
+            var form = this.formGroupByRow[index];
+            this.onClearPixKeyType(form);
         };
         HistoricalPixAccountComponent.prototype.deleteAnnuityItem = function (index) {
             var newlist = __spread(this.getHistoricalPixAccountList());
@@ -9624,6 +10382,7 @@
                 }
                 $event["dateChange"] = this.dateChange;
                 newDataList.push($event);
+                this.addExistentHistoricData.push(__assign({}, $event));
             }
             this.historicalPixAccountList.get("historicalPixAccountList").setValue(newDataList);
             this.verifyTotalPercentage();
@@ -9653,6 +10412,368 @@
                 this.msgTotalLimitByPercentage = null;
             }
         };
+        HistoricalPixAccountComponent.prototype.formatPercentage = function (value) {
+            if (value == null || value === '' || isNaN(Number(value))) {
+                return '0.00';
+            }
+            return Number(value).toFixed(2);
+        };
+        HistoricalPixAccountComponent.prototype.onSyncValue = function (field, index) {
+            var _this = this;
+            if (this.formGroupByRow &&
+                this.formGroupByRow[index] &&
+                this.formGroupByRow[index].get(field)) {
+                var control = this.formGroupByRow[index].get(field);
+                var value = control.value;
+                this.addExistentHistoricData[index][field] = value;
+                control.markAsDirty();
+                control.markAsTouched();
+                if (field === 'percentage') {
+                    var currentList = this.addExistentHistoricData
+                        .map(function (item, i) { return i === index ? 0 : (parseFloat(item.percentage) || 0); });
+                    this.validatePercentageValid(currentList, this.formGroupByRow[index]);
+                    if (!this.isSyncingPercentage) {
+                        this.isSyncingPercentage = true;
+                        setTimeout(function () {
+                            _this.syncPixDataToParentForm();
+                            _this.isSyncingPercentage = false;
+                        }, 0);
+                    }
+                }
+                control.updateValueAndValidity();
+                this.formGroupByRow[index].updateValueAndValidity();
+                this.emitFormValidity();
+            }
+        };
+        HistoricalPixAccountComponent.prototype.close = function () {
+            this.visible = false;
+        };
+        HistoricalPixAccountComponent.prototype.getFormattedTelephoneNumber = function (telephoneNumber) {
+            return FormatUtilsService.getFormattedTelephoneNumber(telephoneNumber);
+        };
+        HistoricalPixAccountComponent.prototype.getFormattedCpf = function (cpf) {
+            return FormatUtilsService.getFormattedCpf(cpf);
+        };
+        HistoricalPixAccountComponent.prototype.getFormattedCnpj = function (cnpj) {
+            return FormatUtilsService.getFormattedCnpj(cnpj);
+        };
+        HistoricalPixAccountComponent.prototype.getFormattedPercentage = function (value) {
+            return FormatUtilsService.getFormattedPercentage(value);
+        };
+        /**
+         * Reseta completamente o estado do formulário e controles
+         */
+        HistoricalPixAccountComponent.prototype.resetFormState = function () {
+            if (this.formGroupByRow) {
+                Object.values(this.formGroupByRow).forEach(function (form) {
+                    if (form) {
+                        Object.keys(form.controls).forEach(function (controlName) {
+                            var control = form.get(controlName);
+                            if (control) {
+                                control.setErrors(null);
+                                control.markAsUntouched();
+                                control.markAsPristine();
+                            }
+                        });
+                        form.updateValueAndValidity();
+                    }
+                });
+            }
+            if (this.dataListPix) {
+                if (typeof this.dataListPix.closeAllCellEditors === 'function') {
+                    try {
+                        this.dataListPix.closeAllCellEditors();
+                    }
+                    catch (e) {
+                        console.error('Erro ao tentar fechar cell editors:', e);
+                    }
+                }
+                else if (this.dataListPix.editingCell) {
+                    this.dataListPix.editingCell = null;
+                }
+                if (this.dataListPix.editing !== undefined) {
+                    this.dataListPix.editing = false;
+                }
+            }
+            this.cd.detectChanges();
+        };
+        /**
+         * Formata a chave PIX para exibição baseada no tipo
+         */
+        HistoricalPixAccountComponent.prototype.getFormattedPixKey = function (pixKeyType, pixKey) {
+            if (!pixKey)
+                return '';
+            switch (pixKeyType) {
+                case 'CPF':
+                    return FormatUtilsService.getFormattedCpf(pixKey);
+                case 'CNPJ':
+                    return FormatUtilsService.getFormattedCnpj(pixKey);
+                case 'TELEPHONE':
+                    return FormatUtilsService.getFormattedTelephoneNumber(pixKey);
+                case 'EMAIL':
+                case 'RANDOM_KEY':
+                default:
+                    return pixKey;
+            }
+        };
+        /**
+         * Obtém o tipo de chave PIX do item atual
+         */
+        HistoricalPixAccountComponent.prototype.getPixKeyType = function (item) {
+            return item && item.pixKeyType && item.pixKeyType.key || '';
+        };
+        /**
+        * Verifica se um controle está inválido para os campos editáveis
+        */
+        HistoricalPixAccountComponent.prototype.isInvalid = function (index, controlName) {
+            var form = this.formGroupByRow[index];
+            if (!form)
+                return false;
+            var control = form.get(controlName);
+            if (!control)
+                return false;
+            return control.invalid && (control.touched || control.dirty);
+        };
+        /**
+         * Método chamado quando uma célula entra no modo de edição
+         */
+        HistoricalPixAccountComponent.prototype.onCellEditInit = function (event) {
+            var rowIndex = this.addExistentHistoricData.findIndex(function (item) { return item === event.data; });
+            if (rowIndex < 0)
+                return;
+            var form = this.formGroupByRow[rowIndex];
+            if (form && form.get('pixKey')) {
+                var pixKeyControl = form.get('pixKey');
+                var currentValue = this.addExistentHistoricData[rowIndex].pixKey;
+                pixKeyControl.setValue(currentValue);
+            }
+        };
+        /**
+         * Recupera o FormControl específico para um campo em determinado índice
+         */
+        HistoricalPixAccountComponent.prototype.getFormControl = function (index, controlName) {
+            var form = this.formGroupByRow[index];
+            if (!form)
+                return null;
+            return form.get(controlName);
+        };
+        /**
+         * Valida campos de documento (CPF, CNPJ) quando o usuário termina de digitar no form de edição
+         */
+        HistoricalPixAccountComponent.prototype.validateDocumentField = function (index, fieldType) {
+            var _a;
+            var form = this.formGroupByRow[index];
+            var item = this.addExistentHistoricData[index];
+            if (!form || !item)
+                return;
+            var pixKeyControl = form.get('pixKey');
+            if (!pixKeyControl)
+                return;
+            var value = item.pixKey;
+            pixKeyControl.setValue(value);
+            if (fieldType === 'CPF' || fieldType === 'CNPJ' || fieldType === 'TELEPHONE') {
+                value = value ? value.toString().replace(/\D/g, '') : '';
+                item.pixKey = value;
+                pixKeyControl.setValue(value);
+            }
+            if (!value || value.toString().trim() === '') {
+                pixKeyControl.setErrors({ required: true });
+                pixKeyControl.markAsTouched();
+                form.updateValueAndValidity();
+                this.emitFormValidity();
+                return;
+            }
+            var cleanValue = value;
+            if (fieldType === 'CPF' || fieldType === 'CNPJ') {
+                cleanValue = value.toString().replace(/\D/g, '');
+                item.pixKey = cleanValue;
+                pixKeyControl.setValue(cleanValue);
+            }
+            var isValid = false;
+            switch (fieldType) {
+                case 'CPF':
+                    isValid = cleanValue.length === 11 && GenericValidator.isValidCpf({ value: cleanValue }) === null;
+                    break;
+                case 'CNPJ':
+                    isValid = cleanValue.length === 14 && GenericValidator.isValidCnpj({ value: cleanValue }) === null;
+                    break;
+                case 'TELEPHONE':
+                    cleanValue = value.toString().replace(/\D/g, '');
+                    isValid = GenericValidator.isValidPhoneNumber({ value: cleanValue }) === null;
+                    break;
+                case 'EMAIL':
+                    isValid = GenericValidator.isValidEmail({ value: value }) === null;
+                    break;
+                case 'RANDOM_KEY':
+                    isValid = true;
+                    break;
+                default:
+                    isValid = true;
+            }
+            pixKeyControl.markAsTouched();
+            if (isValid) {
+                pixKeyControl.setErrors(null);
+            }
+            else {
+                var errorType = this.getErrorTypeForField(fieldType);
+                pixKeyControl.setErrors((_a = {}, _a[errorType] = true, _a));
+            }
+            form.updateValueAndValidity();
+            this.emitFormValidity();
+            this.cd.detectChanges();
+        };
+        /**
+         * Obtém o tipo de erro para cada tipo de campo editável
+         */
+        HistoricalPixAccountComponent.prototype.getErrorTypeForField = function (fieldType) {
+            switch (fieldType) {
+                case 'CPF': return 'invalidCpf';
+                case 'CNPJ': return 'invalidCnpj';
+                case 'TELEPHONE': return 'invalidPhoneNumber';
+                case 'EMAIL': return 'invalidEmail';
+                default: return 'required';
+            }
+        };
+        /**
+         * Retorna a mensagem de erro apropriada para um campo
+         */
+        HistoricalPixAccountComponent.prototype.getErrorMessage = function (index, controlName) {
+            var form = this.formGroupByRow[index];
+            if (!form)
+                return '';
+            var control = form.get(controlName);
+            if (!control || !control.errors)
+                return '';
+            var fieldValue = control.value || '';
+            if (control.hasError('required')) {
+                return this.translateService.instant('hcm.payroll.required');
+            }
+            if (control.hasError('invalidCpf')) {
+                return this.translateService.instant('hcm.payroll.employees_addition_cpf_error');
+            }
+            else if (control.hasError('invalidCnpj')) {
+                return this.translateService.instant('hcm.payroll.employees_addition_cnpj_error');
+            }
+            else if (control.hasError('invalidEmail')) {
+                return this.translateService.instant('hcm.payroll.employees_addition_email_invalid');
+            }
+            else if (control.hasError('invalidPhoneNumber')) {
+                return this.translateService.instant('hcm.payroll.employees_addition_invalid_phone_number', { value: fieldValue });
+            }
+            return '';
+        };
+        /**
+         * Tratamento ao perder o foco em campos de documento
+         */
+        HistoricalPixAccountComponent.prototype.onDocumentBlur = function (index) {
+            var form = this.formGroupByRow[index];
+            var item = this.addExistentHistoricData[index];
+            if (!form || !item)
+                return;
+            var pixKeyControl = form.get('pixKey');
+            var pixKeyTypeControl = form.get('pixKeyType');
+            if (!pixKeyControl || !pixKeyTypeControl.value)
+                return;
+            var pixKeyType = pixKeyTypeControl.value.key;
+            var value = item.pixKey;
+            if (pixKeyType === 'CPF' || pixKeyType === 'CNPJ' || pixKeyType === 'TELEPHONE') {
+                value = value ? value.toString().replace(/\D/g, '') : '';
+                item.pixKey = value;
+            }
+            pixKeyControl.setValue(value);
+            this.validateDocumentField(index, pixKeyType);
+            if (value) {
+                if (pixKeyType === 'CPF') {
+                    item.pixKeyFormatted = FormatUtilsService.getFormattedCpf(value);
+                }
+                else if (pixKeyType === 'CNPJ') {
+                    item.pixKeyFormatted = FormatUtilsService.getFormattedCnpj(value);
+                }
+                else if (pixKeyType === 'TELEPHONE') {
+                    item.pixKeyFormatted = FormatUtilsService.getFormattedTelephoneNumber(value);
+                }
+                else {
+                    item.pixKeyFormatted = value;
+                }
+            }
+            this.finishEditing();
+        };
+        HistoricalPixAccountComponent.prototype.finishEditing = function () {
+            this.syncAllModelToForm();
+            this.cd.detectChanges();
+        };
+        HistoricalPixAccountComponent.prototype.clearErrorsTemporarily = function (rowIndex) {
+            var form = this.formGroupByRow[rowIndex];
+            if (form && form.get('pixKey')) {
+                var currentValue = form.get('pixKey').value;
+                form.get('pixKey').setErrors(null);
+                form.get('pixKey').setValue(currentValue);
+            }
+        };
+        HistoricalPixAccountComponent.prototype.closeEditModeManually = function () {
+            var _this = this;
+            setTimeout(function () {
+                if (_this.dataListPix) {
+                    if (typeof _this.dataListPix.closeAllCellEditors === 'function') {
+                        _this.dataListPix.closeAllCellEditors();
+                    }
+                    else if (_this.dataListPix.editingCell) {
+                        _this.dataListPix.editingCell = null;
+                    }
+                    _this.cd.detectChanges();
+                }
+            }, 100);
+        };
+        HistoricalPixAccountComponent.prototype.syncAllModelToForm = function () {
+            var _this = this;
+            if (!this.addExistentHistoricData || !this.formGroupByRow)
+                return;
+            this.addExistentHistoricData.forEach(function (item, index) {
+                var form = _this.formGroupByRow[index];
+                if (form) {
+                    Object.keys(form.controls).forEach(function (controlName) {
+                        var control = form.get(controlName);
+                        if (control && item[controlName] !== undefined) {
+                            control.setValue(item[controlName]);
+                        }
+                    });
+                    var pixKeyTypeControl = form.get('pixKeyType');
+                    if (pixKeyTypeControl.value) {
+                        _this.validateDocumentField(index, pixKeyTypeControl.value.key);
+                    }
+                }
+            });
+        };
+        /**
+        * Método para forçar o fechamento de todas as células em edição
+        */
+        HistoricalPixAccountComponent.prototype.forceCloseAllCellEditors = function () {
+            this.finishEditing();
+            this.syncAllModelToForm();
+        };
+        HistoricalPixAccountComponent.prototype.isPixKeyType = function (item, type) {
+            return item && item.pixKeyType && item.pixKeyType.key === type;
+        };
+        HistoricalPixAccountComponent.prototype.getPixKey = function (rowData) {
+            return rowData ? rowData.pixKey : null;
+        };
+        HistoricalPixAccountComponent.prototype.setPixKey = function (rowData, value) {
+            if (rowData) {
+                rowData.pixKey = value;
+            }
+        };
+        Object.defineProperty(HistoricalPixAccountComponent.prototype, "isTotalPercentage100", {
+            get: function () {
+                if (!this.addExistentHistoricData || this.addExistentHistoricData.length === 0) {
+                    return false;
+                }
+                var totalPercentage = this.addExistentHistoricData
+                    .reduce(function (sum, item) { return sum + (parseFloat(item.percentage) || 0); }, 0);
+                return totalPercentage >= 100;
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(HistoricalPixAccountComponent.prototype, "scopedActions", {
             get: function () {
                 return this.actions.bind(this);
@@ -9662,7 +10783,8 @@
         });
         Object.defineProperty(HistoricalPixAccountComponent.prototype, "recordsMessage", {
             get: function () {
-                return (this.totalRecords || 0) + " " + (this.totalRecords === 1 ? this.translateService.instant("hcm.payroll.admission_register") : this.translateService.instant("hcm.payroll.admission_registers"));
+                return (this.totalRecords || 0) + " " + (this.totalRecords === 1 ?
+                    this.translateService.instant("hcm.payroll.admission_register") : this.translateService.instant("hcm.payroll.admission_registers"));
             },
             enumerable: true,
             configurable: true
@@ -9723,21 +10845,20 @@
             enumerable: true,
             configurable: true
         });
-        HistoricalPixAccountComponent.prototype.close = function () {
-            this.visible = false;
-        };
-        HistoricalPixAccountComponent.prototype.getFormattedTelephoneNumber = function (telephoneNumber) {
-            return FormatUtilsService.getFormattedTelephoneNumber(telephoneNumber);
-        };
-        HistoricalPixAccountComponent.prototype.getFormattedCpf = function (cpf) {
-            return FormatUtilsService.getFormattedCpf(cpf);
-        };
-        HistoricalPixAccountComponent.prototype.getFormattedCnpj = function (cnpj) {
-            return FormatUtilsService.getFormattedCnpj(cnpj);
-        };
-        HistoricalPixAccountComponent.prototype.getFormattedPercentage = function (value) {
-            return FormatUtilsService.getFormattedPercentage(value);
-        };
+        Object.defineProperty(HistoricalPixAccountComponent.prototype, "paramsForm", {
+            set: function (value) {
+                this._paramsForm = value;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricalPixAccountComponent.prototype, "defaultCpfNumber", {
+            set: function (value) {
+                this._defaultCpfNumber = value;
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(HistoricalPixAccountComponent.prototype, "isAllowToAddHistorical", {
             get: function () {
                 return (this.permission["incluir"]);
@@ -9770,11 +10891,15 @@
             { type: core$1.TranslateService },
             { type: core.ChangeDetectorRef },
             { type: forms.FormBuilder },
-            { type: api.MessageService }
+            { type: SharedStateService },
+            { type: HistoricalPixAccountService }
         ]; };
         __decorate([
             core.ViewChild(angularComponents.CustomFieldsComponent, { static: false })
         ], HistoricalPixAccountComponent.prototype, "customFields", void 0);
+        __decorate([
+            core.ViewChild('dataListPix', { static: false })
+        ], HistoricalPixAccountComponent.prototype, "dataListPix", void 0);
         __decorate([
             core.Input()
         ], HistoricalPixAccountComponent.prototype, "formGroup", void 0);
@@ -9809,243 +10934,97 @@
             core.Input()
         ], HistoricalPixAccountComponent.prototype, "customEntity", void 0);
         __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "customService", void 0);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "withSideBar", void 0);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "paramsForm", void 0);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "defaultCpfNumber", void 0);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "permission", void 0);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "listDataReciever", void 0);
-        __decorate([
-            core.Output()
-        ], HistoricalPixAccountComponent.prototype, "isViewModeActive", void 0);
-        __decorate([
-            core.Output()
-        ], HistoricalPixAccountComponent.prototype, "isEditModeActive", void 0);
-        __decorate([
-            core.Output()
-        ], HistoricalPixAccountComponent.prototype, "isDeleteModeActive", void 0);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "dateChange", null);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "displayDateChange", null);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "addListData", null);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountComponent.prototype, "visible", null);
-        HistoricalPixAccountComponent = __decorate([
-            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 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 [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 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\">\n                    <s-button id=\"table-admission-btn-actions-{{key}}\"\n                              *ngIf=\"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=\"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",
-                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);
-        return HistoricalPixAccountComponent;
-    }());
-
-    var GenericValidator = /** @class */ (function () {
-        function GenericValidator() {
-        }
-        /**
-         * Valida o CEI (Cadastro específico de INSS) digitado.
-         */
-        GenericValidator.isValidCei = function (control) {
-            var cei = control.value;
-            if (!cei)
-                return null;
-            else if (cei.length != 11)
-                return null;
-            var multiplicadorBase = "3298765432";
-            var total = 0;
-            var resto = 0;
-            var multiplicando = 0;
-            var multiplicador = 0;
-            if (cei.length !== 11 ||
-                cei === "00000000000" ||
-                cei === "11111111111" ||
-                cei === "22222222222" ||
-                cei === "33333333333" ||
-                cei === "44444444444" ||
-                cei === "55555555555" ||
-                cei === "66666666666" ||
-                cei === "77777777777" ||
-                cei === "88888888888" ||
-                cei === "99999999999")
-                return { invalidCei: true };
-            else {
-                for (var i = 0; i < 10; i++) {
-                    multiplicando = parseInt(cei.substring(i, i + 1), 10);
-                    multiplicador = parseInt(multiplicadorBase.substring(i, i + 1), 10);
-                    total += multiplicando * multiplicador;
-                }
-                resto = 11 - (total % 11);
-                resto = resto === 10 || resto === 11 ? 0 : resto;
-                var digito = parseInt("" + cei.charAt(10), 10);
-                return resto === digito ? null : { invalidCei: true };
-            }
-        };
-        /**
-         * Valida se o CPF é valido. Deve-se ser informado o cpf sem máscara.
-         */
-        GenericValidator.isValidCpf = function (control) {
-            var cpf = control.value;
-            if (cpf) {
-                var numbers = void 0, digits = void 0, sum = void 0, i = void 0, result = void 0, equalDigits = void 0;
-                equalDigits = 1;
-                if (cpf.length < 11) {
-                    return null;
-                }
-                for (i = 0; i < cpf.length - 1; i++) {
-                    if (cpf.charAt(i) !== cpf.charAt(i + 1)) {
-                        equalDigits = 0;
-                        break;
-                    }
-                }
-                if (!equalDigits) {
-                    numbers = cpf.substring(0, 9);
-                    digits = cpf.substring(9);
-                    sum = 0;
-                    for (i = 10; i > 1; i--) {
-                        sum += numbers.charAt(10 - i) * i;
-                    }
-                    result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
-                    if (result !== Number(digits.charAt(0))) {
-                        return { cpfNotValid: true };
-                    }
-                    numbers = cpf.substring(0, 10);
-                    sum = 0;
-                    for (i = 11; i > 1; i--) {
-                        sum += numbers.charAt(11 - i) * i;
-                    }
-                    result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
-                    if (result !== Number(digits.charAt(1))) {
-                        return { cpfNotValid: true };
-                    }
-                    return null;
-                }
-                else {
-                    return { cpfNotValid: true };
-                }
-            }
-            return null;
-        };
-        /**
-         * Valida se o CNPJ é valido. Deve-se ser informado o cpf sem máscara.
-         */
-        GenericValidator.isValidCnpj = function (control) {
-            var cnpj = control.value;
-            if (cnpj) {
-                var size = void 0, numbers = void 0, digits = void 0, sum = void 0, pos = void 0, result = void 0;
-                cnpj = cnpj.replace(/[^\d]+/g, '');
-                if (cnpj.length !== 14) {
-                    return null;
-                }
-                // Elimina CNPJs invalidos conhecidos
-                if (cnpj === '00000000000000' ||
-                    cnpj === '11111111111111' ||
-                    cnpj === '22222222222222' ||
-                    cnpj === '33333333333333' ||
-                    cnpj === '44444444444444' ||
-                    cnpj === '55555555555555' ||
-                    cnpj === '66666666666666' ||
-                    cnpj === '77777777777777' ||
-                    cnpj === '88888888888888' ||
-                    cnpj === '99999999999999') {
-                    return { cnpjNotValid: true };
-                }
-                // Valida DVs
-                size = cnpj.length - 2;
-                numbers = cnpj.substring(0, size);
-                digits = cnpj.substring(size);
-                sum = 0;
-                pos = size - 7;
-                for (var i = size; i >= 1; i--) {
-                    sum += numbers.charAt(size - i) * pos--;
-                    if (pos < 2) {
-                        pos = 9;
-                    }
-                }
-                result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
-                if (result !== Number(digits.charAt(0))) {
-                    return { cnpjNotValid: true };
-                }
-                size = size + 1;
-                numbers = cnpj.substring(0, size);
-                sum = 0;
-                pos = size - 7;
-                for (var i = size; i >= 1; i--) {
-                    sum += numbers.charAt(size - i) * pos--;
-                    if (pos < 2) {
-                        pos = 9;
-                    }
-                }
-                result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
-                if (result !== Number(digits.charAt(1))) {
-                    return { cnpjNotValid: true };
-                }
-                return null;
-            }
-            return null;
-        };
-        /**
-         * Válida o número de telefone da chave PIX.
-         */
-        GenericValidator.isValidPhoneNumber = function (control) {
-            var cellPhoneKey = control.value || '';
-            cellPhoneKey = cellPhoneKey.replace(/[\s()-]/g, '');
-            var regexNumberTelephone = /^[1-9][\d]{1,2}\d{8,10}$/;
-            var isValidNumberTelephone = regexNumberTelephone.test(cellPhoneKey);
-            return isValidNumberTelephone ? null : { invalidPhoneNumber: true };
-        };
-        /**
-         * Valida o email da chave PIX.
-         */
-        GenericValidator.isValidEmail = function (control) {
-            var emailKey = control.value;
-            var regexValidEmail = /^[\w-\.]+@[\w-]+(\.[\w-]{2,4}){1,2}$/;
-            var isValidEmail = regexValidEmail.test(emailKey);
-            return isValidEmail ? null : { invalidEmail: true };
-        };
-        return GenericValidator;
-    }());
-
-    var HistoricalPixAccountFormComponent = /** @class */ (function () {
-        function HistoricalPixAccountFormComponent(formBuilder, cd) {
-            this.formBuilder = formBuilder;
-            this.cd = cd;
-            this.withSideBar = true;
-            this.isEditMode = false;
-            this.paramsForm = new forms.FormGroup({});
-            this.defaultCpfNumber = null;
-            this.visibleChange = new core.EventEmitter();
-            this.pixAccountItemToList = new core.EventEmitter();
-            this.ngUnsubscribe = new rxjs.Subject();
-            this.initialValidatorOfPercentage = [forms.Validators.required, forms.Validators.min(0.01)];
-            this.labelBtnAdd = "hcm.payroll.employees_add";
-            this.maxValuePercentage = 100.00;
-            this.visibleBtnSave = true;
-            this.isView = false;
-            this.isShowPixKeyFieldValidatorMessage = false;
-            this.createFormGroup();
-            this.registerSubjects();
-        }
-        HistoricalPixAccountFormComponent.prototype.ngOnInit = function () {
-        };
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "customService", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "withSideBar", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "permission", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "listDataReciever", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "addExistentHistoricData", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "getListPixAccount", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "isEditModeForSave", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "showField", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "hideBtnAddForViewMode", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "showButtonView", void 0);
+        __decorate([
+            core.Output()
+        ], HistoricalPixAccountComponent.prototype, "isViewModeActive", void 0);
+        __decorate([
+            core.Output()
+        ], HistoricalPixAccountComponent.prototype, "isEditModeActive", void 0);
+        __decorate([
+            core.Output()
+        ], HistoricalPixAccountComponent.prototype, "isDeleteModeActive", void 0);
+        __decorate([
+            core.Output()
+        ], HistoricalPixAccountComponent.prototype, "isValidChangeForm", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "dateChange", null);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "displayDateChange", null);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "addListData", null);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "visible", null);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "paramsForm", null);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountComponent.prototype, "defaultCpfNumber", null);
+        HistoricalPixAccountComponent = __decorate([
+            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              [showField]=\"showFields\"\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<div class=\"ui-g-1\" *ngIf=\"withSideBar && !isEditMode && !hideBtnAddForViewMode\">\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=\"showFields || !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=\"!withSideBar && 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            [disabled]=\"isTotalPercentage100\"\n            [pTooltip]=\"isTotalPercentage100 ? ('hcm.payroll.historical_pix_account_msg_limit_total_by_percentage' | translate) : ''\"\n            tooltipPosition=\"top\"\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        (onEditInit)=\"onCellEditInit($event)\">\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                    <p-cellEditor>\n                        <ng-template pTemplate=\"input\">\n                            <div class=\"ui-fluid\">\n                              <!-- \u00C1rea de inputs din\u00E2micos -->\n                              <div [ngSwitch]=\"getPixKeyType(item)\" class=\"ui-fluid\">\n                                <!-- CPF -->\n                                <p-inputMask *ngSwitchCase=\"'CPF'\"\n                                  mask=\"999.999.999-99\"\n                                  unmask=\"true\"\n                                  [(ngModel)]=\"item.pixKey\"\n                                  [ngModelOptions]=\"{standalone: true}\"\n                                  styleClass=\"full-width-input\"\n                                  [ngClass]=\"{'ng-invalid': isInvalid(rowIndex, 'pixKey')}\"\n                                  (onComplete)=\"validateDocumentField(rowIndex, 'CPF')\"\n                                  (onBlur)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.enter)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.esc)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.esc)=\"onDocumentBlur(rowIndex)\">\n                                </p-inputMask>\n\n                                <!-- CNPJ -->\n                                <p-inputMask *ngSwitchCase=\"'CNPJ'\"\n                                  mask=\"99.999.999/9999-99\"\n                                  unmask=\"true\"\n                                  [(ngModel)]=\"item.pixKey\"\n                                  [ngModelOptions]=\"{standalone: true}\"\n                                  styleClass=\"full-width-input\"\n                                  [ngClass]=\"{'ng-invalid': isInvalid(rowIndex, 'pixKey')}\"\n                                  (onComplete)=\"validateDocumentField(rowIndex, 'CNPJ')\"\n                                  (onBlur)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.enter)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.esc)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.esc)=\"onDocumentBlur(rowIndex)\">\n                                </p-inputMask>\n\n                                <!-- TELEPHONE -->\n                                <p-inputMask *ngSwitchCase=\"'TELEPHONE'\"\n                                  mask=\"(99) 99999-9999\"\n                                  unmask=\"true\"\n                                  [(ngModel)]=\"item.pixKey\"\n                                  [ngModelOptions]=\"{standalone: true}\"\n                                  styleClass=\"full-width-input\"\n                                  [ngClass]=\"{'ng-invalid': isInvalid(rowIndex, 'pixKey')}\"\n                                  (onComplete)=\"validateDocumentField(rowIndex, 'TELEPHONE')\"\n                                  (onBlur)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.enter)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.esc)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.esc)=\"onDocumentBlur(rowIndex)\">\n                                </p-inputMask>\n\n                                <!-- EMAIL -->\n                                <input *ngSwitchCase=\"'EMAIL'\"\n                                  type=\"email\"\n                                  pInputText\n                                  class=\"p-inputtext p-component full-width-input\"\n                                  [(ngModel)]=\"item.pixKey\"\n                                  [ngModelOptions]=\"{standalone: true}\"\n                                  [ngClass]=\"{'ng-invalid': isInvalid(rowIndex, 'pixKey')}\"\n                                  (blur)=\"validateDocumentField(rowIndex, 'EMAIL'); onDocumentBlur(rowIndex)\"\n                                  (keydown.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.enter)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.esc)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.esc)=\"onDocumentBlur(rowIndex)\">\n\n                                <!-- RANDOM_KEY -->\n                                <input *ngSwitchCase=\"'RANDOM_KEY'\"\n                                  type=\"text\"\n                                  pInputText\n                                  class=\"p-inputtext p-component full-width-input\"\n                                  [(ngModel)]=\"item.pixKey\"\n                                  [ngModelOptions]=\"{standalone: true}\"\n                                  [ngClass]=\"{'ng-invalid': isInvalid(rowIndex, 'pixKey')}\"\n                                  (blur)=\"validateDocumentField(rowIndex, 'RANDOM_KEY'); onDocumentBlur(rowIndex)\"\n                                  (keydown.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.tab)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.enter)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.esc)=\"onDocumentBlur(rowIndex)\"\n                                  (keydown.shift.esc)=\"onDocumentBlur(rowIndex)\">\n\n                                  <!-- BANK_ACCOUNT -->\n                                <input *ngSwitchCase=\"'BANK_ACCOUNT'\"\n                                  type=\"text\"\n                                  pInputText\n                                  class=\"p-inputtext p-component full-width-input\"\n                                  [disabled]=\"true\">\n                              </div>\n\n                              <!-- \u00DAnico s-control-errors para todos os tipos -->\n                              <small *ngIf=\"isInvalid(rowIndex, 'pixKey')\" class=\"p-error error-text\">\n                                {{getErrorMessage(rowIndex, 'pixKey')}}\n                              </small>\n                            </div>\n                          </ng-template>\n                        <ng-template pTemplate=\"output\">\n                            {{getFormattedPixKey(getPixKeyType(item), 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                        {{ formatPercentage(item.percentage) }}%\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}:host ::ng-deep .p-cell-editing{padding:0!important}:host ::ng-deep .full-width-input{width:100%!important;min-height:34px!important;padding:6px 12px!important}:host ::ng-deep .p-inputtext{width:100%;min-height:34px;padding:6px 12px}:host ::ng-deep .p-inputmask{width:100%;display:block}:host ::ng-deep .p-inputmask .p-inputmask-input{width:100%!important;min-height:34px!important;padding:6px 12px!important}:host ::ng-deep p-celleditor{width:100%}:host ::ng-deep p-celleditor .ui-fluid{width:100%;display:block;padding:0}:host ::ng-deep .p-error{margin-top:4px;font-size:12px}:host ::ng-deep .error-text{color:#f44336;display:block;margin-top:4px;font-size:.875em}"]
+            })
+        ], HistoricalPixAccountComponent);
+        return HistoricalPixAccountComponent;
+    }(HistoricakPixAccountBase));
+
+    var HistoricalPixAccountFormComponent = /** @class */ (function (_super) {
+        __extends(HistoricalPixAccountFormComponent, _super);
+        function HistoricalPixAccountFormComponent(formBuilder, cd, sharedStateService) {
+            var _this = _super.call(this, formBuilder) || this;
+            _this.cd = cd;
+            _this.sharedStateService = sharedStateService;
+            _this.withSideBar = true;
+            _this.isEditMode = false;
+            _this.showField = false;
+            _this.visibleChange = new core.EventEmitter();
+            _this.pixAccountItemToList = new core.EventEmitter();
+            _this.ngUnsubscribe = new rxjs.Subject();
+            _this.labelBtnAdd = "hcm.payroll.employees_add";
+            _this.visibleBtnSave = true;
+            _this.isView = false;
+            _this.isShowPixKeyFieldValidatorMessage = false;
+            _this.hideFields = _this.sharedStateService.hideField$;
+            _this.registerSubjects();
+            return _this;
+        }
+        HistoricalPixAccountFormComponent.prototype.ngOnInit = function () { };
         HistoricalPixAccountFormComponent.prototype.ngAfterViewInit = function () {
             this.cd.detectChanges();
         };
@@ -10053,38 +11032,7 @@
             this.ngUnsubscribe.next(true);
             this.ngUnsubscribe.unsubscribe();
         };
-        HistoricalPixAccountFormComponent.prototype.registerSubjects = function () {
-        };
-        HistoricalPixAccountFormComponent.prototype.createFormGroup = function () {
-            this.pixAccountFormGroup = this.formBuilder.group({
-                id: this.formBuilder.control(null),
-                index: this.formBuilder.control(null),
-                employee: this.formBuilder.control({ value: { tableId: null }, disabled: true }),
-                dateChange: this.formBuilder.control(null),
-                pixKeyType: this.formBuilder.control(null, forms.Validators.required),
-                pixKey: this.formBuilder.control(null),
-                percentage: this.formBuilder.control(null, forms.Validators.compose(__spread(this.initialValidatorOfPercentage, [
-                    forms.Validators.max(this.maxValuePercentage),
-                ]))),
-                externalId: this.formBuilder.control(null),
-                customFields: this.formBuilder.control(null),
-            });
-        };
-        HistoricalPixAccountFormComponent.prototype.onChangePixKeyType = function (item) {
-            if (item.key) {
-                this.pixKeyType = item.key;
-                this.isShowPixKeyFieldValidatorMessage = true;
-                this.pixAccountFormGroup.get("pixKey").reset();
-                this.setPixKeyValidators(true);
-                if (item.key === "CPF") {
-                    this.setDefaultCpfPixKey();
-                }
-            }
-        };
-        HistoricalPixAccountFormComponent.prototype.onClearPixKeyType = function () {
-            this.isShowPixKeyFieldValidatorMessage = false;
-            this.pixAccountFormGroup.get("pixKey").reset();
-        };
+        HistoricalPixAccountFormComponent.prototype.registerSubjects = function () { };
         Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "visible", {
             get: function () {
                 return this._visible;
@@ -10123,7 +11071,8 @@
         });
         HistoricalPixAccountFormComponent.prototype.formatPixKeyTelephoneNumber = function () {
             if (this.pixKeyType === "TELEPHONE") {
-                this.pixAccountFormGroup.get("pixKey").setValue(FormatUtilsService.getFormattedTelephoneNumber(this.pixAccountFormGroup.get("pixKey").value));
+                var pixKeyCtrl = this.pixAccountFormGroup.get("pixKey");
+                pixKeyCtrl.setValue(FormatUtilsService.getFormattedTelephoneNumber(pixKeyCtrl.value));
             }
         };
         HistoricalPixAccountFormComponent.prototype.convertDTOToShowWithCustomFields = function (data) {
@@ -10135,14 +11084,14 @@
             this.visibleBtnSave = isEditMode;
             if (this.pixAccountFormGroup.get("pixKeyType").value) {
                 this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
-                this.setPixKeyValidators(isEditMode);
+                this.setPixKeyValidators(isEditMode, this.pixAccountFormGroup);
                 this.formatPixKeyTelephoneNumber();
             }
             configEnabledFields(this.pixAccountFormGroup, isEditMode, [
                 "pixKeyType",
                 "pixKey",
                 "percentage",
-                "customFields",
+                "customFields"
             ], []);
         };
         HistoricalPixAccountFormComponent.prototype.close = function () {
@@ -10150,13 +11099,11 @@
             this.visible = false;
         };
         HistoricalPixAccountFormComponent.prototype.addItem = function () {
-            this.pixAccountFormGroup.updateValueAndValidity();
-            verifyValidationsForm.call(this.pixAccountFormGroup);
             if (this.pixAccountFormGroup.valid) {
                 if (this.employeeId) {
                     this.pixAccountFormGroup.get("employee").setValue({
                         tableId: this.employeeId,
-                        name: "",
+                        name: ""
                     });
                 }
                 this.pixAccountItemToList.emit(this.pixAccountFormGroup.getRawValue());
@@ -10188,14 +11135,10 @@
             return {
                 prefix: "",
                 thousands: this.currency.thousandsSeparator,
-                decimal: this.currency.decimalSeparator,
+                decimal: this.currency.decimalSeparator
             };
         };
         Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "getListPixAccount", {
-            /**
-             * O Input que recebe a lista do component pai e chama o método de validação passando a lista recebida.
-             * @param pixAccountList
-             */
             set: function (pixAccountList) {
                 if (pixAccountList) {
                     this.setValidatorsAccordingList(pixAccountList, null, false);
@@ -10207,85 +11150,6 @@
             enumerable: true,
             configurable: true
         });
-        /**
-         * Recebe a lista de registros já inseridos na tabela adiciona em uma variável os valores que serão usados para
-         * a validação dos campos "percentage" e "pixAccount".
-         * Quando tem index significa que está em uma edição, os valores na posição do registro da edição (index) não serão adicionados
-         * no array de comparação dos validators.
-         * @param pixAccountList
-         * @param index
-         */
-        HistoricalPixAccountFormComponent.prototype.setValidatorsAccordingList = function (pixAccountList, index, isEditMode) {
-            if (index === void 0) { index = null; }
-            if (isEditMode === void 0) { isEditMode = true; }
-            this.pixAccountList = pixAccountList && pixAccountList.length ? __spread(pixAccountList) : [];
-            var percentageIncluded = [];
-            if (this.pixAccountList && this.pixAccountList.length) {
-                this.pixAccountList.filter(function (field, key) {
-                    if (field["percentage"] && key != index) {
-                        percentageIncluded.push(field["percentage"]);
-                    }
-                });
-            }
-            this.beforeSetPixKeyTypeValidator();
-            this.setPixKeyValidators(isEditMode);
-            this.validatePercentageValid(percentageIncluded);
-        };
-        /**
-         * Antes de setar o validator prepara as variáveis necessária para que seja feita a validação do campo.
-         */
-        HistoricalPixAccountFormComponent.prototype.setPixKeyValidators = function (isEditMode) {
-            var genericPixKey = this.pixAccountFormGroup.get("pixKey");
-            if (this.pixKeyType) {
-                switch (this.pixKeyType) {
-                    case "TELEPHONE":
-                        genericPixKey.setValidators(forms.Validators.compose([
-                            forms.Validators.required, GenericValidator.isValidPhoneNumber,
-                        ]));
-                        break;
-                    case "EMAIL":
-                        genericPixKey.setValidators(forms.Validators.compose([
-                            forms.Validators.required, GenericValidator.isValidEmail,
-                        ]));
-                        break;
-                    case "CPF":
-                        genericPixKey.setValidators(forms.Validators.compose([
-                            forms.Validators.required, GenericValidator.isValidCpf,
-                        ]));
-                        break;
-                    case "CNPJ":
-                        genericPixKey.setValidators(forms.Validators.compose([
-                            forms.Validators.required, GenericValidator.isValidCnpj,
-                        ]));
-                        break;
-                    case "RANDOM_KEY":
-                        genericPixKey.setValidators(forms.Validators.required);
-                        break;
-                    default:
-                        genericPixKey.setValidators(null);
-                        break;
-                }
-                if (isEditMode) {
-                    genericPixKey.enable();
-                }
-                genericPixKey.updateValueAndValidity();
-            }
-        };
-        /**
-         * Este método calcula as parcentagens que já foram inseridas, e seta a diferença para chegar em
-         * 100% na validação do campo "percentage" como um novo maxValue;
-         * @param listValue
-         */
-        HistoricalPixAccountFormComponent.prototype.validatePercentageValid = function (listValue) {
-            var percentage = this.pixAccountFormGroup.get("percentage");
-            this.maxValuePercentage = listValue
-                .reduce(function (currentValue, total) { return currentValue - total; }, 100.00);
-            percentage
-                .setValidators(forms.Validators.compose(__spread(this.initialValidatorOfPercentage, [
-                forms.Validators.max(this.maxValuePercentage),
-            ])));
-            percentage.updateValueAndValidity();
-        };
         Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "isViewMode", {
             set: function (condition) {
                 this.isView = !!(condition && !this.withSideBar);
@@ -10296,58 +11160,24 @@
             enumerable: true,
             configurable: true
         });
-        HistoricalPixAccountFormComponent.prototype.phoneMask = function (event) {
-            FormatUtilsService.formatTelephoneInputEvent(event);
-        };
-        HistoricalPixAccountFormComponent.prototype.setDefaultCpfPixKey = function () {
-            if (this.defaultCpfNumber) {
-                this.pixAccountFormGroup.get("pixKey").setValue(this.defaultCpfNumber);
-            }
-            else {
-                var sheetDocument = this.paramsForm.get("sheetDocument");
-                if (sheetDocument) {
-                    var cpf = sheetDocument.get("cpfNumber").value;
-                    if (cpf) {
-                        this.pixAccountFormGroup.get("pixKey").setValue(cpf);
-                    }
-                }
-            }
-        };
-        HistoricalPixAccountFormComponent.prototype.beforeSetPixKeyTypeValidator = function () {
-            var pixKeyType = this.pixAccountFormGroup.get("pixKeyType");
-            if (this.pixAccountList && this.pixAccountList.length && pixKeyType) {
-                pixKeyType
-                    .setValidators(forms.Validators.compose([
-                    forms.Validators.required,
-                    this.validateDuplicatePixKeyTypeBankAccount(this.pixAccountList),
-                ]));
-            }
-            else {
-                pixKeyType.setValidators(forms.Validators.required);
-            }
-        };
-        HistoricalPixAccountFormComponent.prototype.validateDuplicatePixKeyTypeBankAccount = function (listCompare) {
-            return function (control) {
-                var value = control && control.value;
-                var condition = false;
-                listCompare.filter(function (field) {
-                    if (value) {
-                        if (field["pixKeyType"].key === 'BANK_ACCOUNT' && value.key === field["pixKeyType"].key) {
-                            return condition = true;
-                        }
-                    }
-                });
-                if (condition) {
-                    return { pixKeyTypeBankAccountDuplicate: true };
-                }
-                else {
-                    return null;
-                }
-            };
-        };
+        Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "paramsForm", {
+            set: function (value) {
+                this._paramsForm = value;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HistoricalPixAccountFormComponent.prototype, "defaultCpfNumber", {
+            set: function (value) {
+                this._defaultCpfNumber = value;
+            },
+            enumerable: true,
+            configurable: true
+        });
         HistoricalPixAccountFormComponent.ctorParameters = function () { return [
             { type: forms.FormBuilder },
-            { type: core.ChangeDetectorRef }
+            { type: core.ChangeDetectorRef },
+            { type: SharedStateService }
         ]; };
         __decorate([
             core.ViewChild(angularComponents.CustomFieldsComponent, { static: true })
@@ -10369,10 +11199,7 @@
         ], HistoricalPixAccountFormComponent.prototype, "isEditMode", void 0);
         __decorate([
             core.Input()
-        ], HistoricalPixAccountFormComponent.prototype, "paramsForm", void 0);
-        __decorate([
-            core.Input()
-        ], HistoricalPixAccountFormComponent.prototype, "defaultCpfNumber", void 0);
+        ], HistoricalPixAccountFormComponent.prototype, "showField", void 0);
         __decorate([
             core.Output()
         ], HistoricalPixAccountFormComponent.prototype, "visibleChange", void 0);
@@ -10391,32 +11218,21 @@
         __decorate([
             core.Input()
         ], HistoricalPixAccountFormComponent.prototype, "isViewMode", null);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountFormComponent.prototype, "paramsForm", null);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountFormComponent.prototype, "defaultCpfNumber", null);
         HistoricalPixAccountFormComponent = __decorate([
             core.Component({
                 selector: "pix-account",
-                template: "<div id=\"main\">\n    <form [formGroup]=\"pixAccountFormGroup\" autocomplete=\"off\">\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <!-- Tipo de chave -->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key_type'|translate}}</label>\n                    <input-rest-auto-complete-enum [dropdown]=\"true\" server=\"payroll\"\n                                                   enumeration=\"PixKeyType\"\n                                                   placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                                                   name=\"pixKeyType\" [form]=\"pixAccountFormGroup\"\n                                                   (onSelect)=\"onChangePixKeyType($event)\"\n                                                   (onClear)=\"onClearPixKeyType()\"\n                                                   id=\"ta-pixKeyType\"></input-rest-auto-complete-enum>\n                    <s-control-errors [control]=\"pixAccountFormGroup.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                <!--Chave Pix-->\n                <div class=\"ui-md-6 ui-sm-12\" [ngClass]=\"{'required': pixKeyType !== 'BANK_ACCOUNT'}\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key' | translate}}</label>\n                    <ng-container [ngSwitch]=\"pixKeyType\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\" only-number\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                (keyup)=\"phoneMask($event)\" maxlength=\"15\"\n                                placeholder=\"(__) ____-____\">\n                        <p-inputMask *ngSwitchCase=\"'CPF'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"___.___.___-__\"\n                                mask=\"999.999.999-99\" [unmask]=\"true\"></p-inputMask>\n                        <p-inputMask *ngSwitchCase=\"'CNPJ'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"__.___.___/____-__\"\n                                mask=\"99.999.999/9999-99\" [unmask]=\"true\"></p-inputMask>\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"{{'hcm.payroll.employees_addition_email'|translate}}\"/>\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\" disabled\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"/>\n                        <input *ngSwitchDefault\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\" maxlength=\"100\" />\n                    </ng-container>\n                    <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\" id=\"er-pix-key\"\n                        [control]=\"pixAccountFormGroup.get('pixKey')\"\n                        [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: pixAccountFormGroup.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                </div>\n                <!--Percentual-->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label id=\"lb-percentage\"\n                           for=\"ff-percentage\">{{ 'hcm.payroll.historical_bank_account_label_percentage' | translate }}</label>\n                    <div class=\"ui-inputgroup\">\n                        <span class=\"ui-inputgroup-addon\">%</span>\n                        <input pInputText id=\"ff-percentage\" name=\"percentage\"\n                               formControlName=\"percentage\"\n                               currencyMask\n                               [options]=\"optionsPercentage\"\n                               [placeholder]=\"percentagePlaceholder\"/>\n                    </div>\n                    <s-control-errors [control]=\"pixAccountFormGroup.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                </div>\n                <div class=\"ui-g-12\">\n                    <p-fieldset\n                        legend=\"{{ 'hcm.payroll.custom_fields' | translate }}\"\n                        [attr.data-hidden]=\"!customFields || !customFields.fields.length\"\n                    >\n                        <s-custom-fields\n                            domain=\"hcm\"\n                            service=\"{{customService}}\"\n                            entity=\"{{customEntity}}\"\n                            formControlName=\"customFields\"\n                            [invalidErrorLabel]=\"'hcm.payroll.employees_invalid_field' | translate\"\n                        >\n                        </s-custom-fields>\n                    </p-fieldset>\n                </div>\n            </div>\n        </div>\n    </form>\n\n    <div [ngClass]=\"withSideBar ? 'footer' : 'footer-s-border'\">\n        <div class=\"form-group\">\n                <s-button id=\"btn-save\" label=\"{{ labelBtnAdd | translate}}\" priority=\"primary\"\n                          (onClick)=\"addItem()\" *ngIf=\"visibleBtnSave && !this.isView\"></s-button>\n                <s-button *ngIf=\"withSideBar\" id=\"btn-close\" label=\"{{'hcm.payroll.cancel'|translate}}\" priority=\"secondary\"\n                          priority=\"link\" (onClick)=\"close()\"></s-button>\n        </div>\n    </div>\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}"]
+                template: "<div id=\"main\">\n    <form *ngIf=\"showField || !(hideFields | async)\"  [formGroup]=\"pixAccountFormGroup\" autocomplete=\"off\">\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <!-- Tipo de chave -->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key_type'|translate}}</label>\n                    <input-rest-auto-complete-enum [dropdown]=\"true\" server=\"payroll\"\n                                                   enumeration=\"PixKeyType\"\n                                                   placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                                                   name=\"pixKeyType\" [form]=\"pixAccountFormGroup\"\n                                                   (onSelect)=\"onChangePixKeyType($event)\"\n                                                   (onClear)=\"onClearPixKeyType()\"\n                                                   id=\"ta-pixKeyType\"></input-rest-auto-complete-enum>\n                    <s-control-errors [control]=\"pixAccountFormGroup.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                <!--Chave Pix-->\n                <div class=\"ui-md-6 ui-sm-12\" [ngClass]=\"{'required': pixKeyType !== 'BANK_ACCOUNT'}\">\n                    <label>{{'hcm.payroll.employees_addition_pix_key' | translate}}</label>\n                    <ng-container [ngSwitch]=\"pixKeyType\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\" only-number\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                (keyup)=\"phoneMask($event)\" maxlength=\"15\"\n                                placeholder=\"(__) ____-____\">\n                        <p-inputMask *ngSwitchCase=\"'CPF'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"___.___.___-__\"\n                                mask=\"999.999.999-99\" [unmask]=\"true\"></p-inputMask>\n                        <p-inputMask *ngSwitchCase=\"'CNPJ'\"\n                                id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"__.___.___/____-__\"\n                                mask=\"99.999.999/9999-99\" [unmask]=\"true\"></p-inputMask>\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"\n                                placeholder=\"{{'hcm.payroll.employees_addition_email'|translate}}\"/>\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\" disabled\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\"/>\n                        <input *ngSwitchDefault\n                                pInputText id=\"ta-pixKey\" name=\"pixKey\" formControlName=\"pixKey\" maxlength=\"100\" />\n                    </ng-container>\n                    <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\" id=\"er-pix-key\"\n                        [control]=\"pixAccountFormGroup.get('pixKey')\"\n                        [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: pixAccountFormGroup.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                </div>\n                <!--Percentual-->\n                <div class=\"ui-md-6 ui-sm-12 required\">\n                    <label id=\"lb-percentage\"\n                           for=\"ff-percentage\">{{ 'hcm.payroll.historical_bank_account_label_percentage' | translate }}</label>\n                    <div class=\"ui-inputgroup\">\n                        <span class=\"ui-inputgroup-addon\">%</span>\n                        <input pInputText id=\"ff-percentage\" name=\"percentage\"\n                               formControlName=\"percentage\"\n                               currencyMask\n                               [options]=\"optionsPercentage\"\n                               [placeholder]=\"percentagePlaceholder\"/>\n                    </div>\n                    <s-control-errors [control]=\"pixAccountFormGroup.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                </div>\n                <div class=\"ui-g-12\">\n                    <p-fieldset\n                        legend=\"{{ 'hcm.payroll.custom_fields' | translate }}\"\n                        [attr.data-hidden]=\"!customFields || !customFields.fields.length\"\n                    >\n                        <s-custom-fields\n                            domain=\"hcm\"\n                            service=\"{{customService}}\"\n                            entity=\"{{customEntity}}\"\n                            formControlName=\"customFields\"\n                            [invalidErrorLabel]=\"'hcm.payroll.employees_invalid_field' | translate\"\n                        >\n                        </s-custom-fields>\n                    </p-fieldset>\n                </div>\n            </div>\n        </div>\n    </form>\n\n    <div [ngClass]=\"withSideBar ? 'footer' : 'footer-s-border'\">\n        <div class=\"form-group\">\n                <s-button id=\"btn-save\" label=\"{{ labelBtnAdd | translate}}\" priority=\"primary\"\n                          (onClick)=\"addItem()\" *ngIf=\"visibleBtnSave && !this.isView\"></s-button>\n                <s-button *ngIf=\"withSideBar\" id=\"btn-close\" label=\"{{'hcm.payroll.cancel'|translate}}\" priority=\"secondary\"\n                          priority=\"link\" (onClick)=\"close()\"></s-button>\n        </div>\n    </div>\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}:host ::ng-deep .p-cell-editing{padding:0!important}:host ::ng-deep .full-width-input{width:100%!important;min-height:34px!important;padding:6px 12px!important}:host ::ng-deep .p-inputtext{width:100%;min-height:34px;padding:6px 12px}:host ::ng-deep .p-inputmask{width:100%;display:block}:host ::ng-deep .p-inputmask .p-inputmask-input{width:100%!important;min-height:34px!important;padding:6px 12px!important}:host ::ng-deep p-celleditor{width:100%}:host ::ng-deep p-celleditor .ui-fluid{width:100%;display:block;padding:0}:host ::ng-deep .p-error{margin-top:4px;font-size:12px}:host ::ng-deep .error-text{color:#f44336;display:block;margin-top:4px;font-size:.875em}"]
             })
         ], HistoricalPixAccountFormComponent);
         return HistoricalPixAccountFormComponent;
-    }());
-
-    var HistoricalPixAccountService = /** @class */ (function () {
-        function HistoricalPixAccountService(http) {
-            this.http = http;
-        }
-        HistoricalPixAccountService.prototype.query = function (path, body, service) {
-            if (service === void 0) { service = exports.ServiceType.PAYROLL; }
-            return this.http.query(path, body, service);
-        };
-        HistoricalPixAccountService.ctorParameters = function () { return [
-            { type: HttpClientService }
-        ]; };
-        HistoricalPixAccountService = __decorate([
-            core.Injectable()
-        ], HistoricalPixAccountService);
-        return HistoricalPixAccountService;
-    }());
+    }(HistoricakPixAccountBase));
 
     var HistoricalPixAccountModule = /** @class */ (function () {
         function HistoricalPixAccountModule() {
@@ -10446,6 +11262,8 @@
                     angularComponents.CustomFieldsModule,
                     panel.PanelModule,
                     inputmask.InputMaskModule,
+                    dropdown.DropdownModule,
+                    tabview.TabViewModule,
                 ],
                 declarations: [HistoricalPixAccountComponent, HistoricalPixAccountFormComponent],
                 providers: [HistoricalPixAccountService, api.ConfirmationService],
@@ -10488,7 +11306,7 @@
 
     var moment$e = moment_;
     var HistoricalPixAccountListComponent = /** @class */ (function () {
-        function HistoricalPixAccountListComponent(confirmationService, translateService, activatedRoute, cd, router, messageService, historicalPixAccountListService) {
+        function HistoricalPixAccountListComponent(confirmationService, translateService, activatedRoute, cd, router, messageService, historicalPixAccountListService, sharedStateService) {
             this.confirmationService = confirmationService;
             this.translateService = translateService;
             this.activatedRoute = activatedRoute;
@@ -10496,11 +11314,17 @@
             this.router = router;
             this.messageService = messageService;
             this.historicalPixAccountListService = historicalPixAccountListService;
+            this.sharedStateService = sharedStateService;
             this.endPoint = "hcm/payroll/queries/historicalEmployeePixQuery";
             this.keyPayload = "historicalEmployeePix";
             this.withSidebar = true;
+            this.showActionsButtonOnAdd = false;
             this.isOnlyView = new core.EventEmitter();
+            this.isOnlyEdit = new core.EventEmitter();
             this.enableView = new core.EventEmitter();
+            this.isEditJudicialDependentPix = new core.EventEmitter();
+            this.isHideBtnAddForViewMode = new core.EventEmitter();
+            this.isShowActionsButton = new core.EventEmitter();
             this.ngUnsubscribe = new rxjs.Subject();
             this.loading = true;
             this.columns = [
@@ -10508,18 +11332,6 @@
                     label: this.translateService.instant("hcm.payroll.historical_pix_account_label_date_change"),
                     field: "dateChange",
                 },
-                {
-                    label: this.translateService.instant("hcm.payroll.historical_pix_account_label_pix_key_type"),
-                    field: "pixKeyType.value",
-                },
-                {
-                    label: this.translateService.instant("hcm.payroll.historical_pix_account_label_pix_key"),
-                    field: "pixKey",
-                },
-                {
-                    label: this.translateService.instant("hcm.payroll.historical_pix_account_label_percentage"),
-                    field: "percentage",
-                },
                 {
                     label: this.translateService.instant("hcm.payroll.employees_movimentation_historical_pix_account_label_qtd_account"),
                     field: "numberOfPixAccount",
@@ -10532,6 +11344,7 @@
         HistoricalPixAccountListComponent.prototype.ngOnDestroy = function () {
             this.ngUnsubscribe.next();
             this.ngUnsubscribe.complete();
+            this.unsubscribe();
         };
         HistoricalPixAccountListComponent.prototype.ngAfterViewInit = function () {
             this.cd.detectChanges();
@@ -10540,27 +11353,10 @@
             var _this = this;
             payload.forEach(function (value) {
                 value.dateChange = moment$e(value.dateChange).format(_this.dateFormat);
-                value.pixKey = _this.formatPixKeyByType(value.pixKeyType, value.pixKey);
-                value.percentage = FormatUtilsService.getFormattedPercentage(value.percentage);
             });
             this.onGridLoad(payload);
             this.loading = false;
         };
-        HistoricalPixAccountListComponent.prototype.formatPixKeyByType = function (pixKeyType, pixKey) {
-            var keyType = pixKeyType ? pixKeyType.key.toUpperCase() : "";
-            if (keyType === "TELEPHONE") {
-                return FormatUtilsService.getFormattedTelephoneNumber(pixKey);
-            }
-            else if (keyType === "CPF") {
-                return FormatUtilsService.getFormattedCpf(pixKey);
-            }
-            else if (keyType === "CNPJ") {
-                return FormatUtilsService.getFormattedCnpj(pixKey);
-            }
-            else {
-                return pixKey;
-            }
-        };
         HistoricalPixAccountListComponent.prototype.getMenuActions = function (rowData) {
             var _this = this;
             return [
@@ -10568,14 +11364,55 @@
                     label: this.translateService.instant("hcm.payroll.employees_image_cropper_view"),
                     command: function () {
                         if (_this.isAllowToViewHistorical) {
+                            _this.sharedStateService.setHideField(true);
+                            _this.isShowActionsButton.emit(false);
+                            _this.sharedStateService.setShowEditMode(false);
                             var dateChange = rowData && rowData.dateChange && moment$e(rowData.dateChange, _this.dateFormat).format("YYYY-MM-DD");
                             if (_this.withSidebar) {
                                 _this.isOnlyView.emit(true);
+                                _this.isOnlyEdit.emit(false);
+                                _this.isHideBtnAddForViewMode.emit(true);
+                                _this.sharedStateService.setHideBtnAddForViewMode(true);
+                                _this.sharedStateService.setActiveHideOptionsOnView(true);
+                                _this.router.navigate(["historical-pix-account/" + dateChange], {
+                                    relativeTo: _this.activatedRoute,
+                                });
+                            }
+                            else {
+                                _this.sharedStateService.setActiveHideOptionsOnView(true);
+                                _this.sharedStateService.setSaveButton(false);
+                                _this.enableView.emit(dateChange);
+                            }
+                        }
+                        else {
+                            _this.isNotAllowMessage();
+                        }
+                    },
+                },
+                {
+                    label: this.translateService.instant("hcm.payroll.edit"),
+                    command: function () {
+                        if (_this.isAllowToEditHistorical) {
+                            _this.sharedStateService.setHideField(true);
+                            _this.isShowActionsButton.emit(true);
+                            _this.sharedStateService.setShowEditMode(true);
+                            var dateChange = rowData && rowData.dateChange && moment$e(rowData.dateChange, _this.dateFormat).format("YYYY-MM-DD");
+                            if (_this.withSidebar) {
+                                _this.isOnlyView.emit(false);
+                                _this.isOnlyEdit.emit(true);
+                                _this.isHideBtnAddForViewMode.emit(false);
+                                _this.sharedStateService.setHideBtnAddForViewMode(false);
+                                _this.sharedStateService.setActiveHideOptionsOnView(false);
                                 _this.router.navigate(["historical-pix-account/" + dateChange], {
                                     relativeTo: _this.activatedRoute,
                                 });
                             }
                             else {
+                                _this.sharedStateService.setActiveHideOptionsOnView(false);
+                                setTimeout(function () {
+                                    _this.sharedStateService.triggerActiveValidatorsOnEditModalOpen();
+                                });
+                                _this.sharedStateService.setSaveButton(true);
                                 _this.enableView.emit(dateChange);
                             }
                         }
@@ -10594,7 +11431,7 @@
                             _this.isNotAllowMessage();
                         }
                     },
-                },
+                }
             ];
         };
         HistoricalPixAccountListComponent.prototype.delete = function (id, dateChange) {
@@ -10661,6 +11498,24 @@
                 this.lastRecord = payload[0];
             }
         };
+        HistoricalPixAccountListComponent.prototype.unsubscribe = function () {
+            if (this._subscription) {
+                this._subscription.unsubscribe();
+            }
+        };
+        Object.defineProperty(HistoricalPixAccountListComponent.prototype, "hideFieldsOnAdd$", {
+            set: function (subject) {
+                var _this = this;
+                this.unsubscribe();
+                if (subject) {
+                    this._subscription = subject.subscribe(function (value) {
+                        _this.sharedStateService.setHideField(value);
+                    });
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToAddHistorical", {
             get: function () {
                 return (this.permission["incluir"]);
@@ -10682,6 +11537,13 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(HistoricalPixAccountListComponent.prototype, "isAllowToEditHistorical", {
+            get: function () {
+                return (this.permission["editar"]);
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(HistoricalPixAccountListComponent.prototype, "scopedActions", {
             get: function () {
                 return this.getMenuActions.bind(this);
@@ -10706,7 +11568,8 @@
             { type: core.ChangeDetectorRef },
             { type: router.Router },
             { type: api.MessageService },
-            { type: HistoricalPixAccountListService }
+            { type: HistoricalPixAccountListService },
+            { type: SharedStateService }
         ]; };
         __decorate([
             core.ViewChild(angularComponents.CustomFieldsComponent, { static: false })
@@ -10732,12 +11595,33 @@
         __decorate([
             core.Input()
         ], HistoricalPixAccountListComponent.prototype, "withSidebar", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "hideField", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "showActionsButtonOnAdd", void 0);
         __decorate([
             core.Output()
         ], HistoricalPixAccountListComponent.prototype, "isOnlyView", void 0);
+        __decorate([
+            core.Output()
+        ], HistoricalPixAccountListComponent.prototype, "isOnlyEdit", void 0);
         __decorate([
             core.Output()
         ], HistoricalPixAccountListComponent.prototype, "enableView", void 0);
+        __decorate([
+            core.Output()
+        ], HistoricalPixAccountListComponent.prototype, "isEditJudicialDependentPix", void 0);
+        __decorate([
+            core.Output()
+        ], HistoricalPixAccountListComponent.prototype, "isHideBtnAddForViewMode", void 0);
+        __decorate([
+            core.Output()
+        ], HistoricalPixAccountListComponent.prototype, "isShowActionsButton", void 0);
+        __decorate([
+            core.Input()
+        ], HistoricalPixAccountListComponent.prototype, "hideFieldsOnAdd$", null);
         __decorate([
             core.Input()
         ], HistoricalPixAccountListComponent.prototype, "reloadList", null);
@@ -10860,6 +11744,7 @@
     exports.PermissionService = PermissionService;
     exports.ReportService = ReportService;
     exports.ServicesModule = ServicesModule;
+    exports.SharedStateService = SharedStateService;
     exports.SpinnerLoaderComponent = SpinnerLoaderComponent;
     exports.SpinnerLoaderModule = SpinnerLoaderModule;
     exports.StringMethods = StringMethods;
@@ -10955,7 +11840,8 @@
     exports.ɵo = AutocompleteService;
     exports.ɵp = LookupService$1;
     exports.ɵq = HistoricalBankAccountFormComponent;
-    exports.ɵr = HistoricalPixAccountFormComponent;
+    exports.ɵr = HistoricakPixAccountBase;
+    exports.ɵs = HistoricalPixAccountFormComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });