@senior-gestao-empresarial/erpx-components 4.9.2 → 4.11.0

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

@@ -33386,9 +33386,15 @@
             this.ButtonSize = angularComponents$1.ButtonSize;
             this.loading = false;
             this.selection = [];
+            /** Seleção de centros de custo por conta financeira (keyed por idContaFinanceira). */
+            this.ccSelection = {};
             this.contasDataSource = [];
             this.editingRowBackup = null;
             this.editingCCBackup = null;
+            /** Último valor selecionado no lookup de conta (carrega anaSin para validação). */
+            this.selectedConta = null;
+            /** Último valor selecionado no lookup de centro de custo (carrega anaSin/aceRat). */
+            this.selectedCC = null;
             // === MODAL CONTA FINANCEIRA ===
             this.displayContaDialog = false;
             this.editingContaIndex = null;
@@ -33401,6 +33407,7 @@
                 contas: this.fb.array([])
             });
         }
+        ErpRateioEditorComponent_1 = ErpRateioEditorComponent;
         Object.defineProperty(ErpRateioEditorComponent.prototype, "effectiveReadOnly", {
             get: function () {
                 var _a;
@@ -33420,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;
@@ -33446,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;
@@ -33525,6 +33582,26 @@
             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({
+                    severity: 'error',
+                    summary: this.translate.instant('erpx.rateio_editor.erro_titulo'),
+                    detail: message
+                });
+                this.error.emit({ operacao: 'save', message: message });
+                return;
+            }
             var ctx = this.loadedContext;
             if (!((_a = ctx === null || ctx === void 0 ? void 0 : ctx.e070fil) === null || _a === void 0 ? void 0 : _a.id) || !(ctx === null || ctx === void 0 ? void 0 : ctx.criRat)) {
                 var message = this.translate.instant('erpx.rateio_editor.erro_contexto_incompleto');
@@ -33590,6 +33667,27 @@
             if (this.idMovimento) {
                 parametro.idMovimento = this.idMovimento;
             }
+            if (this.e091plfId) {
+                parametro.e091plf_id = this.e091plfId;
+            }
+            if (this.e044ccuId) {
+                parametro.e044ccu_id = this.e044ccuId;
+            }
+            if (this.idTransacao) {
+                parametro.idTransacao = this.idTransacao;
+            }
+            if (this.idFamilia) {
+                parametro.idFamilia = this.idFamilia;
+            }
+            if (this.idDerivacao) {
+                parametro.idDerivacao = this.idDerivacao;
+            }
+            if (this.idServico) {
+                parametro.idServico = this.idServico;
+            }
+            if (this.valorExcedente != null) {
+                parametro.valorExcedente = this.valorExcedente;
+            }
             var input = {
                 tipo: this.tipoMovimento,
                 parametros: [parametro]
@@ -33617,35 +33715,56 @@
             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 };
                 percentualValue = conta.percentual;
                 valorValue = conta.valorRateadoConta;
             }
+            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]
+                valor: [{ value: valorValue, disabled: false }, [forms.Validators.required, forms.Validators.max(this.valorBase)]]
             });
