@senior-gestao-pessoas/payroll-core 9.5.0-feature-hcmgdp-11492-21838e72 → 9.5.0-feature-hcmgdp-11492-f438f1e4

package/fesm2015/senior-gestao-pessoas-payroll-core.js

@@ -8521,404 +8521,6 @@ class FormatUtilsService {
     }
 }
 
-let HistoricalPixAccountComponent = class HistoricalPixAccountComponent {
-    constructor(translateService, cd, formBuilder, messageService) {
-        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.showButtonEdit = false;
-        this.isViewModeActive = new EventEmitter();
-        this.isEditModeActive = new EventEmitter();
-        this.isDeleteModeActive = new EventEmitter();
-        this.listFromApp = [];
-        this.visibleChange = new EventEmitter();
-        this.ngUnsubscribe = new Subject();
-        this.orderBy = {
-            field: "dateChange",
-            direction: 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.permitsEditBankAccount = false;
-        this.cols = [
-            {
-                label: this.translateService.instant("hcm.payroll.employees_addition_pix_key_type"),
-                field: "pixKeyType",
-            },
-            {
-                label: this.translateService.instant("hcm.payroll.employees_addition_pix_key"),
-                field: "pixKey",
-            },
-            {
-                label: this.translateService.instant("hcm.payroll.historical_pix_account_label_percentage"),
-                field: "percentage",
-            },
-        ];
-        this.actions = (rowData = {}, key) => {
-            return [
-                {
-                    visible: this.isEditMode,
-                    label: this.translateService.instant("hcm.payroll.employees_image_cropper_view"),
-                    command: () => {
-                        if (this.isAllowToViewHistorical) {
-                            rowData["index"] = key;
-                            this.pixAccountItemInput = { currentItem: rowData, listData: this.listDataNoPage, isEditMode: false };
-                            this.visible = true;
-                        }
-                        else {
-                            this.isViewModeActive.emit(true);
-                        }
-                    },
-                },
-                {
-                    visible: !!((!this.isEditMode && this.withSideBar) || this.showButtonEdit),
-                    label: this.translateService.instant("hcm.payroll.edit"),
-                    command: () => {
-                        if (this.isAllowToEditHistorical) {
-                            rowData["index"] = key;
-                            this.pixAccountItemInput = { currentItem: rowData, listData: this.listDataNoPage, isEditMode: true };
-                            this.visible = true;
-                        }
-                        else {
-                            this.isEditModeActive.emit(true);
-                            if (this.listFromApp.length == 0) {
-                                rowData["index"] = key;
-                                this.pixAccountItemInput = { currentItem: rowData, listData: this.listDataNoPage, isEditMode: true };
-                                this.visible = true;
-                            }
-                        }
-                    },
-                },
-                {
-                    visible: !this.isEditMode,
-                    label: this.translateService.instant("hcm.payroll.delete"),
-                    command: () => {
-                        if (this.isAllowToDeleteHistorical) {
-                            this.loading = true;
-                            this.deleteAnnuityItem(key);
-                        }
-                        else {
-                            this.isDeleteModeActive.emit(true);
-                            if (this.listFromApp.length == 0) {
-                                this.loading = true;
-                                this.deleteAnnuityItem(key);
-                            }
-                        }
-                    },
-                },
-            ];
-        };
-        this.createFormGroup();
-    }
-    ngOnInit() {
-        this.formGroup.setControl(this.fieldFormGroup, this.historicalPixAccountList);
-    }
-    ngOnChanges(changes) {
-        if (changes['listDataReciever'] && changes['listDataReciever'].currentValue) {
-            this.listFromApp = changes['listDataReciever'].currentValue;
-        }
-        if (changes['showButtonEdit'] && changes['showButtonEdit'].currentValue) {
-            this.permitsEditBankAccount = changes['showButtonEdit'].currentValue;
-        }
-    }
-    createFormGroup() {
-        this.historicalPixAccountList = this.formBuilder.group({
-            historicalPixAccountList: this.formBuilder.control(null),
-        });
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    ngAfterViewInit() {
-        this.cd.detectChanges();
-    }
-    onLazyLoad(event) {
-        const first = event && event.first ? event.first : 0;
-        const rows = event && event.rows ? event.rows : this.recordByRow;
-        const arrList = this.getHistoricalPixAccountList();
-        this.listData = [];
-        this.totalRecords = null;
-        if (event && event.multiSortMeta && event.multiSortMeta.length) {
-            event.multiSortMeta.map((value) => {
-                this.orderBy.field = value.field;
-                this.orderBy.direction = value.order === 1 ? DirectionEnumeration.ASC : DirectionEnumeration.DESC;
-            });
-        }
-        if (arrList && arrList.length) {
-            this.totalRecords = arrList.length;
-            this.listData = arrList;
-            this.listDataNoPage = [...arrList];
-            this.listData.sort(compareValues(this.orderBy.field, this.orderBy.direction));
-            this.listData = this.listData.slice(first, (first + rows));
-        }
-        else {
-            this.listDataNoPage = [];
-        }
-        if (this.isEditMode || arrList && arrList.length === 1) {
-            this.refreshCssInIE11();
-        }
-        this.loading = false;
-    }
-    /**
-     * Um Bug de CSS que acontece nas linhas da tabela, que resolve só atualizando qualquer parte do CSS da pagina.
-     */
-    refreshCssInIE11() {
-        if (/msie\s|trident\/|edge\//i.test(window.navigator.userAgent)) {
-            setTimeout(() => {
-                const row = document.getElementsByClassName("row0");
-                if (row && row[0])
-                    row[0].className = 'refresh';
-            }, 1);
-        }
-    }
-    add() {
-        this.pixAccountItemInput = {};
-        this.visible = true;
-    }
-    isNotAllowMessage() {
-        this.messageService.add({
-            severity: "error",
-            summary: this.translateService.instant("hcm.payroll.error"),
-            detail: this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
-        });
-    }
-    deleteAnnuityItem(index) {
-        let newlist = [...this.getHistoricalPixAccountList()];
-        newlist.sort(compareValues(this.orderBy.field, this.orderBy.direction));
-        delete newlist[index];
-        newlist = newlist.filter(val => val);
-        this.historicalPixAccountList.get("historicalPixAccountList").setValue(newlist);
-        this.verifyTotalPercentage();
-        this.onLazyLoad();
-    }
-    getHistoricalPixAccountList() {
-        if (this.historicalPixAccountList.get("historicalPixAccountList") &&
-            this.historicalPixAccountList.get("historicalPixAccountList").value &&
-            this.historicalPixAccountList.get("historicalPixAccountList").value.length)
-            return this.historicalPixAccountList.get("historicalPixAccountList") && this.historicalPixAccountList.get("historicalPixAccountList").value;
-        else
-            return [];
-    }
-    addItemInList($event) {
-        const index = $event && $event.index >= 0 ? $event.index : null;
-        const newDataList = this.getHistoricalPixAccountList() ? this.getHistoricalPixAccountList() : [];
-        if (index != null) {
-            newDataList[index] = $event;
-            delete $event.index;
-        }
-        else {
-            if (isValid($event["customFields"]) && Object.keys($event["customFields"]).length) {
-                const customValue = mountCustomToSave($event["customFields"]);
-                $event["customFields"] = [...customValue];
-            }
-            $event["dateChange"] = this.dateChange;
-            newDataList.push($event);
-        }
-        this.historicalPixAccountList.get("historicalPixAccountList").setValue(newDataList);
-        this.verifyTotalPercentage();
-        this.onLazyLoad({ first: this.getNumberPageByIndex(index, newDataList) });
-    }
-    getNumberPageByIndex(index, list) {
-        if (index) {
-            const total = list.length;
-            const sub = this.recordByRow - 1;
-            return Math.ceil(total / this.recordByRow) * this.recordByRow - sub - 1;
-        }
-        return null;
-    }
-    verifyTotalPercentage() {
-        const list = this.getHistoricalPixAccountList() ? this.getHistoricalPixAccountList() : [];
-        const arrayPercentage = [];
-        if (!list.length)
-            return this.msgTotalLimitByPercentage = null;
-        list.filter((item) => arrayPercentage.push(item && item["percentage"]));
-        const sumPercentage = arrayPercentage.reduce((total, percentage) => {
-            return total + percentage;
-        }, 0);
-        if (sumPercentage === 100) {
-            this.msgTotalLimitByPercentage = this.translateService.instant("hcm.payroll.historical_pix_account_msg_limit_total_by_percentage");
-        }
-        else {
-            this.msgTotalLimitByPercentage = null;
-        }
-    }
-    get scopedActions() {
-        return this.actions.bind(this);
-    }
-    get recordsMessage() {
-        return `${this.totalRecords || 0} ${this.totalRecords === 1 ? this.translateService.instant("hcm.payroll.admission_register") : this.translateService.instant("hcm.payroll.admission_registers")}`;
-    }
-    get getTooltipAndDisableButtonAdd() {
-        return this.dateChange ? null : this.msgTooltipAdd;
-    }
-    get dateChange() {
-        return this._dateChange;
-    }
-    set dateChange(value) {
-        this._dateChange = value;
-        if (this._dateChange) {
-            this.listData.filter((row) => row["dateChange"] = this._dateChange);
-        }
-    }
-    get displayDateChange() {
-        return this._displayDateChange;
-    }
-    set displayDateChange(value) {
-        this._displayDateChange = value;
-        if (this._displayDateChange) {
-            this.listData.filter((row) => row["displayDateChange"] = this._displayDateChange);
-        }
-    }
-    set addListData(list) {
-        this.loading = true;
-        this.historicalPixAccountList.get("historicalPixAccountList").patchValue(list);
-        this.verifyTotalPercentage();
-        this.onLazyLoad();
-    }
-    get visible() {
-        return this._visible;
-    }
-    set visible(value) {
-        this._visible = value;
-        this.visibleChange.emit(this.visible);
-        if (!value) {
-            this.pixAccountItemInput = {};
-        }
-    }
-    close() {
-        this.visible = false;
-    }
-    getFormattedTelephoneNumber(telephoneNumber) {
-        return FormatUtilsService.getFormattedTelephoneNumber(telephoneNumber);
-    }
-    getFormattedCpf(cpf) {
-        return FormatUtilsService.getFormattedCpf(cpf);
-    }
-    getFormattedCnpj(cnpj) {
-        return FormatUtilsService.getFormattedCnpj(cnpj);
-    }
-    getFormattedPercentage(value) {
-        return FormatUtilsService.getFormattedPercentage(value);
-    }
-    get isAllowToAddHistorical() {
-        return (this.permission["incluir"]);
-    }
-    get isAllowToDeleteHistorical() {
-        return (this.permission["excluir"]);
-    }
-    get isAllowToEditHistorical() {
-        return (this.permission["editar"]);
-    }
-    get isAllowToViewHistorical() {
-        return (this.permission["visualizar"]);
-    }
-};
-HistoricalPixAccountComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: ChangeDetectorRef },
-    { type: FormBuilder },
-    { type: MessageService }
-];
-__decorate([
-    ViewChild(CustomFieldsComponent$1, { static: false })
-], HistoricalPixAccountComponent.prototype, "customFields", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "formGroup", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "fieldFormGroup", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "_dateChange", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "_displayDateChange", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "recordByRow", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "showDateChange", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "msgTooltipAdd", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "isEditMode", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "isViewMode", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "currency", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "customEntity", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "customService", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "withSideBar", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "paramsForm", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "defaultCpfNumber", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "permission", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "listDataReciever", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "showButtonEdit", void 0);
-__decorate([
-    Output()
-], HistoricalPixAccountComponent.prototype, "isViewModeActive", void 0);
-__decorate([
-    Output()
-], HistoricalPixAccountComponent.prototype, "isEditModeActive", void 0);
-__decorate([
-    Output()
-], HistoricalPixAccountComponent.prototype, "isDeleteModeActive", void 0);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "dateChange", null);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "displayDateChange", null);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "addListData", null);
-__decorate([
-    Input()
-], HistoricalPixAccountComponent.prototype, "visible", null);
-HistoricalPixAccountComponent = __decorate([
-    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 && !isViewMode\">\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                  [permitsEditBankAccountForm]=\"permitsEditBankAccount\"\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 *ngIf=\"!isViewMode\" [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=\"!isViewMode\" 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 && !isViewMode\">\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);
-
 class GenericValidator {
     constructor() { }
     /**
@@ -9054,398 +8656,810 @@ class GenericValidator {
                     pos = 9;
                 }
             }
-            result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
-            if (result !== Number(digits.charAt(1))) {
-                return { cnpjNotValid: true };
+            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.
+     */
+    static isValidPhoneNumber(control) {
+        let cellPhoneKey = control.value || '';
+        cellPhoneKey = cellPhoneKey.replace(/[\s()-]/g, '');
+        const regexNumberTelephone = /^[1-9][\d]{1,2}\d{8,10}$/;
+        const isValidNumberTelephone = regexNumberTelephone.test(cellPhoneKey);
+        return isValidNumberTelephone ? null : { invalidPhoneNumber: true };
+    }
+    /**
+     * Valida o email da chave PIX.
+     */
+    static isValidEmail(control) {
+        const emailKey = control.value;
+        const regexValidEmail = /^[\w-\.]+@[\w-]+(\.[\w-]{2,4}){1,2}$/;
+        const isValidEmail = regexValidEmail.test(emailKey);
+        return isValidEmail ? null : { invalidEmail: true };
+    }
+}
+
+let HistoricalPixAccountFormComponent = class HistoricalPixAccountFormComponent {
+    constructor(formBuilder, cd) {
+        this.formBuilder = formBuilder;
+        this.cd = cd;
+        this.withSideBar = true;
+        this.isEditMode = false;
+        this.paramsForm = new FormGroup({});
+        this.defaultCpfNumber = null;
+        this.permitsEditBankAccountForm = false;
+        this.visibleChange = new EventEmitter();
+        this.pixAccountItemToList = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
+        this.initialValidatorOfPercentage = [Validators.required, 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();
+    }
+    ngOnInit() {
+    }
+    ngDoCheck() {
+        if (this.pixAccountFormGroup && this.pixKeyType === "BANK_ACCOUNT") {
+            const pixKeyControl = this.pixAccountFormGroup.get("pixKey");
+            if (pixKeyControl && !pixKeyControl.disabled) {
+                pixKeyControl.disable();
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.cd.detectChanges();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next(true);
+        this.ngUnsubscribe.unsubscribe();
+    }
+    registerSubjects() {
+    }
+    createFormGroup() {
+        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, Validators.required),
+            pixKey: this.formBuilder.control(null),
+            percentage: this.formBuilder.control(null, Validators.compose([
+                ...this.initialValidatorOfPercentage,
+                Validators.max(this.maxValuePercentage),
+            ])),
+            externalId: this.formBuilder.control(null),
+            customFields: this.formBuilder.control(null),
+        });
+    }
+    onChangePixKeyType(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();
+            }
+        }
+    }
+    onClearPixKeyType() {
+        this.isShowPixKeyFieldValidatorMessage = false;
+        this.pixAccountFormGroup.get("pixKey").reset();
+    }
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        this._visible = value;
+        this.visibleChange.emit(this.visible);
+    }
+    set isEditAndViewValue(value) {
+        this.resetForm();
+        this.visibleBtnSave = true;
+        if (value && value.permitsEditBankAccount) {
+            this.permitsEditBankAccountForm = true;
+        }
+        if (value && value.currentItem && Object.keys(value.currentItem).length) {
+            this.pixAccountFormGroup.patchValue(this.convertDTOToShowWithCustomFields(Object.assign({}, value.currentItem)));
+            this.labelBtnAdd = "hcm.payroll.employees_update";
+            this.setValidatorsAccordingList(value.listData, value.currentItem["index"], value && value["isEditMode"]);
+            if (!this.isView) {
+                this.configEnableFields(value && value["isEditMode"]);
+            }
+            else {
+                if (this.pixAccountFormGroup.get("pixKeyType").value) {
+                    this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
+                    this.formatPixKeyTelephoneNumber();
+                }
+            }
+        }
+        else {
+            this.labelBtnAdd = "hcm.payroll.employees_add";
+        }
+    }
+    formatPixKeyTelephoneNumber() {
+        if (this.pixKeyType === "TELEPHONE") {
+            this.pixAccountFormGroup.get("pixKey").setValue(FormatUtilsService.getFormattedTelephoneNumber(this.pixAccountFormGroup.get("pixKey").value));
+        }
+    }
+    convertDTOToShowWithCustomFields(data) {
+        const obj = Object.assign({}, data);
+        obj["customFields"] = mountCustomToShow(obj["customFields"]);
+        return obj;
+    }
+    configEnableFields(isEditMode) {
+        this.visibleBtnSave = isEditMode;
+        if (this.pixAccountFormGroup.get("pixKeyType").value) {
+            this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
+            this.setPixKeyValidators(isEditMode);
+            this.formatPixKeyTelephoneNumber();
+        }
+        configEnabledFields(this.pixAccountFormGroup, isEditMode, [
+            "pixKeyType",
+            "pixKey",
+            "percentage",
+            "customFields",
+        ], []);
+    }
+    close() {
+        this.resetForm();
+        this.visible = false;
+    }
+    addItem() {
+        this.pixAccountFormGroup.updateValueAndValidity();
+        verifyValidationsForm.call(this.pixAccountFormGroup);
+        if (this.pixAccountFormGroup.valid) {
+            if (this.employeeId) {
+                this.pixAccountFormGroup.get("employee").setValue({
+                    tableId: this.employeeId,
+                    name: "",
+                });
+            }
+            this.pixAccountItemToList.emit(this.pixAccountFormGroup.getRawValue());
+            this.visible = false;
+            this.resetForm();
+        }
+    }
+    resetForm() {
+        this.pixAccountFormGroup.reset();
+        this.labelBtnAdd = "hcm.payroll.employees_add";
+        if (this.customFields && this.customFields.formGroup)
+            this.customFields.formGroup.reset();
+    }
+    get percentagePlaceholder() {
+        return `0${this.currency && this.currency.decimalSeparator}00`;
+    }
+    get optionsPercentage() {
+        return Object.assign({}, this.getOptions(), { precision: 2 });
+    }
+    getOptions() {
+        return {
+            prefix: "",
+            thousands: this.currency.thousandsSeparator,
+            decimal: this.currency.decimalSeparator,
+        };
+    }
+    /**
+     * O Input que recebe a lista do component pai e chama o método de validação passando a lista recebida.
+     * @param pixAccountList
+     */
+    set getListPixAccount(pixAccountList) {
+        if (pixAccountList) {
+            this.setValidatorsAccordingList(pixAccountList, null, false);
+        }
+        else {
+            this.resetForm();
+        }
+    }
+    /**
+     * 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
+     */
+    setValidatorsAccordingList(pixAccountList, index = null, isEditMode = true) {
+        this.pixAccountList = pixAccountList && pixAccountList.length ? [...pixAccountList] : [];
+        const percentageIncluded = [];
+        if (this.pixAccountList && this.pixAccountList.length) {
+            this.pixAccountList.filter((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.
+     */
+    setPixKeyValidators(isEditMode) {
+        const genericPixKey = this.pixAccountFormGroup.get("pixKey");
+        if (this.pixKeyType) {
+            switch (this.pixKeyType) {
+                case "TELEPHONE":
+                    genericPixKey.setValidators(Validators.compose([
+                        Validators.required, GenericValidator.isValidPhoneNumber,
+                    ]));
+                    break;
+                case "EMAIL":
+                    genericPixKey.setValidators(Validators.compose([
+                        Validators.required, GenericValidator.isValidEmail,
+                    ]));
+                    break;
+                case "CPF":
+                    genericPixKey.setValidators(Validators.compose([
+                        Validators.required, GenericValidator.isValidCpf,
+                    ]));
+                    break;
+                case "CNPJ":
+                    genericPixKey.setValidators(Validators.compose([
+                        Validators.required, GenericValidator.isValidCnpj,
+                    ]));
+                    break;
+                case "RANDOM_KEY":
+                    genericPixKey.setValidators(Validators.required);
+                    break;
+                default:
+                    genericPixKey.setValidators(null);
+                    break;
+            }
+            if (isEditMode) {
+                genericPixKey.enable();
             }
-            return null;
+            genericPixKey.updateValueAndValidity();
         }
-        return null;
     }
     /**
-     * Válida o número de telefone da chave PIX.
+     * 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
      */
-    static isValidPhoneNumber(control) {
-        let cellPhoneKey = control.value || '';
-        cellPhoneKey = cellPhoneKey.replace(/[\s()-]/g, '');
-        const regexNumberTelephone = /^[1-9][\d]{1,2}\d{8,10}$/;
-        const isValidNumberTelephone = regexNumberTelephone.test(cellPhoneKey);
-        return isValidNumberTelephone ? null : { invalidPhoneNumber: true };
+    validatePercentageValid(listValue) {
+        const percentage = this.pixAccountFormGroup.get("percentage");
+        this.maxValuePercentage = listValue
+            .reduce((currentValue, total) => currentValue - total, 100.00);
+        percentage
+            .setValidators(Validators.compose([
+            ...this.initialValidatorOfPercentage,
+            Validators.max(this.maxValuePercentage),
+        ]));
+        percentage.updateValueAndValidity();
     }
-    /**
-     * Valida o email da chave PIX.
-     */
-    static isValidEmail(control) {
-        const emailKey = control.value;
-        const regexValidEmail = /^[\w-\.]+@[\w-]+(\.[\w-]{2,4}){1,2}$/;
-        const isValidEmail = regexValidEmail.test(emailKey);
-        return isValidEmail ? null : { invalidEmail: true };
+    set isViewMode(condition) {
+        this.isView = !!(condition && !this.withSideBar);
+        this.configEnableFields(!this.isView);
+        if (!this.isView)
+            this.resetForm();
     }
-}
+    phoneMask(event) {
+        FormatUtilsService.formatTelephoneInputEvent(event);
+    }
+    setDefaultCpfPixKey() {
+        if (this.defaultCpfNumber) {
+            this.pixAccountFormGroup.get("pixKey").setValue(this.defaultCpfNumber);
+        }
+        else {
+            const sheetDocument = this.paramsForm.get("sheetDocument");
+            if (sheetDocument) {
+                const cpf = sheetDocument.get("cpfNumber").value;
+                if (cpf) {
+                    this.pixAccountFormGroup.get("pixKey").setValue(cpf);
+                }
+            }
+        }
+    }
+    beforeSetPixKeyTypeValidator() {
+        const pixKeyType = this.pixAccountFormGroup.get("pixKeyType");
+        if (this.pixAccountList && this.pixAccountList.length && pixKeyType) {
+            pixKeyType
+                .setValidators(Validators.compose([
+                Validators.required,
+                this.validateDuplicatePixKeyTypeBankAccount(this.pixAccountList),
+            ]));
+        }
+        else {
+            pixKeyType.setValidators(Validators.required);
+        }
+    }
+    validateDuplicatePixKeyTypeBankAccount(listCompare) {
+        return (control) => {
+            const value = control && control.value;
+            let condition = false;
+            listCompare.filter((field) => {
+                if (value) {
+                    if (field["pixKeyType"].key === 'BANK_ACCOUNT' && value.key === field["pixKeyType"].key) {
+                        return condition = true;
+                    }
+                }
+            });
+            if (condition && !this.permitsEditBankAccountForm) {
+                return { pixKeyTypeBankAccountDuplicate: true };
+            }
+            else {
+                return null;
+            }
+        };
+    }
+};
+HistoricalPixAccountFormComponent.ctorParameters = () => [
+    { type: FormBuilder },
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    ViewChild(CustomFieldsComponent$1, { static: true })
+], HistoricalPixAccountFormComponent.prototype, "customFields", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "currency", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "customEntity", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "customService", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "withSideBar", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "isEditMode", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "paramsForm", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "defaultCpfNumber", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "permitsEditBankAccountForm", void 0);
+__decorate([
+    Output()
+], HistoricalPixAccountFormComponent.prototype, "visibleChange", void 0);
+__decorate([
+    Output()
+], HistoricalPixAccountFormComponent.prototype, "pixAccountItemToList", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "visible", null);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "isEditAndViewValue", null);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "getListPixAccount", null);
+__decorate([
+    Input()
+], HistoricalPixAccountFormComponent.prototype, "isViewMode", null);
+HistoricalPixAccountFormComponent = __decorate([
+    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}"]
+    })
+], HistoricalPixAccountFormComponent);
 
