@senior-gestao-empresarial/erpx-components 4.10.0 → 4.12.0

package/bundles/senior-gestao-empresarial-erpx-components.umd.js

@@ -33403,10 +33403,6 @@
             this.editingCCContaIndex = null;
             this.editingCCIndex = null;
             this.ngUnsubscribe = new rxjs.Subject();
-            /** Cache de opções de menu por conta (referência estável evita loop de change detection). */
-            this.contaMenuOptionsCache = new Map();
-            /** Cache de opções de menu por centro de custo (referência estável). */
-            this.ccMenuOptionsCache = new Map();
             this.formGroup = this.fb.group({
                 contas: this.fb.array([])
             });
@@ -33431,6 +33427,20 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(ErpRateioEditorComponent.prototype, "requiresCentroCusto", {
+            /**
+             * Indica se o critério de rateio exige distribuição por centro de custo.
+             * O critério 'V5' (Nenhum) não distribui por C. Custos; os demais exigem
+             * ao menos um centro de custo por conta financeira.
+             */
+            get: function () {
+                var _a, _b;
+                var criterio = (_b = (_a = this.loadedContext) === null || _a === void 0 ? void 0 : _a.criRat) !== null && _b !== void 0 ? _b : this.criRat;
+                return criterio !== ErpRateioEditorComponent_1.CRITERIO_SEM_CENTRO_CUSTO;
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(ErpRateioEditorComponent.prototype, "valorBase", {
             get: function () {
                 var _a, _b;
@@ -33457,6 +33467,42 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(ErpRateioEditorComponent.prototype, "valorRestanteDisplay", {
+            /**
+             * Valor restante a ser exibido nos cards de resumo.
+             * Quando o critério exige centro de custo, considera o total já distribuído
+             * nos CCs de todas as contas em vez do total das contas financeiras.
+             * Assim o card reflete a distribuição real ponta-a-ponta.
+             */
+            get: function () {
+                var _a;
+                if (!this.requiresCentroCusto) {
+                    return this.valorRestante;
+                }
+                var totalCC = this.contasDataSource.reduce(function (acc, conta) { return acc + (conta.rateiosCCusto || []).reduce(function (ccAcc, cc) { return ccAcc + (cc.valor || 0); }, 0); }, 0);
+                return +(this.valorBase - totalCC).toFixed((_a = this.config.currencyScale) !== null && _a !== void 0 ? _a : 2);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(ErpRateioEditorComponent.prototype, "percentualRestanteDisplay", {
+            /**
+             * Percentual restante a ser exibido nos cards de resumo.
+             * Derivado de `valorRestanteDisplay` para manter consistência com o valor.
+             */
+            get: function () {
+                var _a;
+                if (!this.requiresCentroCusto) {
+                    return this.percentualRestante;
+                }
+                if (!this.valorBase) {
+                    return 0;
+                }
+                return +(this.valorRestanteDisplay / this.valorBase * 100).toFixed((_a = this.config.percentageScale) !== null && _a !== void 0 ? _a : 4);
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(ErpRateioEditorComponent.prototype, "numberFormatOptions", {
             get: function () {
                 var _a, _b;
@@ -33536,6 +33582,16 @@
             if (this.effectiveReadOnly) {
                 return;
             }
+            if (this.requiresCentroCusto && this.hasContaSemCentroCusto()) {
+                var message = this.translate.instant('erpx.rateio_editor.erro_centro_custo_obrigatorio');
+                this.messageService.add({
+                    severity: 'error',
+                    summary: this.translate.instant('erpx.rateio_editor.erro_titulo'),
+                    detail: message
+                });
+                this.error.emit({ operacao: 'save', message: message });
+                return;
+            }
             if (!this.isDistribuicaoCompleta()) {
                 var message = this.translate.instant('erpx.rateio_editor.erro_distribuicao_incompleta');
                 this.messageService.add({
@@ -33659,11 +33715,14 @@
             var remainingPct = this.editingContaIndex != null
                 ? this.percentualRestante + this.contasDataSource[this.editingContaIndex].percentual
                 : this.percentualRestante;
+            // Usa o valor restante real em vez de recalcular via percentual, evitando
+            // diferenças de arredondamento acumuladas nas entradas anteriores.
+            var remainingValor = this.editingContaIndex != null
+                ? +(this.valorRestante + this.contasDataSource[this.editingContaIndex].valorRateadoConta).toFixed((_a = this.config.currencyScale) !== null && _a !== void 0 ? _a : 2)
+                : this.valorRestante;
             var contaValue = null;
             var percentualValue = remainingPct > 0 ? remainingPct : null;
-            var valorValue = percentualValue != null
-                ? +((percentualValue / 100) * this.valorBase).toFixed((_a = this.config.currencyScale) !== null && _a !== void 0 ? _a : 2)
-                : null;
+            var valorValue = percentualValue != null ? remainingValor : null;
             if (this.editingContaIndex != null) {
                 var conta = this.contasDataSource[this.editingContaIndex];
                 contaValue = { id: conta.idContaFinanceira, label: conta.contaFinanceira };
@@ -33673,8 +33732,8 @@
             this.selectedConta = contaValue;
             this.contaDialogFormGroup = this.fb.group({
                 contaFinanceira: [{ value: contaValue, disabled: this.editingContaIndex != null }, forms.Validators.required],
-                percentual: [{ value: percentualValue, disabled: false }, forms.Validators.required],
-                valor: [{ value: valorValue, disabled: false }, [forms.Validators.required, forms.Validators.max(this.valorBase)]]
+                percentual: [{ value: percentualValue, disabled: false }, [forms.Validators.required, forms.Validators.max(remainingPct)]],
+                valor: [{ value: valorValue, disabled: false }, [forms.Validators.required, forms.Validators.max(remainingValor)]]
             });
             this.contaDialogFormGroup.get('contaFinanceira').valueChanges
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
@@ -33685,7 +33744,7 @@
         };
         ErpRateioEditorComponent.prototype.onSaveContaDialog = function () {
             var _this = this;
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e;
             if (this.contaDialogFormGroup.invalid) {
                 return;
             }
@@ -33710,6 +33769,12 @@
                 var conta = this.contasDataSource[this.editingContaIndex];
                 conta.percentual = percentual;
                 conta.valorRateadoConta = valor;
+                // Recalcula os valores dos CCs proporcionalmente ao novo valor da conta,
+                // mantendo os percentuais intactos.
+                if ((_d = conta.rateiosCCusto) === null || _d === void 0 ? void 0 : _d.length) {
+                    var currencyScale_1 = (_e = this.config.currencyScale) !== null && _e !== void 0 ? _e : 2;
+                    conta.rateiosCCusto = conta.rateiosCCusto.map(function (cc) { return (__assign(__assign({}, cc), { valor: +((cc.percentual / 100) * valor).toFixed(currencyScale_1) })); });
+                }
                 this.contasDataSource = __spread(this.contasDataSource);
             }
             else {
@@ -33738,25 +33803,32 @@
             this.editingCCIndex = editCCIndex != null ? editCCIndex : null;
             var conta = this.contasDataSource[contaIndex];
             var ccList = conta.rateiosCCusto || [];
-            var somaCC = ccList.reduce(function (acc, cc, i) { return acc + (i === _this.editingCCIndex ? 0 : (cc.percentual || 0)); }, 0);
-            var remainingPct = +(100 - somaCC).toFixed((_a = this.config.percentageScale) !== null && _a !== void 0 ? _a : 4);
             var valorBaseCC = conta.valorRateadoConta || 0;
+            // Calcula o restante excluindo o item em edição (para que edição possa manter o próprio valor)
+            var somaCCPct = ccList.reduce(function (acc, cc, i) { return acc + (i === _this.editingCCIndex ? 0 : (cc.percentual || 0)); }, 0);
+            var somaCCValor = ccList.reduce(function (acc, cc, i) { return acc + (i === _this.editingCCIndex ? 0 : (cc.valor || 0)); }, 0);
+            var remainingPct = +(100 - somaCCPct).toFixed((_a = this.config.percentageScale) !== null && _a !== void 0 ? _a : 4);
+            var remainingValor = +(valorBaseCC - somaCCValor).toFixed((_b = this.config.currencyScale) !== null && _b !== void 0 ? _b : 2);
             var ccValue = null;
             var percentualValue = remainingPct > 0 ? remainingPct : null;
-            var valorValue = percentualValue != null
-                ? +((percentualValue / 100) * valorBaseCC).toFixed((_b = this.config.currencyScale) !== null && _b !== void 0 ? _b : 2)
-                : null;
+            // Usa o valor restante real (já calculado acima) em vez de recalcular via percentual,
+            // evitando diferenças de arredondamento acumuladas nos CCs anteriores.
+            var valorValue = percentualValue != null ? remainingValor : null;
             if (this.editingCCIndex != null) {
                 var cc = ccList[this.editingCCIndex];
                 ccValue = { id: cc.idCentroCusto, label: cc.descCCusto || cc.idCentroCusto };
                 percentualValue = cc.percentual;
                 valorValue = cc.valor;
             }
+            // maxPct: percentual máximo que este CC pode ter (não pode ultrapassar o restante da conta)
+            var maxPct = remainingPct;
+            // maxValor: valor máximo que este CC pode ter (não pode ultrapassar o restante em dinheiro)
+            var maxValor = remainingValor;
             this.selectedCC = ccValue;
             this.ccDialogFormGroup = this.fb.group({
                 centroCusto: [{ value: ccValue, disabled: this.editingCCIndex != null }, forms.Validators.required],
-                percentual: [{ value: percentualValue, disabled: false }, forms.Validators.required],
-                valor: [{ value: valorValue, disabled: false }, [forms.Validators.required, forms.Validators.max(valorBaseCC)]]
+                percentual: [{ value: percentualValue, disabled: false }, [forms.Validators.required, forms.Validators.max(maxPct)]],
+                valor: [{ value: valorValue, disabled: false }, [forms.Validators.required, forms.Validators.max(maxValor)]]
             });
             this.ccDialogFormGroup.get('centroCusto').valueChanges
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
@@ -33851,34 +33923,6 @@
             this.contasDataSource = __spread(this.contasDataSource);
             this.emitChange();
         };
-        ErpRateioEditorComponent.prototype.getMenuOptionsPerRow = function (rowData) {
-            var _this = this;
-            var id = rowData.idContaFinanceira;
-            var options = this.contaMenuOptionsCache.get(id);
-            if (!options) {
-                options = [
-                    { label: this.translate.instant('erpx.rateio_editor.editar'), command: function () { return _this.openContaDialog(_this.getContaIndex(rowData)); } },
-                    { label: this.translate.instant('erpx.rateio_editor.adicionar_centro_custo'), command: function () { return _this.openCCDialog(_this.getContaIndex(rowData)); } },
-                    { label: this.translate.instant('erpx.rateio_editor.remover_centro_custo'), command: function () { return _this.onDeleteSelectedCC(rowData); } },
-                    { label: this.translate.instant('erpx.rateio_editor.excluir'), command: function () { return _this.removerConta(_this.getContaIndex(rowData)); } }
-                ];
-                this.contaMenuOptionsCache.set(id, options);
-            }
-            return options;
-        };
-        ErpRateioEditorComponent.prototype.getCCMenuOptions = function (conta, cc) {
-            var _this = this;
-            var key = conta.idContaFinanceira + "::" + cc.idCentroCusto;
-            var options = this.ccMenuOptionsCache.get(key);
-            if (!options) {
-                options = [
-                    { label: this.translate.instant('erpx.rateio_editor.editar'), command: function () { return _this.openCCDialog(_this.getContaIndex(conta), _this.getCCIndex(conta, cc)); } },
-                    { label: this.translate.instant('erpx.rateio_editor.excluir'), command: function () { return _this.removerCentroCusto(_this.getContaIndex(conta), _this.getCCIndex(conta, cc)); } }
-                ];
-                this.ccMenuOptionsCache.set(key, options);
-            }
-            return options;
-        };
         ErpRateioEditorComponent.prototype.getContaIndex = function (rowData) {
             return this.contasDataSource.indexOf(rowData);
         };
@@ -33915,26 +33959,41 @@
             var _this = this;
             this.contasDataSource = __spread(rateios);
             this.ccSelection = {};
-            this.contaMenuOptionsCache.clear();
-            this.ccMenuOptionsCache.clear();
             this.contasDataSource.forEach(function (conta) {
                 _this.ccSelection[conta.idContaFinanceira] = [];
             });
         };
-        /** Distribuição completa: restantes globais e de cada conta iguais a zero. */
+        Object.defineProperty(ErpRateioEditorComponent.prototype, "distribuicaoCompleta", {
+            /**
+             * Distribuição completa: restantes globais e de cada conta iguais a zero.
+             * Exposto publicamente para que o template possa reagir ao estado real de
+             * completude (contas + centros de custo).
+             */
+            get: function () {
+                var _this = this;
+                if (this.percentualRestante !== 0 || this.valorRestante !== 0) {
+                    return false;
+                }
+                return this.contasDataSource.every(function (conta) { return _this.isContaCCCompleta(conta); });
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /** @deprecated Usar o getter `distribuicaoCompleta`. Mantido para compatibilidade interna. */
         ErpRateioEditorComponent.prototype.isDistribuicaoCompleta = function () {
-            var _this = this;
-            if (this.percentualRestante !== 0 || this.valorRestante !== 0) {
-                return false;
-            }
-            return this.contasDataSource.every(function (conta) { return _this.isContaCCCompleta(conta); });
+            return this.distribuicaoCompleta;
+        };
+        /** Indica se há ao menos uma conta financeira sem nenhum centro de custo vinculado. */
+        ErpRateioEditorComponent.prototype.hasContaSemCentroCusto = function () {
+            return this.contasDataSource.some(function (conta) { return (conta.rateiosCCusto || []).length === 0; });
         };
         /** Restante de % e de valor dos centros de custo de uma conta igual a zero. */
         ErpRateioEditorComponent.prototype.isContaCCCompleta = function (conta) {
             var _a, _b;
             var ccs = conta.rateiosCCusto || [];
             if (ccs.length === 0) {
-                return true;
+                // Sem centro de custo só é válido quando o critério não exige rateio por C. Custos.
+                return !this.requiresCentroCusto;
             }
             var somaPct = ccs.reduce(function (acc, cc) { return acc + (cc.percentual || 0); }, 0);
             var somaValor = ccs.reduce(function (acc, cc) { return acc + (cc.valor || 0); }, 0);
@@ -34059,13 +34118,15 @@
         ErpRateioEditorComponent.prototype.emitChange = function () {
             this.change.emit({
                 isDirty: true,
-                isValid: this.percentualRestante === 0 && this.valorRestante === 0,
+                isValid: this.isDistribuicaoCompleta(),
                 rateios: this.contasDataSource
             });
         };
         var ErpRateioEditorComponent_1;
         /** Valor de anaSin que indica registro sintético (não analítico). */
         ErpRateioEditorComponent.ANA_SIN_SINTETICO = 'VS';
+        /** Critério de rateio que não distribui por centro de custo (Nenhum). */
+        ErpRateioEditorComponent.CRITERIO_SEM_CENTRO_CUSTO = 'V5';
         ErpRateioEditorComponent.ctorParameters = function () { return [
             { type: forms.FormBuilder },
             { type: ErpRateioEditorService },
@@ -34149,7 +34210,8 @@
         ErpRateioEditorComponent = ErpRateioEditorComponent_1 = __decorate([
             core.Component({
                 selector: 'erp-rateio-editor',
-                template: "<s-loading-state [loading]=\"loading\" [blockWindow]=\"true\">\n    <!-- Se\u00E7\u00E3o 1: Informa\u00E7\u00F5es do movimento -->\n    <div class=\"sds-section-title\" *ngIf=\"isReady\">\n        {{ 'erpx.rateio_editor.titulo' | translate }}\n    </div>\n\n    <div class=\"ui-g custom-stats\" *ngIf=\"isReady\">\n        <div class=\"ui-sm-12 ui-md-4\">\n            <s-stats-card\n                [animateNumbers]=\"true\"\n                color=\"#0C9348\"\n                [lightMode]=\"true\"\n                [lightVersion]=\"true\"\n                iconClass=\"far fa-dollar-sign\"\n                [label]=\"'erpx.rateio_editor.valor_base' | translate\"\n                [value]=\"valorBase | numeric:numberFormatOptions | async\"\n            ></s-stats-card>\n        </div>\n        <div class=\"ui-sm-12 ui-md-4\">\n            <s-stats-card\n                [animateNumbers]=\"true\"\n                color=\"#428BCA\"\n                [lightMode]=\"true\"\n                [lightVersion]=\"true\"\n                iconClass=\"far fa-percent\"\n                [label]=\"'erpx.rateio_editor.percentual_restante' | translate\"\n                [value]=\"percentualRestante + '%'\"\n            ></s-stats-card>\n        </div>\n        <div class=\"ui-sm-12 ui-md-4\">\n            <s-stats-card\n                [animateNumbers]=\"true\"\n                [color]=\"valorRestante === 0 ? '#0C9348' : '#C13018'\"\n                [lightMode]=\"true\"\n                [lightVersion]=\"true\"\n                iconClass=\"far fa-dollar-sign\"\n                [label]=\"'erpx.rateio_editor.valor_restante' | translate\"\n                [value]=\"valorRestante | numeric:numberFormatOptions | async\"\n            ></s-stats-card>\n        </div>\n    </div>\n\n    <!-- Se\u00E7\u00E3o 2: Tabela de rateios -->\n    <div class=\"sds-section-title\" *ngIf=\"isReady\">\n        {{ 'erpx.rateio_editor.lista_rateios' | translate }}\n    </div>\n\n    <s-empty-state\n        *ngIf=\"isReady && contasDataSource?.length === 0\"\n        iconClass=\"far fa-dollar-sign\"\n        [title]=\"'erpx.rateio_editor.sem_rateios_titulo' | translate\"\n        [description]=\"'erpx.rateio_editor.sem_rateios_descricao' | translate\"\n    ></s-empty-state>\n\n    <div class=\"ui-g\" *ngIf=\"isReady && contasDataSource?.length > 0\">\n        <div class=\"ui-g-12\" *ngIf=\"!effectiveReadOnly\">\n            <s-button\n                [label]=\"'erpx.rateio_editor.adicionar_conta' | translate\"\n                iconClass=\"fa fa-plus\"\n                (onClick)=\"openContaDialog()\"\n            ></s-button>\n            <s-button\n                *ngIf=\"showSugestaoButton\"\n                [label]=\"'erpx.rateio_editor.sugerir_rateio' | translate\"\n                [priority]=\"ButtonPriority.Secondary\"\n                iconClass=\"fa fa-magic\"\n                (onClick)=\"onSugerir()\"\n            ></s-button>\n            <s-button\n                [label]=\"'erpx.rateio_editor.remover_conta' | translate\"\n                [priority]=\"ButtonPriority.Secondary\"\n                (onClick)=\"onDeleteSelected()\"\n                [disabled]=\"!selection.length\"\n            ></s-button>\n        </div>\n        <div class=\"ui-g-12\">\n            <p-table\n                #tableRateio\n                [value]=\"contasDataSource\"\n                [columns]=\"gridColumns\"\n                dataKey=\"idContaFinanceira\"\n                [resizableColumns]=\"true\"\n                [totalRecords]=\"contasDataSource.length\"\n                [(selection)]=\"selection\"\n                [paginator]=\"false\"\n                [rows]=\"10\"\n            >\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th scope=\"col\" style=\"width: 3em\"></th>\n                        <th scope=\"col\" class=\"col-checkbox\" style=\"width: 50px\">\n                            <p-tableHeaderCheckbox *ngIf=\"!effectiveReadOnly\"></p-tableHeaderCheckbox>\n                        </th>\n                        <th *ngFor=\"let col of columns\" scope=\"col\" pResizableColumn>\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                            </div>\n                        </th>\n                        <th scope=\"col\" *ngIf=\"!effectiveReadOnly\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ 'erpx.rateio_editor.acoes' | translate }}</span>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n                    <tr>\n                        <td style=\"width: 3em; text-align: center\">\n                            <a *ngIf=\"rowData.rateiosCCusto?.length\" [pRowToggler]=\"rowData\" role=\"button\" tabindex=\"0\">\n                                <i [class]=\"expanded ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n                            </a>\n                        </td>\n                        <td class=\"col-checkbox\" style=\"width: 50px\">\n                            <p-tableCheckbox *ngIf=\"!effectiveReadOnly\" [value]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td>{{ rowData.contaFinanceira || rowData.idContaFinanceira }}</td>\n                        <td style=\"text-align: right\">{{ rowData.percentual }}</td>\n                        <td style=\"text-align: right\">{{ rowData.valorRateadoConta | numeric:numberFormatOptions | async }}</td>\n                        <td *ngIf=\"!effectiveReadOnly\">\n                            <s-button\n                                [auxiliary]=\"true\"\n                                [priority]=\"ButtonPriority.Default\"\n                                [size]=\"ButtonSize.Small\"\n                                [label]=\"'erpx.rateio_editor.acoes' | translate\"\n                                [menuOptions]=\"getMenuOptionsPerRow(rowData)\"\n                            ></s-button>\n                        </td>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"rowexpansion\" let-rowData let-rowIndex=\"rowIndex\">\n                    <tr>\n                        <td [attr.colspan]=\"effectiveReadOnly ? gridColumns.length + 2 : gridColumns.length + 3\">\n                            <div class=\"ui-g\" style=\"padding: 8px 16px\">\n                                <p-table\n                                    [value]=\"rowData.rateiosCCusto\"\n                                    dataKey=\"idCentroCusto\"\n                                    [(selection)]=\"ccSelection[rowData.idContaFinanceira]\"\n                                    [responsive]=\"true\"\n                                >\n                                    <ng-template pTemplate=\"header\">\n                                        <tr>\n                                            <th scope=\"col\" class=\"col-checkbox\" style=\"width: 50px\">\n                                                <p-tableHeaderCheckbox *ngIf=\"!effectiveReadOnly\"></p-tableHeaderCheckbox>\n                                            </th>\n                                            <th scope=\"col\">{{ 'erpx.rateio_editor.centro_custo' | translate }}</th>\n                                            <th scope=\"col\">{{ 'erpx.rateio_editor.percentual' | translate }}</th>\n                                            <th scope=\"col\">{{ 'erpx.rateio_editor.valor' | translate }}</th>\n                                            <th scope=\"col\" *ngIf=\"!effectiveReadOnly\">{{ 'erpx.rateio_editor.acoes' | translate }}</th>\n                                        </tr>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"body\" let-cc let-ccIndex=\"rowIndex\">\n                                        <tr>\n                                            <td class=\"col-checkbox\" style=\"width: 50px\">\n                                                <p-tableCheckbox *ngIf=\"!effectiveReadOnly\" [value]=\"cc\"></p-tableCheckbox>\n                                            </td>\n                                            <td>{{ cc.descCCusto || cc.idCentroCusto }}</td>\n                                            <td style=\"text-align: right\">{{ cc.percentual }}</td>\n                                            <td style=\"text-align: right\">{{ cc.valor | numeric:numberFormatOptions | async }}</td>\n                                            <td *ngIf=\"!effectiveReadOnly\">\n                                                <s-button\n                                                    [auxiliary]=\"true\"\n                                                    [priority]=\"ButtonPriority.Default\"\n                                                    [size]=\"ButtonSize.Small\"\n                                                    [label]=\"'erpx.rateio_editor.acoes' | translate\"\n                                                    [menuOptions]=\"getCCMenuOptions(rowData, cc)\"\n                                                ></s-button>\n                                            </td>\n                                        </tr>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"emptymessage\">\n                                        <tr>\n                                            <td [attr.colspan]=\"effectiveReadOnly ? 3 : 5\">\n                                                {{ 'erpx.rateio_editor.sem_centros_custo' | translate }}\n                                            </td>\n                                        </tr>\n                                    </ng-template>\n                                </p-table>\n                            </div>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n\n    <!-- Bot\u00F5es de a\u00E7\u00E3o -->\n    <div *ngIf=\"isReady\" class=\"ui-g rateio-editor-actions\">\n        <div class=\"ui-g-12\">\n            <div *ngIf=\"!effectiveReadOnly && contasDataSource?.length === 0\" style=\"margin-bottom: 8px\">\n                <s-button\n                    [label]=\"'erpx.rateio_editor.adicionar_conta' | translate\"\n                    iconClass=\"fa fa-plus\"\n                    (onClick)=\"openContaDialog()\"\n                ></s-button>\n                <s-button\n                    *ngIf=\"showSugestaoButton\"\n                    [label]=\"'erpx.rateio_editor.sugerir_rateio' | translate\"\n                    [priority]=\"ButtonPriority.Secondary\"\n                    iconClass=\"fa fa-magic\"\n                    (onClick)=\"onSugerir()\"\n                ></s-button>\n            </div>\n            <s-button\n                *ngIf=\"!effectiveReadOnly && !isStandalone\"\n                priority=\"primary\"\n                iconClass=\"fa fa-check\"\n                [label]=\"'erpx.rateio_editor.salvar' | translate\"\n                (onClick)=\"onSalvar()\"\n            ></s-button>\n        </div>\n    </div>\n</s-loading-state>\n\n<!-- Modal: Adicionar/Editar Conta Financeira -->\n<p-dialog\n    [header]=\"'erpx.rateio_editor.adicionar_conta' | translate\"\n    appendTo=\"body\"\n    [modal]=\"true\"\n    [(visible)]=\"displayContaDialog\"\n    (onHide)=\"onHideContaDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"false\"\n    styleClass=\"custom-dialog\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    [style]=\"{width: '40%'}\"\n>\n    <form *ngIf=\"contaDialogFormGroup\" [formGroup]=\"contaDialogFormGroup\" (ngSubmit)=\"onSaveContaDialog()\">\n        <div class=\"ui-fluid\">\n            <s-dynamic-form\n                [fields]=\"contaDialogFields\"\n                [form]=\"contaDialogFormGroup\"\n                [errorMessages]=\"{\n                    required: ('erpx.rateio_editor.erro_obrigatorio' | translate),\n                    duplicate: ('erpx.rateio_editor.conta_duplicada' | translate),\n                    contaSintetica: ('erpx.rateio_editor.erro_conta_sintetica' | translate),\n                    max: ('erpx.rateio_editor.erro_valor_maximo_conta' | translate)\n                }\"\n            ></s-dynamic-form>\n        </div>\n    </form>\n    <p-footer>\n        <s-button\n            id=\"dialog-conta-save\"\n            type=\"button\"\n            priority=\"primary\"\n            [label]=\"'erpx.rateio_editor.salvar' | translate\"\n            (onClick)=\"onSaveContaDialog()\"\n        ></s-button>\n        <s-button\n            id=\"dialog-conta-cancel\"\n            type=\"button\"\n            priority=\"secondary\"\n            [label]=\"'erpx.rateio_editor.cancelar' | translate\"\n            (onClick)=\"onHideContaDialog()\"\n        ></s-button>\n    </p-footer>\n</p-dialog>\n\n<!-- Modal: Adicionar/Editar Centro de Custo -->\n<p-dialog\n    [header]=\"'erpx.rateio_editor.adicionar_centro_custo' | translate\"\n    appendTo=\"body\"\n    [modal]=\"true\"\n    [(visible)]=\"displayCCDialog\"\n    (onHide)=\"onHideCCDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"false\"\n    styleClass=\"custom-dialog\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    [style]=\"{width: '40%'}\"\n>\n    <form *ngIf=\"ccDialogFormGroup\" [formGroup]=\"ccDialogFormGroup\" (ngSubmit)=\"onSaveCCDialog()\">\n        <div class=\"ui-fluid\">\n            <s-dynamic-form\n                [fields]=\"ccDialogFields\"\n                [form]=\"ccDialogFormGroup\"\n                [errorMessages]=\"{\n                    required: ('erpx.rateio_editor.erro_obrigatorio' | translate),\n                    duplicate: ('erpx.rateio_editor.centro_custo_duplicado' | translate),\n                    centroCustoInvalido: ('erpx.rateio_editor.erro_centro_custo_invalido' | translate),\n                    max: ('erpx.rateio_editor.erro_valor_maximo_centro_custo' | translate)\n                }\"\n            ></s-dynamic-form>\n        </div>\n    </form>\n    <p-footer>\n        <s-button\n            id=\"dialog-cc-save\"\n            type=\"button\"\n            priority=\"primary\"\n            [label]=\"'erpx.rateio_editor.salvar' | translate\"\n            (onClick)=\"onSaveCCDialog()\"\n        ></s-button>\n        <s-button\n            id=\"dialog-cc-cancel\"\n            type=\"button\"\n            priority=\"secondary\"\n            [label]=\"'erpx.rateio_editor.cancelar' | translate\"\n            (onClick)=\"onHideCCDialog()\"\n        ></s-button>\n    </p-footer>\n</p-dialog>\n"
+                template: "<s-loading-state [loading]=\"loading\" [blockWindow]=\"true\">\n    <!-- Se\u00E7\u00E3o 1: Informa\u00E7\u00F5es do movimento -->\n    <div class=\"sds-section-title\" *ngIf=\"isReady\">\n        {{ 'erpx.rateio_editor.titulo' | translate }}\n    </div>\n\n    <div class=\"ui-g custom-stats\" *ngIf=\"isReady\">\n        <div class=\"ui-sm-12 ui-md-4\">\n            <s-stats-card\n                [animateNumbers]=\"true\"\n                color=\"#0C9348\"\n                [lightMode]=\"true\"\n                [lightVersion]=\"true\"\n                iconClass=\"far fa-dollar-sign\"\n                [label]=\"'erpx.rateio_editor.valor_base' | translate\"\n                [value]=\"valorBase | numeric:numberFormatOptions | async\"\n            ></s-stats-card>\n        </div>\n        <div class=\"ui-sm-12 ui-md-4\">\n            <s-stats-card\n                [animateNumbers]=\"true\"\n                color=\"#428BCA\"\n                [lightMode]=\"true\"\n                [lightVersion]=\"true\"\n                iconClass=\"far fa-percent\"\n                [label]=\"'erpx.rateio_editor.percentual_restante' | translate\"\n                [value]=\"percentualRestanteDisplay + '%'\"\n            ></s-stats-card>\n        </div>\n        <div class=\"ui-sm-12 ui-md-4\">\n            <s-stats-card\n                [animateNumbers]=\"true\"\n                [color]=\"distribuicaoCompleta ? '#0C9348' : '#C13018'\"\n                [lightMode]=\"true\"\n                [lightVersion]=\"true\"\n                iconClass=\"far fa-dollar-sign\"\n                [label]=\"'erpx.rateio_editor.valor_restante' | translate\"\n                [value]=\"valorRestanteDisplay | numeric:numberFormatOptions | async\"\n            ></s-stats-card>\n        </div>\n    </div>\n\n    <!-- Se\u00E7\u00E3o 2: Tabela de rateios -->\n    <div class=\"sds-section-title\" *ngIf=\"isReady\">\n        {{ 'erpx.rateio_editor.lista_rateios' | translate }}\n    </div>\n\n    <s-empty-state\n        *ngIf=\"isReady && contasDataSource?.length === 0\"\n        iconClass=\"far fa-dollar-sign\"\n        [title]=\"'erpx.rateio_editor.sem_rateios_titulo' | translate\"\n        [description]=\"'erpx.rateio_editor.sem_rateios_descricao' | translate\"\n        [showPrimaryAction]=\"!effectiveReadOnly\"\n        [primaryActionLabel]=\"'erpx.rateio_editor.adicionar_conta' | translate\"\n        (primaryAction)=\"openContaDialog()\"\n        [showSecondaryAction]=\"!effectiveReadOnly && showSugestaoButton\"\n        [secondaryActionLabel]=\"'erpx.rateio_editor.sugerir_rateio' | translate\"\n        (secondaryAction)=\"onSugerir()\"\n    ></s-empty-state>\n\n    <div class=\"ui-g\" *ngIf=\"isReady && contasDataSource?.length > 0\">\n        <div class=\"ui-g-12\" *ngIf=\"!effectiveReadOnly\">\n            <s-button\n                [label]=\"'erpx.rateio_editor.adicionar_conta' | translate\"\n                iconClass=\"fa fa-plus\"\n                (onClick)=\"openContaDialog()\"\n            ></s-button>\n            <s-button\n                *ngIf=\"showSugestaoButton\"\n                [label]=\"'erpx.rateio_editor.sugerir_rateio' | translate\"\n                [priority]=\"ButtonPriority.Secondary\"\n                iconClass=\"fa fa-magic\"\n                (onClick)=\"onSugerir()\"\n            ></s-button>\n            <s-button\n                [label]=\"'erpx.rateio_editor.remover_conta' | translate\"\n                [priority]=\"ButtonPriority.Secondary\"\n                (onClick)=\"onDeleteSelected()\"\n                [disabled]=\"!selection.length\"\n            ></s-button>\n        </div>\n\n        <div class=\"ui-g-12\">\n            <p-table\n                #tableRateio\n                [value]=\"contasDataSource\"\n                [columns]=\"gridColumns\"\n                dataKey=\"idContaFinanceira\"\n                [resizableColumns]=\"true\"\n                [totalRecords]=\"contasDataSource.length\"\n                [(selection)]=\"selection\"\n                [paginator]=\"false\"\n                [rows]=\"10\"\n            >\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th scope=\"col\" style=\"width: 3em\"></th>\n                        <th scope=\"col\" class=\"col-checkbox\" style=\"width: 50px\">\n                            <p-tableHeaderCheckbox *ngIf=\"!effectiveReadOnly\"></p-tableHeaderCheckbox>\n                        </th>\n                        <th *ngFor=\"let col of columns\" scope=\"col\" pResizableColumn>\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                            </div>\n                        </th>\n                        <th scope=\"col\" *ngIf=\"!effectiveReadOnly\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ 'erpx.rateio_editor.acoes' | translate }}</span>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n                    <tr>\n                        <td style=\"width: 3em; text-align: center\">\n                            <a *ngIf=\"rowData.rateiosCCusto?.length || (!effectiveReadOnly && requiresCentroCusto)\" [pRowToggler]=\"rowData\" role=\"button\" tabindex=\"0\">\n                                <i [class]=\"expanded ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n                            </a>\n                        </td>\n                        <td class=\"col-checkbox\" style=\"width: 50px\">\n                            <p-tableCheckbox *ngIf=\"!effectiveReadOnly\" [value]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td>{{ rowData.contaFinanceira || rowData.idContaFinanceira }}</td>\n                        <td style=\"text-align: right\">{{ rowData.percentual }}</td>\n                        <td style=\"text-align: right\">{{ rowData.valorRateadoConta | numeric:numberFormatOptions | async }}</td>\n                        <td *ngIf=\"!effectiveReadOnly\">\n                            <s-button\n                                [auxiliary]=\"true\"\n                                [priority]=\"ButtonPriority.Default\"\n                                [size]=\"ButtonSize.Small\"\n                                iconClass=\"fa fa-pencil\"\n                                [label]=\"'erpx.rateio_editor.editar' | translate\"\n                                (onClick)=\"openContaDialog(getContaIndex(rowData))\"\n                            ></s-button>\n                        </td>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"rowexpansion\" let-rowData let-rowIndex=\"rowIndex\">\n                    <tr>\n                        <td [attr.colspan]=\"effectiveReadOnly ? gridColumns.length + 2 : gridColumns.length + 3\">\n                            <div class=\"ui-g\" style=\"padding: 8px 16px\">\n                                <div class=\"ui-g-12 rateio-cc-toolbar\" *ngIf=\"!effectiveReadOnly\">\n                                    <s-button\n                                        [label]=\"'erpx.rateio_editor.adicionar_centro_custo' | translate\"\n                                        iconClass=\"fa fa-plus\"\n                                        (onClick)=\"openCCDialog(getContaIndex(rowData))\"\n                                    ></s-button>\n                                    <s-button\n                                        [label]=\"'erpx.rateio_editor.remover_centro_custo' | translate\"\n                                        [priority]=\"ButtonPriority.Secondary\"\n                                        (onClick)=\"onDeleteSelectedCC(rowData)\"\n                                        [disabled]=\"!(ccSelection[rowData.idContaFinanceira]?.length)\"\n                                    ></s-button>\n                                </div>\n                                <div class=\"ui-g-12\">\n                                    <p-table\n                                    [value]=\"rowData.rateiosCCusto\"\n                                    dataKey=\"idCentroCusto\"\n                                    [(selection)]=\"ccSelection[rowData.idContaFinanceira]\"\n                                    [responsive]=\"true\"\n                                >\n                                    <ng-template pTemplate=\"header\">\n                                        <tr>\n                                            <th scope=\"col\" class=\"col-checkbox\" style=\"width: 50px\">\n                                                <p-tableHeaderCheckbox *ngIf=\"!effectiveReadOnly\"></p-tableHeaderCheckbox>\n                                            </th>\n                                            <th scope=\"col\">{{ 'erpx.rateio_editor.centro_custo' | translate }}</th>\n                                            <th scope=\"col\">{{ 'erpx.rateio_editor.percentual' | translate }}</th>\n                                            <th scope=\"col\">{{ 'erpx.rateio_editor.valor' | translate }}</th>\n                                            <th scope=\"col\" *ngIf=\"!effectiveReadOnly\">{{ 'erpx.rateio_editor.acoes' | translate }}</th>\n                                        </tr>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"body\" let-cc let-ccIndex=\"rowIndex\">\n                                        <tr>\n                                            <td class=\"col-checkbox\" style=\"width: 50px\">\n                                                <p-tableCheckbox *ngIf=\"!effectiveReadOnly\" [value]=\"cc\"></p-tableCheckbox>\n                                            </td>\n                                            <td>{{ cc.descCCusto || cc.idCentroCusto }}</td>\n                                            <td style=\"text-align: right\">{{ cc.percentual }}</td>\n                                            <td style=\"text-align: right\">{{ cc.valor | numeric:numberFormatOptions | async }}</td>\n                                            <td *ngIf=\"!effectiveReadOnly\">\n                                                <s-button\n                                                    [auxiliary]=\"true\"\n                                                    [priority]=\"ButtonPriority.Default\"\n                                                    [size]=\"ButtonSize.Small\"\n                                                    iconClass=\"fa fa-pencil\"\n                                                    [label]=\"'erpx.rateio_editor.editar' | translate\"\n                                                    (onClick)=\"openCCDialog(getContaIndex(rowData), getCCIndex(rowData, cc))\"\n                                                ></s-button>\n                                            </td>\n                                        </tr>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"emptymessage\">\n                                        <tr>\n                                            <td [attr.colspan]=\"effectiveReadOnly ? 3 : 5\">\n                                                {{ 'erpx.rateio_editor.sem_centros_custo' | translate }}\n                                            </td>\n                                        </tr>\n                                    </ng-template>\n                                </p-table>\n                                </div>\n                            </div>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n\n    <!-- Bot\u00F5es de a\u00E7\u00E3o -->\n    <div *ngIf=\"isReady\" class=\"ui-g rateio-editor-actions\">\n        <div class=\"ui-g-12\">\n            <s-button\n                *ngIf=\"!effectiveReadOnly && !isStandalone\"\n                priority=\"primary\"\n                iconClass=\"fa fa-check\"\n                [label]=\"'erpx.rateio_editor.salvar' | translate\"\n                (onClick)=\"onSalvar()\"\n            ></s-button>\n        </div>\n    </div>\n</s-loading-state>\n\n<!-- Modal: Adicionar/Editar Conta Financeira -->\n<p-dialog\n    [header]=\"'erpx.rateio_editor.adicionar_conta' | translate\"\n    appendTo=\"body\"\n    [modal]=\"true\"\n    [(visible)]=\"displayContaDialog\"\n    (onHide)=\"onHideContaDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"false\"\n    styleClass=\"custom-dialog\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    [style]=\"{width: '40%'}\"\n>\n    <form *ngIf=\"contaDialogFormGroup\" [formGroup]=\"contaDialogFormGroup\" (ngSubmit)=\"onSaveContaDialog()\">\n        <div class=\"ui-fluid\">\n            <s-dynamic-form\n                [fields]=\"contaDialogFields\"\n                [form]=\"contaDialogFormGroup\"\n                [errorMessages]=\"{\n                    required: ('erpx.rateio_editor.erro_obrigatorio' | translate),\n                    duplicate: ('erpx.rateio_editor.conta_duplicada' | translate),\n                    contaSintetica: ('erpx.rateio_editor.erro_conta_sintetica' | translate),\n                    max: ('erpx.rateio_editor.erro_valor_maximo_conta' | translate)\n                }\"\n            ></s-dynamic-form>\n        </div>\n    </form>\n    <p-footer>\n        <s-button\n            id=\"dialog-conta-save\"\n            type=\"button\"\n            priority=\"primary\"\n            [label]=\"'erpx.rateio_editor.salvar' | translate\"\n            (onClick)=\"onSaveContaDialog()\"\n        ></s-button>\n        <s-button\n            id=\"dialog-conta-cancel\"\n            type=\"button\"\n            priority=\"secondary\"\n            [label]=\"'erpx.rateio_editor.cancelar' | translate\"\n            (onClick)=\"onHideContaDialog()\"\n        ></s-button>\n    </p-footer>\n</p-dialog>\n\n<!-- Modal: Adicionar/Editar Centro de Custo -->\n<p-dialog\n    [header]=\"'erpx.rateio_editor.adicionar_centro_custo' | translate\"\n    appendTo=\"body\"\n    [modal]=\"true\"\n    [(visible)]=\"displayCCDialog\"\n    (onHide)=\"onHideCCDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"false\"\n    styleClass=\"custom-dialog\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    [style]=\"{width: '40%'}\"\n>\n    <form *ngIf=\"ccDialogFormGroup\" [formGroup]=\"ccDialogFormGroup\" (ngSubmit)=\"onSaveCCDialog()\">\n        <div class=\"ui-fluid\">\n            <s-dynamic-form\n                [fields]=\"ccDialogFields\"\n                [form]=\"ccDialogFormGroup\"\n                [errorMessages]=\"{\n                    required: ('erpx.rateio_editor.erro_obrigatorio' | translate),\n                    duplicate: ('erpx.rateio_editor.centro_custo_duplicado' | translate),\n                    centroCustoInvalido: ('erpx.rateio_editor.erro_centro_custo_invalido' | translate),\n                    max: ('erpx.rateio_editor.erro_maximo_centro_custo' | translate)\n                }\"\n            ></s-dynamic-form>\n        </div>\n    </form>\n    <p-footer>\n        <s-button\n            id=\"dialog-cc-save\"\n            type=\"button\"\n            priority=\"primary\"\n            [label]=\"'erpx.rateio_editor.salvar' | translate\"\n            (onClick)=\"onSaveCCDialog()\"\n        ></s-button>\n        <s-button\n            id=\"dialog-cc-cancel\"\n            type=\"button\"\n            priority=\"secondary\"\n            [label]=\"'erpx.rateio_editor.cancelar' | translate\"\n            (onClick)=\"onHideCCDialog()\"\n        ></s-button>\n    </p-footer>\n</p-dialog>\n",
+                styles: [":host ::ng-deep .rateio-cc-toolbar .s-button-text{overflow:visible;-ms-flex-pack:start;justify-content:flex-start}"]
             })
         ], ErpRateioEditorComponent);
         return ErpRateioEditorComponent;