+            this.contaDialogFormGroup.get('contaFinanceira').valueChanges
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (value) { return (_this.selectedConta = value || null); });
             this.setupPercentualValorSync(this.contaDialogFormGroup, function () { return _this.valorBase; });
             this.contaDialogFields = this.getContaDialogFields();
             this.displayContaDialog = true;
         };
         ErpRateioEditorComponent.prototype.onSaveContaDialog = function () {
-            var _a;
+            var _this = this;
+            var _a, _b, _c;
             if (this.contaDialogFormGroup.invalid) {
                 return;
             }
+            var contaControl = this.contaDialogFormGroup.get('contaFinanceira');
             var data = this.contaDialogFormGroup.getRawValue();
             var contaFinanceira = data.contaFinanceira;
             var percentual = Number(data.percentual) || 0;
             var valor = +(Number(data.valor) || 0).toFixed((_a = this.config.currencyScale) !== null && _a !== void 0 ? _a : 2);
+            var idContaFinanceira = ((_b = this.selectedConta) === null || _b === void 0 ? void 0 : _b.id) || (contaFinanceira === null || contaFinanceira === void 0 ? void 0 : contaFinanceira.id) || '';
+            // Validação analítica: conta sintética não pode ser usada no rateio
+            if (((_c = this.selectedConta) === null || _c === void 0 ? void 0 : _c.anaSin) === ErpRateioEditorComponent_1.ANA_SIN_SINTETICO) {
+                contaControl.setErrors({ contaSintetica: true });
+                return;
+            }
+            // Validação de duplicidade (adição e edição, ignorando o item em edição)
+            var duplicada = this.contasDataSource.some(function (c, i) { return i !== _this.editingContaIndex && c.idContaFinanceira === idContaFinanceira; });
+            if (duplicada) {
+                contaControl.setErrors({ duplicate: true });
+                return;
+            }
             if (this.editingContaIndex != null) {
                 var conta = this.contasDataSource[this.editingContaIndex];
                 conta.percentual = percentual;
@@ -33653,22 +33772,16 @@
                 this.contasDataSource = __spread(this.contasDataSource);
             }
             else {
-                var idContaFinanceira_1 = (contaFinanceira === null || contaFinanceira === void 0 ? void 0 : contaFinanceira.id) || '';
                 var labelConta = (contaFinanceira === null || contaFinanceira === void 0 ? void 0 : contaFinanceira.label) || '';
-                // Validação extra: bloqueia duplicidade
-                var jaExiste = this.contasDataSource.some(function (c) { return c.idContaFinanceira === idContaFinanceira_1; });
-                if (jaExiste) {
-                    this.contaDialogFormGroup.get('contaFinanceira').setErrors({ duplicate: true });
-                    return;
-                }
                 var novaConta = {
-                    idContaFinanceira: idContaFinanceira_1,
+                    idContaFinanceira: idContaFinanceira,
                     contaFinanceira: labelConta,
                     percentual: percentual,
                     valorRateadoConta: valor,
                     rateiosCCusto: []
                 };
                 this.contasDataSource = __spread(this.contasDataSource, [novaConta]);
+                this.ccSelection[novaConta.idContaFinanceira] = [];
             }
             this.displayContaDialog = false;
             this.emitChange();
@@ -33684,55 +33797,75 @@
             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]
+                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))
+                .subscribe(function (value) { return (_this.selectedCC = value || null); });
             this.setupPercentualValorSync(this.ccDialogFormGroup, function () { return valorBaseCC; });
             this.ccDialogFields = this.getCCDialogFields();
             this.displayCCDialog = true;
         };
         ErpRateioEditorComponent.prototype.onSaveCCDialog = function () {
-            var _a;
+            var _this = this;
+            var _a, _b, _c, _d;
             if (this.ccDialogFormGroup.invalid) {
                 return;
             }
+            var ccControl = this.ccDialogFormGroup.get('centroCusto');
             var data = this.ccDialogFormGroup.getRawValue();
             var centroCusto = data.centroCusto;
             var percentual = Number(data.percentual) || 0;
             var valor = +(Number(data.valor) || 0).toFixed((_a = this.config.currencyScale) !== null && _a !== void 0 ? _a : 2);
             var conta = this.contasDataSource[this.editingCCContaIndex];
+            var idCentroCusto = ((_b = this.selectedCC) === null || _b === void 0 ? void 0 : _b.id) || (centroCusto === null || centroCusto === void 0 ? void 0 : centroCusto.id) || '';
+            // Validação analítica: CC sintético ou que não aceita rateio é inválido
+            var ccInvalido = ((_c = this.selectedCC) === null || _c === void 0 ? void 0 : _c.aceRat) === false
+                || ((_d = this.selectedCC) === null || _d === void 0 ? void 0 : _d.anaSin) === ErpRateioEditorComponent_1.ANA_SIN_SINTETICO;
+            if (ccInvalido) {
+                ccControl.setErrors({ centroCustoInvalido: true });
+                return;
+            }
+            // Validação de duplicidade na mesma conta (adição e edição, ignorando o item em edição)
+            var ccList = conta.rateiosCCusto || [];
+            var duplicado = ccList.some(function (cc, i) { return i !== _this.editingCCIndex && cc.idCentroCusto === idCentroCusto; });
+            if (duplicado) {
+                ccControl.setErrors({ duplicate: true });
+                return;
+            }
             if (this.editingCCIndex != null) {
                 var cc = conta.rateiosCCusto[this.editingCCIndex];
                 cc.percentual = percentual;
                 cc.valor = valor;
             }
             else {
-                var idCentroCusto_1 = (centroCusto === null || centroCusto === void 0 ? void 0 : centroCusto.id) || '';
                 var labelCCusto = (centroCusto === null || centroCusto === void 0 ? void 0 : centroCusto.label) || '';
-                // Validação extra: bloqueia duplicidade dentro da mesma conta
-                var ccList = conta.rateiosCCusto || [];
-                var jaExiste = ccList.some(function (cc) { return cc.idCentroCusto === idCentroCusto_1; });
-                if (jaExiste) {
-                    this.ccDialogFormGroup.get('centroCusto').setErrors({ duplicate: true });
-                    return;
-                }
-                conta.rateiosCCusto = __spread(ccList, [{ idCentroCusto: idCentroCusto_1, descCCusto: labelCCusto, percentual: percentual, valor: valor }]);
+                conta.rateiosCCusto = __spread(ccList, [{ idCentroCusto: idCentroCusto, descCCusto: labelCCusto, percentual: percentual, valor: valor }]);
             }
             this.contasDataSource = __spread(this.contasDataSource);
             this.displayCCDialog = false;
@@ -33743,15 +33876,38 @@
         };
         // === AÇÕES DA TABELA ===
         ErpRateioEditorComponent.prototype.onDeleteSelected = function () {
+            var _this = this;
             if (!this.selection.length) {
                 return;
             }
             var idsToRemove = new Set(this.selection.map(function (s) { return s.idContaFinanceira; }));
             this.contasDataSource = this.contasDataSource.filter(function (c) { return !idsToRemove.has(c.idContaFinanceira); });
+            idsToRemove.forEach(function (id) { return delete _this.ccSelection[id]; });
             this.selection = [];
             this.emitChange();
         };
