@senior-gestao-pessoas/payroll-core 9.5.0-f5093372-3d3f-4b82-a958-d1cdf848ce4d → 9.5.0-fbdcba79-4ef6-4255-9628-f5e2e790112a

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

@@ -9518,6 +9518,8 @@
             this.activeValidatorsOnEditModalOpen$ = this.activeValidatorsOnEditModalOpen.asObservable();
             this.shouldReloadWindowOnlyEditMode = new rxjs.BehaviorSubject(false);
             this.shouldReloadWindowOnlyEditMode$ = this.shouldReloadWindowOnlyEditMode.asObservable();
+            this.hideBtnAddForViewMode = new rxjs.BehaviorSubject(false);
+            this.hideBtnAddForViewMode$ = this.hideBtnAddForViewMode.asObservable();
         }
         SharedStateService.prototype.setHideField = function (value) {
             this.hideFieldSubject.next(value);
@@ -9537,6 +9539,12 @@
         SharedStateService.prototype.triggerActiveValidatorsOnEditModalOpen = function () {
             this.activeValidatorsOnEditModalOpen.next();
         };
+        SharedStateService.prototype.setHideBtnAddForViewMode = function (value) {
+            this.hideBtnAddForViewMode.next(value);
+        };
+        SharedStateService.prototype.resetHideField = function () {
+            this.hideFieldSubject.next(true);
+        };
         SharedStateService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function SharedStateService_Factory() { return new SharedStateService(); }, token: SharedStateService, providedIn: "root" });
         SharedStateService = __decorate([
             core.Injectable({
@@ -10049,6 +10057,9 @@
             this.sharedStateService.shouldReloadWindowOnlyEditMode$.subscribe(function (value) {
                 _this.reloadOnlyOnEdit.emit(value);
             });
+            this.sharedStateService.hideBtnAddForViewMode$.subscribe(function (value) {
+                _this.hideBtnAddForViewMode = value;
+            });
             this.sharedStateService.activeValidatorsOnEditModalOpen$
                 .subscribe(function () {
                 Object.values(_this.formGroupByRow).forEach(function (fg) {
@@ -10599,7 +10610,7 @@
             core.Component({
                 // tslint:disable-next-line:component-selector
                 selector: "c-historical-pix-account",
-                template: "<s-sidebar *ngIf=\"withSideBar\" [visible]=\"visible\" (visibleChange)=\"close()\"\n           header=\"{{'hcm.payroll.historical_pix_account_title_form'|translate}}\">\n<pix-account [(visible)]=\"visible\"\n              [isEditAndViewValue]=\"pixAccountItemInput\"\n              [currency]=\"currency\"\n              [customEntity]=\"customEntity\"\n              [customService]=\"customService\"\n              [getListPixAccount]=\"listDataNoPage\"\n              [paramsForm]=\"paramsForm\"\n              [showField]=\"showFields\"\n              (pixAccountItemToList)=\"addItemInList($event)\"\n              [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</s-sidebar>\n\n<div *ngIf=\"!withSideBar\">\n    <pix-account [(visible)]=\"visible\"\n                  [isEditAndViewValue]=\"pixAccountItemInput\"\n                  [currency]=\"currency\"\n                  [customEntity]=\"customEntity\"\n                  [customService]=\"customService\"\n                  [getListPixAccount]=\"listDataNoPage\"\n                  [withSideBar]=\"false\"\n                  [isViewMode]=\"isViewMode\"\n                  [paramsForm]=\"paramsForm\"\n                  (pixAccountItemToList)=\"addItemInList($event)\"\n                  [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</div>\n\n<div class=\"ui-g-1\" *ngIf=\"withSideBar && !isEditMode\">\n    <div class=\"form-group \">\n        <s-button id=\"ta-addPayAnnuity\"\n                  [disabled]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  (onClick)=\"add()\"\n                  [pTooltip]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  tooltipPosition=\"top\"\n                  label=\"{{'hcm.payroll.historical_pix_account_add'|translate}}\"></s-button>\n    </div>\n</div>\n<div *ngIf=\"showFields || !showEditMode || !(hideFields | async)\" class=\"ui-g-12\">\n    <p-table\n        id=\"table-annuity\"\n        [value]=\"listData\"\n        [columns]=\"cols\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [lazy]=\"true\"\n        [scrollable]=\"true\"\n        [paginator]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [sortMode]=\"'multiple'\"\n        *sLoadingState=\"loading\"\n        [rows]=\"recordByRow\"\n        dataKey=\"id\">\n        <ng-template pTemplate=\"colgroup\" let-coumns>\n            <colgroup>\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-s'\">\n                <col *ngIf=\"showButtonView\" [ngClass]=\"'col-action'\">\n            </colgroup>\n        </ng-template>\n        <ng-template pTemplate=\"header\" let-columns>\n            <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n            <tr>\n                <!-- Cabe\u00E7alhos das colunas da tabela -->\n                <th\n                    [pSortableColumn]=\"'pixKeyType'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\" id=\"table-0\">\n                        <span\n                            id=\"table-annuity-s-0\">{{ 'hcm.payroll.employees_addition_pix_key_type' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'pixKey'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.employees_addition_pix_key' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'percentage'\"\n                    [pTooltip]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.historical_pix_account_label_percentage' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n                <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n                <th *ngIf=\"showButtonView\" id=\"col-actions\"></th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n\n            <tr [ngClass]=\"'row'+key\" [pSelectableRow]=\"rowData\">\n                <td [pTooltip]=\"rowData?.pixKeyType.value\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ rowData?.pixKeyType.value }}</span>\n                </td>\n\n                <ng-container [ngSwitch]=\"rowData?.pixKeyType.key\">\n                    <td *ngSwitchCase=\"'TELEPHONE'\"\n                        [pTooltip]=\"getFormattedTelephoneNumber(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedTelephoneNumber(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CPF'\"\n                        [pTooltip]=\"getFormattedCpf(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCpf(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CNPJ'\"\n                        [pTooltip]=\"getFormattedCnpj(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCnpj(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchDefault\n                        [pTooltip]=\"rowData?.pixKey\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ rowData?.pixKey }}</span>\n                    </td>\n                </ng-container>\n                <td [pTooltip]=\"getFormattedPercentage(rowData?.percentage)\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ getFormattedPercentage(rowData?.percentage) }}</span>\n                </td>\n                <td id=\"col-actions-{{key}}\" class=\"col-actions \"\n                    *ngIf=\"actions && actions(rowData, key)?.length && showButtonView\">\n                    <s-button id=\"table-admission-btn-actions-{{key}}\"\n                              *ngIf=\"!isViewMode &&  actions(rowData, key).length > 1\" [label]=\"actionLabel\"\n                              priority=\"default\" [model]=\"scopedActions(rowData, key)\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n                    <s-button id=\"table-admission-btn-action-{{key}}\"\n                              *ngIf=\"!isViewMode && actions(rowData, key).length <= 1\"\n                              [label]=\"scopedActions(rowData, key)[0].label\"\n                              priority=\"default\"\n                              (click)=\"scopedActions(rowData, key)[0].command()\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\" let-columns>\n            <tr>\n                <td [attr.colspan]=\"columns.length +2\">\n                    {{'hcm.payroll.admission_empty_message'|translate}}\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\">\n            <span *ngIf=\"totalRecords\">{{recordsMessage}}</span>\n        </ng-template>\n    </p-table>\n</div>\n\n<!-- Template exlusivo para edi\u00E7\u00E3o de pix via modal-->\n<div *ngIf=\"!withSideBar && showEditMode && (hideFields | async)\" class=\"ui-g-12\">\n    <!-- Bot\u00E3o Adicionar -->\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <s-button\n                id=\"btn-save\"\n                label=\"{{ 'hcm.payroll.historical_pix_account_add' | translate}}\"\n                priority=\"primary\"\n                (onClick)=\"addPix()\">\n            </s-button>\n        </div>\n    </div>\n\n    <!-- Tabela -->\n    <p-table #dataListPix sortField=\"percentage\"\n        [columns]=\"cols\"\n        [value]=\"addExistentHistoricData\"\n        [pageLinks]=\"3\"\n        [paginator]=\"true\"\n        [responsive]=\"true\"\n        [rows]=\"10\"\n        [resetPageOnSort]=\"false\"\n        [tableStyle]=\"{'margin-top': '2rem'}\"\n        [customSort]=\"true\">\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                <th *ngFor=\"let col of cols\">\n                    {{ col.label }}\n                </th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-item let-rowIndex=\"rowIndex\">\n            <ng-container *ngIf=\"formGroupByRow[rowIndex]\" [formGroup]=\"formGroupByRow[rowIndex]\">\n              <tr>\n                <!-- Tipo de Chave -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKeyType\" pEditableColumnField=\"pixKeyType\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <div style=\"width: 100%; position: relative;\">\n                        <p-autoComplete\n                          [suggestions]=\"suggestions\"\n                          (completeMethod)=\"filterPixKeyType($event)\"\n                          formControlName=\"pixKeyType\"\n                          [dropdown]=\"true\"\n                          (onSelect)=\"onPixKeyTypeChange($event, rowIndex)\"\n                          (onClear)=\"onPixKeyTypeClear(rowIndex)\"\n                          (ngModelChange)=\"onSyncValue('pixKeyType', rowIndex)\"\n                          field=\"value\"\n                          placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                          appendTo=\"body\"\n                          [panelStyle]=\"{ maxWidth: '300px', width: '100%' }\"\n                          [inputStyle]=\"{ width: '100%' }\"\n                        ></p-autoComplete>\n\n                        <s-control-errors [control]=\"formGroupByRow[rowIndex]?.get('pixKeyType')\"\n                          [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            pixKeyTypeBankAccountDuplicate: 'hcm.payroll.historical_pix_key_type_bank_account_duplicate' | translate\n                          }\">\n                        </s-control-errors>\n                      </div>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                      {{ item.pixKeyType?.value }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Chave Pix -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKey\" pEditableColumnField=\"pixKey\"\n                    [ngClass]=\"{'required': item.pixKeyType.key !== 'BANK_ACCOUNT',\n                        'disabled': item.pixKeyType && item.pixKeyType.key === 'BANK_ACCOUNT'\n                    }\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <ng-container [ngSwitch]=\"item.pixKeyType.key\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\"\n                            only-number\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (keyup)=\"phoneMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"15\"\n                            placeholder=\"(__) ____-____\" />\n\n                        <input *ngSwitchCase=\"'CPF'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"14\"\n                            placeholder=\"___.___.___-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cpfMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'CNPJ'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"18\"\n                            placeholder=\"___.___.___/____-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cnpjMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                            pInputText\n                            type=\"email\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            placeholder=\"{{ 'hcm.payroll.employees_addition_email' | translate }}\" />\n\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            [disabled]=\"true\" />\n\n                        <input *ngSwitchDefault\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"100\" />\n                      </ng-container>\n\n                      <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\"\n                        [control]=\"formGroupByRow[rowIndex]?.get('pixKey')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: formGroupByRow[rowIndex]?.get('pixKey').value },\n                          invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                          cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                          cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ getFormattedPixKey(item.pixKeyType?.key, item.pixKey) }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Percentual -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.percentage\" pEditableColumnField=\"percentage\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <input\n                        pInputText type=\"number\"\n                        formControlName=\"percentage\"\n                        (ngModelChange)=\"onSyncValue('percentage', rowIndex)\"\n                      >\n                      <s-control-errors\n                        [control]=\"formGroupByRow[rowIndex]?.get('percentage')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                          max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                          min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ item.percentage?.toFixed(2).replace('.', ',') }}%\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Bot\u00E3o de excluir -->\n                <td>\n                  <s-button\n                    id=\"btn-delete\"\n                    label=\"{{ 'hcm.payroll.delete' | translate }}\"\n                    priority=\"default\"\n                    (onClick)=\"deletePix(rowIndex)\">\n                </s-button>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-template>\n    </p-table>\n</div>\n",
+                template: "<s-sidebar *ngIf=\"withSideBar\" [visible]=\"visible\" (visibleChange)=\"close()\"\n           header=\"{{'hcm.payroll.historical_pix_account_title_form'|translate}}\">\n<pix-account [(visible)]=\"visible\"\n              [isEditAndViewValue]=\"pixAccountItemInput\"\n              [currency]=\"currency\"\n              [customEntity]=\"customEntity\"\n              [customService]=\"customService\"\n              [getListPixAccount]=\"listDataNoPage\"\n              [paramsForm]=\"paramsForm\"\n              [showField]=\"showFields\"\n              (pixAccountItemToList)=\"addItemInList($event)\"\n              [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</s-sidebar>\n\n<div *ngIf=\"!withSideBar\">\n    <pix-account [(visible)]=\"visible\"\n                  [isEditAndViewValue]=\"pixAccountItemInput\"\n                  [currency]=\"currency\"\n                  [customEntity]=\"customEntity\"\n                  [customService]=\"customService\"\n                  [getListPixAccount]=\"listDataNoPage\"\n                  [withSideBar]=\"false\"\n                  [isViewMode]=\"isViewMode\"\n                  [paramsForm]=\"paramsForm\"\n                  (pixAccountItemToList)=\"addItemInList($event)\"\n                  [defaultCpfNumber]=\"defaultCpfNumber\"></pix-account>\n</div>\n<div class=\"ui-g-1\" *ngIf=\"withSideBar && !isEditMode && !hideBtnAddForViewMode\">\n    <div class=\"form-group \">\n        <s-button id=\"ta-addPayAnnuity\"\n                  [disabled]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  (onClick)=\"add()\"\n                  [pTooltip]=\"getTooltipAndDisableButtonAdd || msgTotalLimitByPercentage\"\n                  tooltipPosition=\"top\"\n                  label=\"{{'hcm.payroll.historical_pix_account_add'|translate}}\"></s-button>\n    </div>\n</div>\n<div *ngIf=\"showFields || !showEditMode || !(hideFields | async)\" class=\"ui-g-12\">\n    <p-table\n        id=\"table-annuity\"\n        [value]=\"listData\"\n        [columns]=\"cols\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [lazy]=\"true\"\n        [scrollable]=\"true\"\n        [paginator]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [sortMode]=\"'multiple'\"\n        *sLoadingState=\"loading\"\n        [rows]=\"recordByRow\"\n        dataKey=\"id\">\n        <ng-template pTemplate=\"colgroup\" let-coumns>\n            <colgroup>\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-m'\">\n                <col [ngClass]=\"'col-default-s'\">\n                <col *ngIf=\"showButtonView\" [ngClass]=\"'col-action'\">\n            </colgroup>\n        </ng-template>\n        <ng-template pTemplate=\"header\" let-columns>\n            <!-- Cabe\u00E7alhos quando da table \u00E9 permitido ordenar as colunas -->\n            <tr>\n                <!-- Cabe\u00E7alhos das colunas da tabela -->\n                <th\n                    [pSortableColumn]=\"'pixKeyType'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\" id=\"table-0\">\n                        <span\n                            id=\"table-annuity-s-0\">{{ 'hcm.payroll.employees_addition_pix_key_type' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key_type' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'pixKey'\"\n                    [pTooltip]=\"'hcm.payroll.employees_addition_pix_key' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.employees_addition_pix_key' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.employees_addition_pix_key' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n\n                <th\n                    [pSortableColumn]=\"'percentage'\"\n                    [pTooltip]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    <div class=\"senior-header\">\n                        <span>{{ 'hcm.payroll.historical_pix_account_label_percentage' | translate }}</span>\n                        <p-sortIcon class=\"p-sorticon-status\"\n                                    [field]=\"'hcm.payroll.historical_pix_account_label_percentage' | translate\"></p-sortIcon>\n                    </div>\n                </th>\n                <!-- Cabe\u00E7alho da coluna de a\u00E7\u00F5es -->\n                <th *ngIf=\"showButtonView\" id=\"col-actions\"></th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-key=\"rowIndex\">\n\n            <tr [ngClass]=\"'row'+key\" [pSelectableRow]=\"rowData\">\n                <td [pTooltip]=\"rowData?.pixKeyType.value\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ rowData?.pixKeyType.value }}</span>\n                </td>\n\n                <ng-container [ngSwitch]=\"rowData?.pixKeyType.key\">\n                    <td *ngSwitchCase=\"'TELEPHONE'\"\n                        [pTooltip]=\"getFormattedTelephoneNumber(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedTelephoneNumber(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CPF'\"\n                        [pTooltip]=\"getFormattedCpf(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCpf(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchCase=\"'CNPJ'\"\n                        [pTooltip]=\"getFormattedCnpj(rowData?.pixKey)\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ getFormattedCnpj(rowData?.pixKey) }}</span>\n                    </td>\n                    <td *ngSwitchDefault\n                        [pTooltip]=\"rowData?.pixKey\" tooltipPosition=\"top\"\n                        showDelay=\"500\">\n                        <span>{{ rowData?.pixKey }}</span>\n                    </td>\n                </ng-container>\n                <td [pTooltip]=\"getFormattedPercentage(rowData?.percentage)\" tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    <span>{{ getFormattedPercentage(rowData?.percentage) }}</span>\n                </td>\n                <td id=\"col-actions-{{key}}\" class=\"col-actions \"\n                    *ngIf=\"actions && actions(rowData, key)?.length && showButtonView\">\n                    <s-button id=\"table-admission-btn-actions-{{key}}\"\n                              *ngIf=\"!isViewMode &&  actions(rowData, key).length > 1\" [label]=\"actionLabel\"\n                              priority=\"default\" [model]=\"scopedActions(rowData, key)\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n\n                    <s-button id=\"table-admission-btn-action-{{key}}\"\n                              *ngIf=\"!isViewMode && actions(rowData, key).length <= 1\"\n                              [label]=\"scopedActions(rowData, key)[0].label\"\n                              priority=\"default\"\n                              (click)=\"scopedActions(rowData, key)[0].command()\"\n                              [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\" let-columns>\n            <tr>\n                <td [attr.colspan]=\"columns.length +2\">\n                    {{'hcm.payroll.admission_empty_message'|translate}}\n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\">\n            <span *ngIf=\"totalRecords\">{{recordsMessage}}</span>\n        </ng-template>\n    </p-table>\n</div>\n\n<!-- Template exlusivo para edi\u00E7\u00E3o de pix via modal-->\n<div *ngIf=\"!withSideBar && showEditMode && (hideFields | async)\" class=\"ui-g-12\">\n    <!-- Bot\u00E3o Adicionar -->\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <s-button\n                id=\"btn-save\"\n                label=\"{{ 'hcm.payroll.historical_pix_account_add' | translate}}\"\n                priority=\"primary\"\n                (onClick)=\"addPix()\">\n            </s-button>\n        </div>\n    </div>\n\n    <!-- Tabela -->\n    <p-table #dataListPix sortField=\"percentage\"\n        [columns]=\"cols\"\n        [value]=\"addExistentHistoricData\"\n        [pageLinks]=\"3\"\n        [paginator]=\"true\"\n        [responsive]=\"true\"\n        [rows]=\"10\"\n        [resetPageOnSort]=\"false\"\n        [tableStyle]=\"{'margin-top': '2rem'}\"\n        [customSort]=\"true\">\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                <th *ngFor=\"let col of cols\">\n                    {{ col.label }}\n                </th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-item let-rowIndex=\"rowIndex\">\n            <ng-container *ngIf=\"formGroupByRow[rowIndex]\" [formGroup]=\"formGroupByRow[rowIndex]\">\n              <tr>\n                <!-- Tipo de Chave -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKeyType\" pEditableColumnField=\"pixKeyType\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <div style=\"width: 100%; position: relative;\">\n                        <p-autoComplete\n                          [suggestions]=\"suggestions\"\n                          (completeMethod)=\"filterPixKeyType($event)\"\n                          formControlName=\"pixKeyType\"\n                          [dropdown]=\"true\"\n                          (onSelect)=\"onPixKeyTypeChange($event, rowIndex)\"\n                          (onClear)=\"onPixKeyTypeClear(rowIndex)\"\n                          (ngModelChange)=\"onSyncValue('pixKeyType', rowIndex)\"\n                          field=\"value\"\n                          placeholder=\"{{'hcm.payroll.select' | translate}}\"\n                          appendTo=\"body\"\n                          [panelStyle]=\"{ maxWidth: '300px', width: '100%' }\"\n                          [inputStyle]=\"{ width: '100%' }\"\n                        ></p-autoComplete>\n\n                        <s-control-errors [control]=\"formGroupByRow[rowIndex]?.get('pixKeyType')\"\n                          [errorMessages]=\"{\n                            required: 'hcm.payroll.required' | translate,\n                            pixKeyTypeBankAccountDuplicate: 'hcm.payroll.historical_pix_key_type_bank_account_duplicate' | translate\n                          }\">\n                        </s-control-errors>\n                      </div>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                      {{ item.pixKeyType?.value }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Chave Pix -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.pixKey\" pEditableColumnField=\"pixKey\"\n                    [ngClass]=\"{'required': item.pixKeyType.key !== 'BANK_ACCOUNT',\n                        'disabled': item.pixKeyType && item.pixKeyType.key === 'BANK_ACCOUNT'\n                    }\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <ng-container [ngSwitch]=\"item.pixKeyType.key\">\n                        <input *ngSwitchCase=\"'TELEPHONE'\"\n                            only-number\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (keyup)=\"phoneMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"15\"\n                            placeholder=\"(__) ____-____\" />\n\n                        <input *ngSwitchCase=\"'CPF'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"14\"\n                            placeholder=\"___.___.___-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cpfMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'CNPJ'\"\n                            type=\"text\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            maxlength=\"18\"\n                            placeholder=\"___.___.___/____-__\"\n                            (input)=\"onPixKeyInput($event, rowIndex)\"\n                            (blur)=\"onBlurPixCpfAndCnpj(rowIndex)\"\n                            (keyup)=\"cnpjMask($event)\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\" />\n\n                        <input *ngSwitchCase=\"'EMAIL'\"\n                            pInputText\n                            type=\"email\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            placeholder=\"{{ 'hcm.payroll.employees_addition_email' | translate }}\" />\n\n                        <input *ngSwitchCase=\"'BANK_ACCOUNT'\"\n                            pInputText\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            [disabled]=\"true\" />\n\n                        <input *ngSwitchDefault\n                            pInputText\n                            type=\"text\"\n                            formControlName=\"pixKey\"\n                            (ngModelChange)=\"onSyncValue('pixKey', rowIndex)\"\n                            maxlength=\"100\" />\n                      </ng-container>\n\n                      <s-control-errors *ngIf=\"isShowPixKeyFieldValidatorMessage\"\n                        [control]=\"formGroupByRow[rowIndex]?.get('pixKey')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          invalidPhoneNumber: 'hcm.payroll.employees_addition_invalid_phone_number' | translate: { value: formGroupByRow[rowIndex]?.get('pixKey').value },\n                          invalidEmail: 'hcm.payroll.employees_addition_email_invalid' | translate,\n                          cpfNotValid: 'hcm.payroll.employees_addition_cpf_error' | translate,\n                          cnpjNotValid: 'hcm.payroll.employees_addition_cnpj_error' | translate\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ getFormattedPixKey(item.pixKeyType?.key, item.pixKey) }}\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Percentual -->\n                <td class=\"ui-md-6 ui-sm-12 required\"\n                    [pEditableColumn]=\"item.percentage\" pEditableColumnField=\"percentage\">\n                  <p-cellEditor>\n                    <ng-template pTemplate=\"input\">\n                      <input\n                        pInputText type=\"number\"\n                        formControlName=\"percentage\"\n                        (ngModelChange)=\"onSyncValue('percentage', rowIndex)\"\n                      >\n                      <s-control-errors\n                        [control]=\"formGroupByRow[rowIndex]?.get('percentage')\"\n                        [errorMessages]=\"{\n                          required: 'hcm.payroll.required' | translate,\n                          maxlength: 'hcm.payroll.error_max_length' | translate: { value: '6' },\n                          max: 'hcm.payroll.error_max_value_number' | translate: { value: maxValuePercentage },\n                          min: 'hcm.payroll.error_min_value_number' | translate: { value: '0,01' }\n                        }\">\n                      </s-control-errors>\n                    </ng-template>\n                    <ng-template pTemplate=\"output\">\n                        {{ item.percentage?.toFixed(2).replace('.', ',') }}%\n                    </ng-template>\n                  </p-cellEditor>\n                </td>\n\n                <!-- Bot\u00E3o de excluir -->\n                <td>\n                  <s-button\n                    id=\"btn-delete\"\n                    label=\"{{ 'hcm.payroll.delete' | translate }}\"\n                    priority=\"default\"\n                    (onClick)=\"deletePix(rowIndex)\">\n                </s-button>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-template>\n    </p-table>\n</div>\n",
                 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);
@@ -10969,6 +10980,8 @@
                             var dateChange = rowData && rowData.dateChange && moment$e(rowData.dateChange, _this.dateFormat).format("YYYY-MM-DD");
                             if (_this.withSidebar) {
                                 _this.isOnlyView.emit(true);
+                                _this.isOnlyEdit.emit(false);
+                                _this.sharedStateService.setHideBtnAddForViewMode(true);
                                 _this.router.navigate(["historical-pix-account/" + dateChange], {
                                     relativeTo: _this.activatedRoute,
                                 });
@@ -10992,6 +11005,9 @@
                             _this.sharedStateService.setShowEditMode(true);
                             var dateChange = rowData && rowData.dateChange && moment$e(rowData.dateChange, _this.dateFormat).format("YYYY-MM-DD");
                             if (_this.withSidebar) {
+                                _this.isOnlyView.emit(false);
+                                _this.isOnlyEdit.emit(true);
+                                _this.sharedStateService.setHideBtnAddForViewMode(false);
                                 _this.router.navigate(["historical-pix-account/" + dateChange], {
                                     relativeTo: _this.activatedRoute,
                                 });