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

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

@@ -29918,9 +29918,7 @@
                         tributo === exports.EnumTipoTributo.CBS_ESTORNO_CREDITO ||
                         tributo === exports.EnumTipoTributo.IBS_ESTORNO_CREDITO ||
                         tributo === exports.EnumTipoTributo.CBS_AJUSTE ||
-                        tributo === exports.EnumTipoTributo.IBS_AJUSTE ||
-                        tributo === exports.EnumTipoTributo.CBS_TRANSFERENCIA_CREDITO ||
-                        tributo === exports.EnumTipoTributo.IBS_TRANSFERENCIA_CREDITO)
+                        tributo === exports.EnumTipoTributo.IBS_AJUSTE)
                         defaultFilter = __spread(defaultFilter, [
                             {
                                 field: 'classificacaoTributaria.indGEstornoCred',
@@ -29938,13 +29936,14 @@
                                     ? angularComponents.EnumLogicalOperator.Eq
                                     : angularComponents.EnumLogicalOperator.Ne,
                                 values: [EnumIndicativoPadrao.EXIGE]
-                            },
+                            }
+                        ]);
+                    if (tributo === exports.EnumTipoTributo.CBS_TRANSFERENCIA_CREDITO ||
+                        tributo === exports.EnumTipoTributo.IBS_TRANSFERENCIA_CREDITO)
+                        defaultFilter = __spread(defaultFilter, [
                             {
                                 field: 'indGTransfCred',
-                                operator: tributo === exports.EnumTipoTributo.CBS_TRANSFERENCIA_CREDITO ||
-                                    tributo === exports.EnumTipoTributo.IBS_TRANSFERENCIA_CREDITO
-                                    ? angularComponents.EnumLogicalOperator.Eq
-                                    : angularComponents.EnumLogicalOperator.Ne,
+                                operator: angularComponents.EnumLogicalOperator.Eq,
                                 values: [EnumIndicativoPadrao.EXIGE]
                             }
                         ]);
@@ -33387,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;
@@ -33398,10 +33403,15 @@
             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([])
             });
         }
+        ErpRateioEditorComponent_1 = ErpRateioEditorComponent;
         Object.defineProperty(ErpRateioEditorComponent.prototype, "effectiveReadOnly", {
             get: function () {
                 var _a;
@@ -33526,6 +33536,16 @@
             if (this.effectiveReadOnly) {
                 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');
@@ -33591,6 +33611,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]
@@ -33629,24 +33670,42 @@
                 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;
@@ -33654,22 +33713,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();
@@ -33699,41 +33752,54 @@
                 percentualValue = cc.percentual;
                 valorValue = cc.valor;
             }
+            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]
+                valor: [{ value: valorValue, disabled: false }, [forms.Validators.required, forms.Validators.max(valorBaseCC)]]
             });
+            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;
@@ -33744,15 +33810,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();
         };
@@ -33762,24 +33851,40 @@
             this.contasDataSource = __spread(this.contasDataSource);
             this.emitChange();
         };
-        ErpRateioEditorComponent.prototype.getMenuOptionsPerRow = function (rowData, rowIndex) {
+        ErpRateioEditorComponent.prototype.getMenuOptionsPerRow = function (rowData) {
             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); } }
-            ];
+            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 (contaIndex, ccIndex) {
+        ErpRateioEditorComponent.prototype.getCCMenuOptions = function (conta, cc) {
             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); } }
-            ];
+            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);
         };
+        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 () {
@@ -33807,7 +33912,35 @@
             }, 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.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. */
+        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); });
+        };
+        /** 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;
+            }
+            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;
@@ -33816,6 +33949,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'] },
@@ -33851,6 +33985,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'] },
@@ -33928,6 +34063,9 @@
                 rateios: this.contasDataSource
             });
         };
+        var ErpRateioEditorComponent_1;
+        /** Valor de anaSin que indica registro sintético (não analítico). */
+        ErpRateioEditorComponent.ANA_SIN_SINTETICO = 'VS';
         ErpRateioEditorComponent.ctorParameters = function () { return [
             { type: forms.FormBuilder },
             { type: ErpRateioEditorService },
@@ -33969,6 +34107,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);
@@ -33987,10 +34146,10 @@
         __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]=\"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"
             })
         ], ErpRateioEditorComponent);
         return ErpRateioEditorComponent;