+        /** Remove os centros de custo selecionados de uma conta financeira. */
+        ErpRateioEditorComponent.prototype.onDeleteSelectedCC = function (conta) {
+            var selecionados = this.ccSelection[conta.idContaFinanceira] || [];
+            if (!selecionados.length) {
+                this.messageService.add({
+                    severity: 'warn',
+                    summary: this.translate.instant('erpx.rateio_editor.erro_titulo'),
+                    detail: this.translate.instant('erpx.rateio_editor.nenhum_centro_custo_selecionado')
+                });
+                return;
+            }
+            var idsToRemove = new Set(selecionados.map(function (cc) { return cc.idCentroCusto; }));
+            conta.rateiosCCusto = conta.rateiosCCusto.filter(function (cc) { return !idsToRemove.has(cc.idCentroCusto); });
+            this.ccSelection[conta.idContaFinanceira] = [];
+            this.contasDataSource = __spread(this.contasDataSource);
+            this.emitChange();
+        };
         ErpRateioEditorComponent.prototype.removerConta = function (index) {
+            var removida = this.contasDataSource[index];
+            if (removida) {
+                delete this.ccSelection[removida.idContaFinanceira];
+            }
             this.contasDataSource = this.contasDataSource.filter(function (_, i) { return i !== index; });
             this.emitChange();
         };
@@ -33761,24 +33917,12 @@
             this.contasDataSource = __spread(this.contasDataSource);
             this.emitChange();
         };
-        ErpRateioEditorComponent.prototype.getMenuOptionsPerRow = function (rowData, rowIndex) {
-            var _this = this;
-            return [
-                { label: this.translate.instant('erpx.rateio_editor.editar'), command: function () { return _this.openContaDialog(rowIndex); } },
-                { label: this.translate.instant('erpx.rateio_editor.adicionar_centro_custo'), command: function () { return _this.openCCDialog(rowIndex); } },
-                { label: this.translate.instant('erpx.rateio_editor.excluir'), command: function () { return _this.removerConta(rowIndex); } }
-            ];
-        };
-        ErpRateioEditorComponent.prototype.getCCMenuOptions = function (contaIndex, ccIndex) {
-            var _this = this;
-            return [
-                { label: this.translate.instant('erpx.rateio_editor.editar'), command: function () { return _this.openCCDialog(contaIndex, ccIndex); } },
-                { label: this.translate.instant('erpx.rateio_editor.excluir'), command: function () { return _this.removerCentroCusto(contaIndex, ccIndex); } }
-            ];
-        };
         ErpRateioEditorComponent.prototype.getContaIndex = function (rowData) {
             return this.contasDataSource.indexOf(rowData);
         };