-let HistoricalPixAccountFormComponent = class HistoricalPixAccountFormComponent {
-    constructor(formBuilder, cd) {
-        this.formBuilder = formBuilder;
+let HistoricalPixAccountComponent = class HistoricalPixAccountComponent {
+    constructor(translateService, cd, formBuilder, messageService) {
+        this.translateService = translateService;
         this.cd = cd;
-        this.withSideBar = true;
+        this.formBuilder = formBuilder;
+        this.messageService = messageService;
+        this.recordByRow = 1;
+        this.showDateChange = false;
         this.isEditMode = false;
-        this.paramsForm = new FormGroup({});
+        this.isViewMode = false;
+        this.withSideBar = true;
         this.defaultCpfNumber = null;
-        this.permitsEditBankAccountForm = false;
+        this.listDataReciever = [];
+        this.showButtonEdit = false;
+        this.isViewModeActive = new EventEmitter();
+        this.isEditModeActive = new EventEmitter();
+        this.isDeleteModeActive = new EventEmitter();
+        this.listFromApp = [];
         this.visibleChange = new EventEmitter();
-        this.pixAccountItemToList = new EventEmitter();
         this.ngUnsubscribe = new Subject();
-        this.initialValidatorOfPercentage = [Validators.required, Validators.min(0.01)];
-        this.labelBtnAdd = "hcm.payroll.employees_add";
-        this.maxValuePercentage = 100.00;
-        this.visibleBtnSave = true;
-        this.isView = false;
-        this.isShowPixKeyFieldValidatorMessage = false;
+        this.orderBy = {
+            field: "dateChange",
+            direction: 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.permitsEditBankAccount = false;
+        this.cols = [
+            {
+                label: this.translateService.instant("hcm.payroll.employees_addition_pix_key_type"),
+                field: "pixKeyType",
+            },
+            {
+                label: this.translateService.instant("hcm.payroll.employees_addition_pix_key"),
+                field: "pixKey",
+            },
+            {
+                label: this.translateService.instant("hcm.payroll.historical_pix_account_label_percentage"),
+                field: "percentage",
+            },
+        ];
+        this.actions = (rowData = {}, key) => {
+            return [
+                {
+                    visible: this.isEditMode,
+                    label: this.translateService.instant("hcm.payroll.employees_image_cropper_view"),
+                    command: () => {
+                        if (this.isAllowToViewHistorical) {
+                            rowData["index"] = key;
+                            this.pixAccountItemInput = { currentItem: rowData, listData: this.listDataNoPage, isEditMode: false };
+                            this.visible = true;
+                        }
+                        else {
+                            this.isViewModeActive.emit(true);
+                        }
+                    },
+                },
+                {
+                    visible: !!((!this.isEditMode && this.withSideBar) || this.showButtonEdit),
+                    label: this.translateService.instant("hcm.payroll.edit"),
+                    command: () => {
+                        this.permitsEditBankAccount = true;
+                        if (this.isAllowToEditHistorical) {
+                            rowData["index"] = key;
+                            this.pixAccountItemInput = {
+                                currentItem: rowData, listData: this.listDataNoPage, isEditMode: true, permitsEditBankAccount: true
+                            };
+                            this.visible = true;
+                        }
+                        else {
+                            this.isEditModeActive.emit(true);
+                            if (this.listFromApp.length == 0) {
+                                rowData["index"] = key;
+                                this.pixAccountItemInput = {
+                                    currentItem: rowData, listData: this.listDataNoPage, isEditMode: true, permitsEditBankAccount: true
+                                };
+                            }
+                        }
+                    },
+                },
+                {
+                    visible: !this.isEditMode,
+                    label: this.translateService.instant("hcm.payroll.delete"),
+                    command: () => {
+                        if (this.isAllowToDeleteHistorical) {
+                            this.loading = true;
+                            this.deleteAnnuityItem(key);
+                        }
+                        else {
+                            this.isDeleteModeActive.emit(true);
+                            if (this.listFromApp.length == 0) {
+                                this.loading = true;
+                                this.deleteAnnuityItem(key);
+                            }
+                        }
+                    },
+                },
+            ];
+        };
         this.createFormGroup();
-        this.registerSubjects();
     }
     ngOnInit() {
+        this.formGroup.setControl(this.fieldFormGroup, this.historicalPixAccountList);
     }
-    ngDoCheck() {
-        if (this.pixAccountFormGroup && this.pixKeyType === "BANK_ACCOUNT") {
-            const pixKeyControl = this.pixAccountFormGroup.get("pixKey");
-            if (pixKeyControl && !pixKeyControl.disabled) {
-                pixKeyControl.disable();
-            }
+    ngOnChanges(changes) {
+        if (changes['listDataReciever'] && changes['listDataReciever'].currentValue) {
+            this.listFromApp = changes['listDataReciever'].currentValue;
+        }
+        if (changes['showButtonEdit'] && changes['showButtonEdit'].currentValue) {
+            this.permitsEditBankAccount = changes['showButtonEdit'].currentValue;
         }
-    }
-    ngAfterViewInit() {
-        this.cd.detectChanges();
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next(true);
-        this.ngUnsubscribe.unsubscribe();
-    }
-    registerSubjects() {
     }
     createFormGroup() {
-        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, Validators.required),
-            pixKey: this.formBuilder.control(null),
-            percentage: this.formBuilder.control(null, Validators.compose([
-                ...this.initialValidatorOfPercentage,
-                Validators.max(this.maxValuePercentage),
-            ])),
-            externalId: this.formBuilder.control(null),
-            customFields: this.formBuilder.control(null),
+        this.historicalPixAccountList = this.formBuilder.group({
+            historicalPixAccountList: this.formBuilder.control(null),
         });
     }
-    onChangePixKeyType(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();
-            }
-        }
-    }
-    onClearPixKeyType() {
-        this.isShowPixKeyFieldValidatorMessage = false;
-        this.pixAccountFormGroup.get("pixKey").reset();
-    }
-    get visible() {
-        return this._visible;
-    }
-    set visible(value) {
-        this._visible = value;
-        this.visibleChange.emit(this.visible);
-    }
-    set isEditAndViewValue(value) {
-        this.resetForm();
-        this.visibleBtnSave = true;
-        if (value && value.currentItem && Object.keys(value.currentItem).length) {
-            this.pixAccountFormGroup.patchValue(this.convertDTOToShowWithCustomFields(Object.assign({}, value.currentItem)));
-            this.labelBtnAdd = "hcm.payroll.employees_update";
-            this.setValidatorsAccordingList(value.listData, value.currentItem["index"], value && value["isEditMode"]);
-            if (!this.isView) {
-                this.configEnableFields(value && value["isEditMode"]);
-            }
-            else {
-                if (this.pixAccountFormGroup.get("pixKeyType").value) {
-                    this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
-                    this.formatPixKeyTelephoneNumber();
-                }
-            }
-        }
-        else {
-            this.labelBtnAdd = "hcm.payroll.employees_add";
-        }
-    }
-    formatPixKeyTelephoneNumber() {
-        if (this.pixKeyType === "TELEPHONE") {
-            this.pixAccountFormGroup.get("pixKey").setValue(FormatUtilsService.getFormattedTelephoneNumber(this.pixAccountFormGroup.get("pixKey").value));
-        }
-    }
-    convertDTOToShowWithCustomFields(data) {
-        const obj = Object.assign({}, data);
-        obj["customFields"] = mountCustomToShow(obj["customFields"]);
-        return obj;
-    }
-    configEnableFields(isEditMode) {
-        this.visibleBtnSave = isEditMode;
-        if (this.pixAccountFormGroup.get("pixKeyType").value) {
-            this.pixKeyType = this.pixAccountFormGroup.get("pixKeyType").value.key;
-            this.setPixKeyValidators(isEditMode);
-            this.formatPixKeyTelephoneNumber();
-        }
-        configEnabledFields(this.pixAccountFormGroup, isEditMode, [
-            "pixKeyType",
-            "pixKey",
-            "percentage",
-            "customFields",
-        ], []);
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
     }
-    close() {
-        this.resetForm();
-        this.visible = false;
+    ngAfterViewInit() {
+        this.cd.detectChanges();
     }
-    addItem() {
-        this.pixAccountFormGroup.updateValueAndValidity();
-        verifyValidationsForm.call(this.pixAccountFormGroup);
-        if (this.pixAccountFormGroup.valid) {
-            if (this.employeeId) {
-                this.pixAccountFormGroup.get("employee").setValue({
-                    tableId: this.employeeId,
-                    name: "",
-                });
-            }
-            this.pixAccountItemToList.emit(this.pixAccountFormGroup.getRawValue());
-            this.visible = false;
-            this.resetForm();
+    onLazyLoad(event) {
+        const first = event && event.first ? event.first : 0;
+        const rows = event && event.rows ? event.rows : this.recordByRow;
+        const arrList = this.getHistoricalPixAccountList();
+        this.listData = [];
+        this.totalRecords = null;
+        if (event && event.multiSortMeta && event.multiSortMeta.length) {
+            event.multiSortMeta.map((value) => {
+                this.orderBy.field = value.field;
+                this.orderBy.direction = value.order === 1 ? DirectionEnumeration.ASC : DirectionEnumeration.DESC;
+            });
         }
-    }
-    resetForm() {
-        this.pixAccountFormGroup.reset();
-        this.labelBtnAdd = "hcm.payroll.employees_add";
-        if (this.customFields && this.customFields.formGroup)
-            this.customFields.formGroup.reset();
-    }
-    get percentagePlaceholder() {
-        return `0${this.currency && this.currency.decimalSeparator}00`;
-    }
-    get optionsPercentage() {
-        return Object.assign({}, this.getOptions(), { precision: 2 });
-    }
-    getOptions() {
-        return {
-            prefix: "",
-            thousands: this.currency.thousandsSeparator,
-            decimal: this.currency.decimalSeparator,
-        };
-    }
-    /**
-     * O Input que recebe a lista do component pai e chama o método de validação passando a lista recebida.
-     * @param pixAccountList
-     */
-    set getListPixAccount(pixAccountList) {
-        if (pixAccountList) {
-            this.setValidatorsAccordingList(pixAccountList, null, false);
+        if (arrList && arrList.length) {
+            this.totalRecords = arrList.length;
+            this.listData = arrList;
+            this.listDataNoPage = [...arrList];
+            this.listData.sort(compareValues(this.orderBy.field, this.orderBy.direction));
+            this.listData = this.listData.slice(first, (first + rows));
         }
         else {
-            this.resetForm();
-        }
-    }
-    /**
-     * 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
-     */
-    setValidatorsAccordingList(pixAccountList, index = null, isEditMode = true) {
-        this.pixAccountList = pixAccountList && pixAccountList.length ? [...pixAccountList] : [];
-        const percentageIncluded = [];
-        if (this.pixAccountList && this.pixAccountList.length) {
-            this.pixAccountList.filter((field, key) => {
-                if (field["percentage"] && key != index) {
-                    percentageIncluded.push(field["percentage"]);
-                }
-            });
+            this.listDataNoPage = [];
         }
-        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.
-     */
-    setPixKeyValidators(isEditMode) {
-        const genericPixKey = this.pixAccountFormGroup.get("pixKey");
-        if (this.pixKeyType) {
-            switch (this.pixKeyType) {
-                case "TELEPHONE":
-                    genericPixKey.setValidators(Validators.compose([
-                        Validators.required, GenericValidator.isValidPhoneNumber,
-                    ]));
-                    break;
-                case "EMAIL":
-                    genericPixKey.setValidators(Validators.compose([
-                        Validators.required, GenericValidator.isValidEmail,
-                    ]));
-                    break;
-                case "CPF":
-                    genericPixKey.setValidators(Validators.compose([
-                        Validators.required, GenericValidator.isValidCpf,
-                    ]));
-                    break;
-                case "CNPJ":
-                    genericPixKey.setValidators(Validators.compose([
-                        Validators.required, GenericValidator.isValidCnpj,
-                    ]));
-                    break;
-                case "RANDOM_KEY":
-                    genericPixKey.setValidators(Validators.required);
-                    break;
-                default:
-                    genericPixKey.setValidators(null);
-                    break;
-            }
-            if (isEditMode) {
-                genericPixKey.enable();
-            }
-            genericPixKey.updateValueAndValidity();
+        if (this.isEditMode || arrList && arrList.length === 1) {
+            this.refreshCssInIE11();
         }
+        this.loading = false;
     }
     /**
-     * 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
+     * Um Bug de CSS que acontece nas linhas da tabela, que resolve só atualizando qualquer parte do CSS da pagina.
      */
-    validatePercentageValid(listValue) {
-        const percentage = this.pixAccountFormGroup.get("percentage");
-        this.maxValuePercentage = listValue
-            .reduce((currentValue, total) => currentValue - total, 100.00);
-        percentage
-            .setValidators(Validators.compose([
-            ...this.initialValidatorOfPercentage,
-            Validators.max(this.maxValuePercentage),
-        ]));
-        percentage.updateValueAndValidity();
+    refreshCssInIE11() {
+        if (/msie\s|trident\/|edge\//i.test(window.navigator.userAgent)) {
+            setTimeout(() => {
+                const row = document.getElementsByClassName("row0");
+                if (row && row[0])
+                    row[0].className = 'refresh';
+            }, 1);
+        }
     }
-    set isViewMode(condition) {
-        this.isView = !!(condition && !this.withSideBar);
-        this.configEnableFields(!this.isView);
-        if (!this.isView)
-            this.resetForm();
+    add() {
+        this.pixAccountItemInput = {};
+        this.visible = true;
     }
-    phoneMask(event) {
-        FormatUtilsService.formatTelephoneInputEvent(event);
+    isNotAllowMessage() {
+        this.messageService.add({
+            severity: "error",
+            summary: this.translateService.instant("hcm.payroll.error"),
+            detail: this.translateService.instant("hcm.payroll.permission_error_not_allowed"),
+        });
     }
-    setDefaultCpfPixKey() {
-        if (this.defaultCpfNumber) {
-            this.pixAccountFormGroup.get("pixKey").setValue(this.defaultCpfNumber);
+    deleteAnnuityItem(index) {
+        let newlist = [...this.getHistoricalPixAccountList()];
+        newlist.sort(compareValues(this.orderBy.field, this.orderBy.direction));
+        delete newlist[index];
+        newlist = newlist.filter(val => val);
+        this.historicalPixAccountList.get("historicalPixAccountList").setValue(newlist);
+        this.verifyTotalPercentage();
+        this.onLazyLoad();
+    }
+    getHistoricalPixAccountList() {
+        if (this.historicalPixAccountList.get("historicalPixAccountList") &&
+            this.historicalPixAccountList.get("historicalPixAccountList").value &&
+            this.historicalPixAccountList.get("historicalPixAccountList").value.length)
+            return this.historicalPixAccountList.get("historicalPixAccountList") && this.historicalPixAccountList.get("historicalPixAccountList").value;
+        else
+            return [];
+    }
+    addItemInList($event) {
+        const index = $event && $event.index >= 0 ? $event.index : null;
+        const newDataList = this.getHistoricalPixAccountList() ? this.getHistoricalPixAccountList() : [];
+        if (index != null) {
+            newDataList[index] = $event;
+            delete $event.index;
         }
         else {
-            const sheetDocument = this.paramsForm.get("sheetDocument");
-            if (sheetDocument) {
-                const cpf = sheetDocument.get("cpfNumber").value;
-                if (cpf) {
-                    this.pixAccountFormGroup.get("pixKey").setValue(cpf);
-                }
+            if (isValid($event["customFields"]) && Object.keys($event["customFields"]).length) {
+                const customValue = mountCustomToSave($event["customFields"]);
+                $event["customFields"] = [...customValue];
             }
+            $event["dateChange"] = this.dateChange;
+            newDataList.push($event);
+        }
+        if (this.formComponent) {
+            this.formComponent.permitsEditBankAccountForm = false;
+            this.cd.detectChanges();
         }
+        this.historicalPixAccountList.get("historicalPixAccountList").setValue(newDataList);
+        this.verifyTotalPercentage();
+        this.onLazyLoad({ first: this.getNumberPageByIndex(index, newDataList) });
     }
-    beforeSetPixKeyTypeValidator() {
-        const pixKeyType = this.pixAccountFormGroup.get("pixKeyType");
-        if (this.pixAccountList && this.pixAccountList.length && pixKeyType) {
-            pixKeyType
-                .setValidators(Validators.compose([
-                Validators.required,
-                this.validateDuplicatePixKeyTypeBankAccount(this.pixAccountList),
-            ]));
+    getNumberPageByIndex(index, list) {
+        if (index) {
+            const total = list.length;
+            const sub = this.recordByRow - 1;
+            return Math.ceil(total / this.recordByRow) * this.recordByRow - sub - 1;
+        }
+        return null;
+    }
+    verifyTotalPercentage() {
+        const list = this.getHistoricalPixAccountList() ? this.getHistoricalPixAccountList() : [];
+        const arrayPercentage = [];
+        if (!list.length)
+            return this.msgTotalLimitByPercentage = null;
+        list.filter((item) => arrayPercentage.push(item && item["percentage"]));
+        const sumPercentage = arrayPercentage.reduce((total, percentage) => {
+            return total + percentage;
+        }, 0);
+        if (sumPercentage === 100) {
+            this.msgTotalLimitByPercentage = this.translateService.instant("hcm.payroll.historical_pix_account_msg_limit_total_by_percentage");
         }
         else {
-            pixKeyType.setValidators(Validators.required);
+            this.msgTotalLimitByPercentage = null;
         }
     }
-    validateDuplicatePixKeyTypeBankAccount(listCompare) {
-        return (control) => {
-            const value = control && control.value;
-            let condition = false;
-            listCompare.filter((field) => {
-                if (value) {
-                    if (field["pixKeyType"].key === 'BANK_ACCOUNT' && value.key === field["pixKeyType"].key) {
-                        return condition = true;
-                    }
-                }
-            });
-            if (condition && !this.permitsEditBankAccountForm) {
-                return { pixKeyTypeBankAccountDuplicate: true };
-            }
-            else {
-                return null;
-            }
-        };
+    get scopedActions() {
+        return this.actions.bind(this);
+    }
+    get recordsMessage() {
+        return `${this.totalRecords || 0} ${this.totalRecords === 1 ? this.translateService.instant("hcm.payroll.admission_register") : this.translateService.instant("hcm.payroll.admission_registers")}`;
+    }
+    get getTooltipAndDisableButtonAdd() {
+        return this.dateChange ? null : this.msgTooltipAdd;
+    }
+    get dateChange() {
+        return this._dateChange;
+    }
+    set dateChange(value) {
+        this._dateChange = value;
+        if (this._dateChange) {
+            this.listData.filter((row) => row["dateChange"] = this._dateChange);
+        }
+    }
+    get displayDateChange() {
+        return this._displayDateChange;
+    }
+    set displayDateChange(value) {
+        this._displayDateChange = value;
+        if (this._displayDateChange) {
+            this.listData.filter((row) => row["displayDateChange"] = this._displayDateChange);
+        }
+    }
+    set addListData(list) {
+        this.loading = true;
+        this.historicalPixAccountList.get("historicalPixAccountList").patchValue(list);
+        this.verifyTotalPercentage();
+        this.onLazyLoad();
+    }
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        this._visible = value;
+        this.visibleChange.emit(this.visible);
+        if (!value) {
+            this.pixAccountItemInput = {};
+        }
+    }
+    close() {
+        this.visible = false;
+    }
+    getFormattedTelephoneNumber(telephoneNumber) {
+        return FormatUtilsService.getFormattedTelephoneNumber(telephoneNumber);
+    }
+    getFormattedCpf(cpf) {
+        return FormatUtilsService.getFormattedCpf(cpf);
+    }
+    getFormattedCnpj(cnpj) {
+        return FormatUtilsService.getFormattedCnpj(cnpj);
+    }
+    getFormattedPercentage(value) {
+        return FormatUtilsService.getFormattedPercentage(value);
+    }
+    get isAllowToAddHistorical() {
+        return (this.permission["incluir"]);
+    }
+    get isAllowToDeleteHistorical() {
+        return (this.permission["excluir"]);
+    }
+    get isAllowToEditHistorical() {
+        return (this.permission["editar"]);
+    }
+    get isAllowToViewHistorical() {
+        return (this.permission["visualizar"]);
     }
 };
-HistoricalPixAccountFormComponent.ctorParameters = () => [
+HistoricalPixAccountComponent.ctorParameters = () => [
+    { type: TranslateService },
+    { type: ChangeDetectorRef },
     { type: FormBuilder },
-    { type: ChangeDetectorRef }
+    { type: MessageService }
 ];
 __decorate([
-    ViewChild(CustomFieldsComponent$1, { static: true })
-], HistoricalPixAccountFormComponent.prototype, "customFields", void 0);
+    ViewChild(CustomFieldsComponent$1, { static: false })
+], HistoricalPixAccountComponent.prototype, "customFields", void 0);
+__decorate([
+    ViewChild(HistoricalPixAccountFormComponent, { static: false })
+], HistoricalPixAccountComponent.prototype, "formComponent", void 0);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "currency", void 0);
+], HistoricalPixAccountComponent.prototype, "formGroup", void 0);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "customEntity", void 0);
+], HistoricalPixAccountComponent.prototype, "fieldFormGroup", void 0);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "customService", void 0);
+], HistoricalPixAccountComponent.prototype, "_dateChange", void 0);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "withSideBar", void 0);
+], HistoricalPixAccountComponent.prototype, "_displayDateChange", void 0);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "isEditMode", void 0);
+], HistoricalPixAccountComponent.prototype, "recordByRow", void 0);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "paramsForm", void 0);
+], HistoricalPixAccountComponent.prototype, "showDateChange", void 0);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "defaultCpfNumber", void 0);
+], HistoricalPixAccountComponent.prototype, "msgTooltipAdd", void 0);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "permitsEditBankAccountForm", void 0);
+], HistoricalPixAccountComponent.prototype, "isEditMode", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "isViewMode", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "currency", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "customEntity", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "customService", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "withSideBar", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "paramsForm", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "defaultCpfNumber", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "permission", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "listDataReciever", void 0);
+__decorate([
+    Input()
+], HistoricalPixAccountComponent.prototype, "showButtonEdit", void 0);
 __decorate([
     Output()
-], HistoricalPixAccountFormComponent.prototype, "visibleChange", void 0);
+], HistoricalPixAccountComponent.prototype, "isViewModeActive", void 0);
 __decorate([
     Output()
-], HistoricalPixAccountFormComponent.prototype, "pixAccountItemToList", void 0);
+], HistoricalPixAccountComponent.prototype, "isEditModeActive", void 0);
+__decorate([
+    Output()
+], HistoricalPixAccountComponent.prototype, "isDeleteModeActive", void 0);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "visible", null);
+], HistoricalPixAccountComponent.prototype, "dateChange", null);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "isEditAndViewValue", null);
+], HistoricalPixAccountComponent.prototype, "displayDateChange", null);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "getListPixAccount", null);
+], HistoricalPixAccountComponent.prototype, "addListData", null);
 __decorate([
     Input()
-], HistoricalPixAccountFormComponent.prototype, "isViewMode", null);
-HistoricalPixAccountFormComponent = __decorate([
+], HistoricalPixAccountComponent.prototype, "visible", null);
+HistoricalPixAccountComponent = __decorate([
     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",
+        // 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 && !isViewMode\">\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                  [permitsEditBankAccountForm]=\"permitsEditBankAccount\"\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 *ngIf=\"!isViewMode\" [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=\"!isViewMode\" 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 && !isViewMode\">\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}"]
     })
-], HistoricalPixAccountFormComponent);
+], HistoricalPixAccountComponent);
 
 let HistoricalPixAccountService = class HistoricalPixAccountService {
     constructor(http) {