+        ErpRateioEditorComponent.prototype.getCCIndex = function (conta, cc) {
+            return (conta.rateiosCCusto || []).indexOf(cc);
+        };
         // === PRIVADOS ===
         /** Inicializa o componente a partir dos inputs (sem chamada à API de carga). */
         ErpRateioEditorComponent.prototype.inicializarPorInputs = function () {
@@ -33806,7 +33950,50 @@
             }, function (err) { var _a; return _this.error.emit({ operacao: 'load', message: ((_a = err === null || err === void 0 ? void 0 : err.error) === null || _a === void 0 ? void 0 : _a.message) || (err === null || err === void 0 ? void 0 : err.message) || _this.translate.instant('erpx.rateio_editor.erro_carregar'), originalError: err }); });
         };
         ErpRateioEditorComponent.prototype.popularComRateios = function (rateios) {
+            var _this = this;
             this.contasDataSource = __spread(rateios);
+            this.ccSelection = {};
+            this.contasDataSource.forEach(function (conta) {
+                _this.ccSelection[conta.idContaFinanceira] = [];
+            });
+        };
+        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 () {
+            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) {
+                // 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);
+            var pctRestante = +(100 - somaPct).toFixed((_a = this.config.percentageScale) !== null && _a !== void 0 ? _a : 4);
+            var valorRestante = +((conta.valorRateadoConta || 0) - somaValor).toFixed((_b = this.config.currencyScale) !== null && _b !== void 0 ? _b : 2);
+            return pctRestante === 0 && valorRestante === 0;
         };
         ErpRateioEditorComponent.prototype.getContaDialogFields = function () {
             var _this = this;
@@ -33815,6 +34002,7 @@
                 new angularComponents$1.FormField(__assign(__assign({}, this.e091PlfLookup.mountOptions({
                     multiple: false,
                     formGroup: 'contaFinanceira',
+                    queryFields: ['anaSin'],
                     defaultFilter: [
                         { field: 'excluido', operator: angularComponents.EnumLogicalOperator.Eq, values: ['false'] },
                         { field: 'sitFin', operator: angularComponents.EnumLogicalOperator.Eq, values: ['VA'] },
@@ -33850,6 +34038,7 @@
                 new angularComponents$1.FormField(__assign(__assign({}, this.e044CcuLookup.mountOptions({
                     multiple: false,
                     formGroup: 'centroCusto',
+                    queryFields: ['anaSin', 'aceRat'],
                     defaultFilter: [
                         { field: 'excluido', operator: angularComponents.EnumLogicalOperator.Eq, values: ['false'] },
                         { field: 'sitCcu', operator: angularComponents.EnumLogicalOperator.Eq, values: ['VA'] },
@@ -33923,10 +34112,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 },
@@ -33968,6 +34162,27 @@
         __decorate([
             core.Input()
         ], ErpRateioEditorComponent.prototype, "criRat", void 0);
+        __decorate([
+            core.Input()
+        ], ErpRateioEditorComponent.prototype, "e091plfId", void 0);
+        __decorate([
+            core.Input()
+        ], ErpRateioEditorComponent.prototype, "e044ccuId", void 0);
+        __decorate([
+            core.Input()
+        ], ErpRateioEditorComponent.prototype, "idTransacao", void 0);
+        __decorate([
+            core.Input()
+        ], ErpRateioEditorComponent.prototype, "idFamilia", void 0);
+        __decorate([
+            core.Input()
+        ], ErpRateioEditorComponent.prototype, "idDerivacao", void 0);
+        __decorate([
+            core.Input()
+        ], ErpRateioEditorComponent.prototype, "idServico", void 0);
+        __decorate([
+            core.Input()
+        ], ErpRateioEditorComponent.prototype, "valorExcedente", void 0);
         __decorate([
             core.Input()
         ], ErpRateioEditorComponent.prototype, "currencyCode", void 0);
@@ -33986,10 +34201,11 @@
         __decorate([
             core.ViewChild('tableRateio')
         ], ErpRateioEditorComponent.prototype, "table", void 0);
-        ErpRateioEditorComponent = __decorate([
+        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, rowIndex)\"\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 [value]=\"rowData.rateiosCCusto\" [responsive]=\"true\">\n                                    <ng-template pTemplate=\"header\">\n                                        <tr>\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>{{ 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(getContaIndex(rowData), ccIndex)\"\n                                                ></s-button>\n                                            </td>\n                                        </tr>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"emptymessage\">\n                                        <tr>\n                                            <td [attr.colspan]=\"effectiveReadOnly ? 3 : 4\">\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                }\"\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                }\"\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;