@senior-agronegocio/angular-components 0.0.69 → 0.0.71-origination

package/fesm2015/senior-agronegocio-angular-components.js

@@ -175,6 +175,16 @@ const AGRO_REGEX = {
      * Validação se todos os dígitos são iguais
      */
     isAllDigitsEqual: /^(.)\1+$/,
+    /**
+     * Validação de Placa de Veículo do Mercosul
+     * Formato: ABC1D23
+     */
+    isMercosulLicensePlate: /^[A-Z]{3}[0-9]{1}[A-Z]{1}[0-9]{2}$/,
+    /**
+     * Validação de Placa de Veículo Antiga
+     * Formato: AAA-0000
+     */
+    isOldLicensePlate: /^[A-Z]{3}[0-9]{4}$/
 };
 
 var NumberComparisonType;
@@ -1698,13 +1708,14 @@ class AgroFormValidator {
      */
     static checkValueBetween(minorFormControl, targetFormControl, majorFormControl) {
         const checkValue = (control) => {
-            var _a, _b, _c, _d;
+            var _a, _b, _c;
             const formGroup = control;
             const valueA = (_a = formGroup.get(minorFormControl)) === null || _a === void 0 ? void 0 : _a.value;
             const valueB = (_b = formGroup.get(targetFormControl)) === null || _b === void 0 ? void 0 : _b.value;
             const valueC = (_c = formGroup.get(majorFormControl)) === null || _c === void 0 ? void 0 : _c.value;
             const methodName = 'checkValueBetween';
-            if (valueA && valueB && valueC) {
+            const areNumbers = [valueA, valueB, valueC].every(v => v !== null && v !== undefined);
+            if (areNumbers) {
                 if (valueB < valueA || valueB > valueC) {
                     const targetControl = formGroup.get(targetFormControl);
                     if (targetControl) {
@@ -1712,10 +1723,12 @@ class AgroFormValidator {
                     }
                     return { [methodName]: true };
                 }
-                else if ((_d = formGroup.get(targetFormControl)) === null || _d === void 0 ? void 0 : _d.hasError(methodName)) {
+                else {
                     const targetControl = formGroup.get(targetFormControl);
-                    if (targetControl) {
-                        targetControl.setErrors(null);
+                    if (targetControl === null || targetControl === void 0 ? void 0 : targetControl.hasError(methodName)) {
+                        const errors = Object.assign({}, targetControl.errors);
+                        delete errors[methodName];
+                        targetControl.setErrors(Object.keys(errors).length ? errors : null);
                     }
                 }
             }
@@ -1745,6 +1758,91 @@ class AgroFormValidator {
         };
         return objectProperty;
     }
+    /**
+     * Valida se o campo é um CPF (Cadastro de Pessoa Física) válido.
+     */
+    static CPFValidator() {
+        const cpfVal = (control) => {
+            const cpf = (control.value || '').replace(/[^\d]/g, '');
+            if (!cpf) {
+                return null; // Não valida campo vazio, use Validators.required junto se quiser obrigatoriedade
+            }
+            if (cpf.length !== 11) {
+                return { cpfValidator: true };
+            }
+            // Verifica se todos os dígitos são iguais (ex.: 11111111111)
+            if (/^(\d)\1{10}$/.test(cpf)) {
+                return { cpfValidator: true };
+            }
+            // Validação dos dígitos verificadores
+            const calcCheckDigit = (cpfSlice, factor) => {
+                let total = 0;
+                for (const digit of cpfSlice) {
+                    total += parseInt(digit, 10) * factor--;
+                }
+                const remainder = total % 11;
+                return remainder < 2 ? 0 : 11 - remainder;
+            };
+            const digit1 = calcCheckDigit(cpf.substring(0, 9), 10);
+            const digit2 = calcCheckDigit(cpf.substring(0, 9) + digit1, 11);
+            const isValid = digit1 === parseInt(cpf.charAt(9), 10) &&
+                digit2 === parseInt(cpf.charAt(10), 10);
+            return isValid ? null : { cpfValidator: true };
+        };
+        return cpfVal;
+    }
+    /**
+     * Validator de CNPJ (Cadastro Nacional da Pessoa Jurídica).
+     * @returns
+     */
+    CNPJValidator() {
+        return (control) => {
+            var _a;
+            const value = (_a = control.value) === null || _a === void 0 ? void 0 : _a.replace(/\D/g, '');
+            if (!value || value.length !== 14) {
+                return { cnpjValidator: true };
+            }
+            // Verifica CNPJs com todos os dígitos iguais (inválidos)
+            if (/^(\d)\1{13}$/.test(value)) {
+                return { cnpjValidator: true };
+            }
+            const validateCheckDigit = (cnpj, length) => {
+                const weights = length === 12
+                    ? [5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2]
+                    : [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
+                const sum = cnpj
+                    .slice(0, length)
+                    .split('')
+                    .reduce((acc, digit, index) => {
+                    return acc + parseInt(digit, 10) * weights[index];
+                }, 0);
+                const remainder = sum % 11;
+                return remainder < 2 ? 0 : 11 - remainder;
+            };
+            const firstCheckDigit = validateCheckDigit(value, 12);
+            const secondCheckDigit = validateCheckDigit(value, 13);
+            if (firstCheckDigit !== parseInt(value.charAt(12), 10) ||
+                secondCheckDigit !== parseInt(value.charAt(13), 10)) {
+                return { cnpjValidator: true };
+            }
+            return null; // válido
+        };
+    }
+    /**
+     * Valida se a placa do veículo é válida.
+     * @returns
+     */
+    licensePlateValidator() {
+        return (control) => {
+            const value = (control.value || '').toUpperCase().trim().replace(/-/g, '');
+            if (!value) {
+                return null; // Campo vazio não é responsabilidade desse validador
+            }
+            const isValid = AGRO_REGEX.isMercosulLicensePlate.test(value) ||
+                AGRO_REGEX.isOldLicensePlate.test(value);
+            return isValid ? null : { licensePlateInvalid: true };
+        };
+    }
 }
 
 class AgroCookieUtils {
@@ -3335,7 +3433,10 @@ const ptBR = {
     "agro.angular_components.TRANSFER_CONCLUDE_CANCEL": "Conclusão do cancelamento",
     "agro.angular_components.transfer_cancellation_event": "Cancelamento de transferência",
     "agro.angular_components.CREATE_INVOICE_FIXATION": "Emissão de NF",
-    "agro.angular_components.CANCEL_INVOICE_FIXATION": "Cancelamento de NF"
+    "agro.angular_components.CANCEL_INVOICE_FIXATION": "Cancelamento de NF",
+    "agro.angular_components.ORIGINATION_CREATE_INVOICE": "Emissão de NF",
+    "agro.angular_components.ORIGINATION_CREATE_EFFECTIVE_BALANCE": "Emissão de saldo efetivo",
+    "agro.angular_components.PRODUCER_NET_VALUE_EFFECTIVE_BALANCE_CONFIRMATION": "Confirmação de saldo efetivo"
 };
 
 const enUS = {
@@ -3569,7 +3670,10 @@ const enUS = {
     "agro.angular_components.cancel_reason": "Cancellation reason",
     "agro.angular_components.transfer_cancellation_event": "Transfer cancellation",
     "agro.angular_components.CREATE_INVOICE_FIXATION": "Invoice fixation creation",
-    "agro.angular_components.CANCEL_INVOICE_FIXATION": "Invoice fixation cancellation"
+    "agro.angular_components.CANCEL_INVOICE_FIXATION": "Invoice fixation cancellation",
+    "agro.angular_components.ORIGINATION_CREATE_INVOICE": "Invoice Issuance",
+    "agro.angular_components.ORIGINATION_CREATE_EFFECTIVE_BALANCE": "Effective balance issuance",
+    "agro.angular_components.PRODUCER_NET_VALUE_EFFECTIVE_BALANCE_CONFIRMATION": "Effective balance confirmation"
 };
 
 const esCO = {
@@ -3803,7 +3907,10 @@ const esCO = {
     "agro.angular_components.cancel_reason": "Motivo de la cancelación",
     "agro.angular_components.transfer_cancellation_event": "Cancelación de transferencia",
     "agro.angular_components.CREATE_INVOICE_FIXATION": "Crear factura de fijación",
-    "agro.angular_components.CANCEL_INVOICE_FIXATION": "Cancelar factura de fijación"
+    "agro.angular_components.CANCEL_INVOICE_FIXATION": "Cancelar factura de fijación",
+    "agro.angular_components.ORIGINATION_CREATE_INVOICE": "Emisión de factura",
+    "agro.angular_components.ORIGINATION_CREATE_EFFECTIVE_BALANCE": "Emisión de saldo efectivo",
+    "agro.angular_components.PRODUCER_NET_VALUE_EFFECTIVE_BALANCE_CONFIRMATION": "Confirmación del saldo efectivo"
 };
 
 let LibTranslationService = class LibTranslationService {
@@ -4446,11 +4553,11 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     }
     updateCompanyAndBranchFormFields(changes) {
         var _a, _b, _c, _d;
-        if (changes.e070emp && changes.e070emp.currentValue !== changes.e070emp.previousValue) {
-            (_a = this.filterFormGroup.get('e070emp')) === null || _a === void 0 ? void 0 : _a.setValue((_b = changes.e070emp.currentValue) !== null && _b !== void 0 ? _b : null);
+        if (changes.company && changes.company.currentValue !== changes.company.previousValue) {
+            (_a = this.filterFormGroup.get('company')) === null || _a === void 0 ? void 0 : _a.setValue((_b = changes.company.currentValue) !== null && _b !== void 0 ? _b : null);
         }
-        if (changes.e070fil && changes.e070fil.currentValue !== changes.e070fil.previousValue) {
-            (_c = this.filterFormGroup.get('e070fil')) === null || _c === void 0 ? void 0 : _c.setValue((_d = changes.e070fil.currentValue) !== null && _d !== void 0 ? _d : null);
+        if (changes.branch && changes.branch.currentValue !== changes.branch.previousValue) {
+            (_c = this.filterFormGroup.get('branch')) === null || _c === void 0 ? void 0 : _c.setValue((_d = changes.branch.currentValue) !== null && _d !== void 0 ? _d : null);
         }
     }
     updateEventOriginAndControlCodeFormFields(changes) {
@@ -4474,8 +4581,8 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     initializeFormGroup() {
         var _a, _b, _c, _d, _e, _f, _g;
         this.filterFormGroup = this.formBuilder.group({
-            e070emp: [{ value: (_a = this.e070emp) !== null && _a !== void 0 ? _a : null, disabled: false }, Validators.compose([])],
-            e070fil: [{ value: (_b = this.e070fil) !== null && _b !== void 0 ? _b : null, disabled: false }, Validators.compose([])],
+            company: [{ value: (_a = this.company) !== null && _a !== void 0 ? _a : null, disabled: false }, Validators.compose([])],
+            branch: [{ value: (_b = this.branch) !== null && _b !== void 0 ? _b : null, disabled: false }, Validators.compose([])],
             controlCode: [{ value: (_c = this.controlCode) !== null && _c !== void 0 ? _c : null, disabled: false }, Validators.compose([])],
             externalId: [{ value: (_d = this.externalId) !== null && _d !== void 0 ? _d : null, disabled: false }, Validators.compose([])],
             eventOrigin: [{ value: (_e = this.eventOrigin) !== null && _e !== void 0 ? _e : null, disabled: false }, Validators.compose([])],
@@ -4486,11 +4593,11 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     setFormFields() {
         this.filterFields = [
             new FormField({
-                name: "e070emp",
+                name: "company",
                 type: FieldType.Chips,
             }),
             new FormField({
-                name: "e070fil",
+                name: "branch",
                 type: FieldType.Chips,
             }),
             new FormField({
@@ -4517,8 +4624,8 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     }
     setGridColumns() {
         return [
-            { field: 'e070emp', header: this.translate.instant("agro.angular_components.company") },
-            { field: 'e070fil', header: this.translate.instant("agro.angular_components.label_branch") },
+            { field: 'company', header: this.translate.instant("agro.angular_components.company") },
+            { field: 'branch', header: this.translate.instant("agro.angular_components.label_branch") },
             { field: 'eventOrigin', header: this.translate.instant("agro.angular_components.event_origin_label") },
             { field: 'controlCode', header: this.translate.instant("agro.angular_components.control_code") },
         ];
@@ -4636,7 +4743,23 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     getEventLabel(detail) {
         var _a;
         const eventLabel = (_a = this.eventItem.find(e => e.value === detail.eventOperation)) === null || _a === void 0 ? void 0 : _a.label;
-        return eventLabel ? this.translate.instant(eventLabel) : detail.eventOperation;
+        console.log('eventLabel', eventLabel, detail.eventOperation);
+        if (eventLabel) {
+            return this.translate.instant(eventLabel);
+        }
+        const localLabel = this.getEventOperationSubLocalLabel(detail);
+        if (localLabel) {
+            return localLabel;
+        }
+        return detail.eventOperation;
+    }
+    getEventOperationSubLocalLabel(detail) {
+        const tranlsationKey = 'agro.angular_components.' + detail.eventOperation;
+        const translation = this.translate.instant(tranlsationKey);
+        if (translation !== tranlsationKey) {
+            return translation;
+        }
+        return null;
     }
     getEventSubLabel(detail) {
         var _a, _b;
@@ -4692,8 +4815,8 @@ let EventControlBoardComponent = class EventControlBoardComponent {
         const { filterData } = this.currentListParams;
         const controlCode = filterData['controlCode'] && Array.isArray(filterData['controlCode']) ? filterData['controlCode'] : null;
         const filter = {
-            companyId: (_b = (_a = filterData['e070emp']) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null,
-            branchId: (_d = (_c = filterData['e070fil']) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : null,
+            companyId: (_b = (_a = filterData['company']) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null,
+            branchId: (_d = (_c = filterData['branch']) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : null,
             controlCode: controlCode ? controlCode.map((code) => parseInt(code)) : null,
             externalId: (_e = filterData['externalId']) !== null && _e !== void 0 ? _e : null,
             eventOrigin: (_f = filterData['eventOrigin']) !== null && _f !== void 0 ? _f : null,
@@ -4705,10 +4828,10 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     }
     getFieldNameForSortRequest(name) {
         switch (name) {
-            case 'e070emp':
-                return 'e070emp.nomEmp';
-            case 'e070fil':
-                return 'e070fil.nomFil';
+            case 'company':
+                return 'company.nomEmp';
+            case 'branch':
+                return 'branch.nomFil';
             default:
                 return name;
         }
@@ -4760,6 +4883,22 @@ let EventControlBoardComponent = class EventControlBoardComponent {
         }
         return translatedErrorMessages;
     }
+    getProducerInvoiceIdFromParams(param) {
+        var _a, _b, _c, _d;
+        if ((param === null || param === void 0 ? void 0 : param.producerInvoiceIds) && (param === null || param === void 0 ? void 0 : param.producerInvoiceIds.length) > 0) {
+            return param === null || param === void 0 ? void 0 : param.producerInvoiceIds[0];
+        }
+        if ((_b = (_a = param === null || param === void 0 ? void 0 : param.invoice) === null || _a === void 0 ? void 0 : _a.generalData) === null || _b === void 0 ? void 0 : _b.transactionalId) {
+            return (_d = (_c = param === null || param === void 0 ? void 0 : param.invoice) === null || _c === void 0 ? void 0 : _c.generalData) === null || _d === void 0 ? void 0 : _d.transactionalId;
+        }
+        if (param === null || param === void 0 ? void 0 : param.producerInvoiceId) {
+            return param === null || param === void 0 ? void 0 : param.producerInvoiceId;
+        }
+        if (param === null || param === void 0 ? void 0 : param.externalId) {
+            return param === null || param === void 0 ? void 0 : param.externalId;
+        }
+        return null;
+    }
     stepSelected(event) {
         this.selectedStep = event.step;
         switch (this.selectedStep.eventType) {
@@ -4768,17 +4907,29 @@ let EventControlBoardComponent = class EventControlBoardComponent {
             case EventOrigin.INVOICE:
             case EventOrigin.CREATE_INVOICE:
                 this.sidebarLoading = true;
-                const param = JSON.parse(this.selectedStep.item.input);
-                const producerInvoiceId = param.producerInvoiceIds ? param.producerInvoiceIds[0]
-                    : param.invoice.generalData.transactionalId;
-                this.eventControlBoardService.producerInvoiceService.get(producerInvoiceId)
-                    .pipe(takeUntil(this.ngUnsubscribe))
-                    .subscribe((result) => {
-                    this.producerInvoice = result;
-                    this.sidebarLoading = false;
-                }, () => {
-                    this.sidebarLoading = false;
-                });
+                {
+                    const param = JSON.parse(this.selectedStep.item.input);
+                    console.log('param', param);
+                    const producerInvoiceId = this.getProducerInvoiceIdFromParams(param);
+                    if (!producerInvoiceId) {
+                        this.sidebarLoading = false;
+                        return;
+                    }
+                    this.eventControlBoardService.producerInvoiceService.list({
+                        displayFields: ['*', 'producerBalanceEntryControl.*', 'producerBalanceEntryControl.producer.*'],
+                        filterQuery: `id eq '${producerInvoiceId}'`,
+                        page: 0,
+                        size: 1,
+                    })
+                        .pipe(takeUntil(this.ngUnsubscribe))
+                        .subscribe((result) => {
+                        this.producerInvoice = result === null || result === void 0 ? void 0 : result.contents[0];
+                        console.log(this.producerInvoice);
+                        this.sidebarLoading = false;
+                    }, () => {
+                        this.sidebarLoading = false;
+                    });
+                }
                 break;
             case EventOrigin.FIXATION:
             case EventOrigin.CANCEL_FIXATION:
@@ -4849,10 +5000,10 @@ EventControlBoardComponent.ctorParameters = () => [
 ];
 __decorate([
     Input()
-], EventControlBoardComponent.prototype, "e070emp", void 0);
+], EventControlBoardComponent.prototype, "company", void 0);
 __decorate([
     Input()
-], EventControlBoardComponent.prototype, "e070fil", void 0);
+], EventControlBoardComponent.prototype, "branch", void 0);
 __decorate([
     Input()
 ], EventControlBoardComponent.prototype, "controlCode", void 0);
@@ -4883,7 +5034,7 @@ __decorate([
 EventControlBoardComponent = __decorate([
     Component({
         selector: 'event-control-board',
-        template: "<div class=\"ui-g\" *sLoadingState=\"gridLoading\">\r\n    <div class=\"ui-g-12\">\r\n        <p-panel>\r\n            <p-header>\r\n                {{ \"agro.angular_components.event_control_header\" | libTranslate }}\r\n            </p-header>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12\">\r\n                    <s-button\r\n                        id=\"refresh-button\"\r\n                        [priority]=\"ButtonPriority.Primary\"\r\n                        iconClass=\"fa fa-refresh\"\r\n                        [label]=\"'agro.angular_components.refresh' | libTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                    >\r\n                    </s-button>\r\n                    <s-button\r\n                        *ngIf=\"standalone && showCancelButton\"\r\n                        id=\"cancel-button-agro-events-lib\"\r\n                        iconClass=\"fa fa-times\"\r\n                        [label]=\"'agro.angular_components.cancel' | libTranslate\"\r\n                        (click)=\"openCancelModal()\"\r\n                    >\r\n                    </s-button>\r\n                </div>\r\n            </div>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12 ui-md-12\" *ngIf=\"!gridData || gridData?.length === 0\">\r\n                    <s-empty-state\r\n                        iconClass=\"fa fa-exclamation-triangle\"\r\n                        title=\"{{ 'agro.angular_components.nothing_found' | libTranslate }}\"\r\n                        [showPrimaryAction]=\"false\"\r\n                        description=\"{{ 'agro.angular_components.table_empty_description' | libTranslate }}\"\r\n                    >\r\n                    </s-empty-state>\r\n                </div>\r\n                <ng-container *ngIf=\"gridData?.length > 0\">\r\n                    <p-table\r\n                        stylelass=\"custom-table\"\r\n                        #eventControlTable\r\n                        [value]=\"gridDataResolved\"\r\n                        [columns]=\"gridColumns\"\r\n                        dataKey=\"id\"\r\n                        [lazy]=\"true\"\r\n                        [scrollable]=\"true\"\r\n                        [resizableColumns]=\"true\"\r\n                        [paginator]=\"!standalone\"\r\n                        [totalRecords]=\"gridTotalRecords\"\r\n                        [rows]=\"10\"\r\n                        [responsive]=\"true\"\r\n                        (onLazyLoad)=\"onGridChange($event)\"\r\n                        [sortOrder]=\"getSortOrder()\"\r\n                        [first]=\"getRowIndex()\"\r\n                        [lazyLoadOnInit]=\"false\"\r\n                        sortMode=\"multiple\"\r\n                        [rows]=\"getPageSize()\"\r\n                        [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n                    >\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <th\r\n                                        *ngFor=\"let col of columns\"\r\n                                        class=\"ui-lg-1 ui-md-1\"\r\n                                        [pSortableColumn]=\"col.field\"\r\n                                        scope=\"col\"\r\n                                    >\r\n                                        <div class=\"senior-header\">\r\n                                            <span class=\"senior-header-title\">{{\r\n                                                col.header\r\n                                            }}</span>\r\n                                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                        </div>\r\n                                    </th>\r\n                                </ng-container>\r\n                                <th class=\"ui-lg-8 ui-md-7\" scope=\"col\">\r\n                                    {{ \"agro.angular_components.panel_title_events_events\" | libTranslate }}\r\n                                </th>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-rowData>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070emp?.nomEmp }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070fil?.nomFil }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        <ng-container [ngSwitch]=\"rowData.eventOrigin\">\r\n                                            <span *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.balance_entry_control_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TICKET'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.ticket_maintenance_header\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TRANSFER'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.transfer_origin_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'INVOICE'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.invoice_creating_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.change_request_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.fixation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.cancel_fixation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TRANSFER_CANCELLATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.transfer_cancellation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                        </ng-container>\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui ui-md-1\">\r\n                                        {{ rowData.controlCode || \"\" }}\r\n                                    </td>\r\n                                </ng-container>\r\n                                <td class=\"ui-lg-8 ui-md-7\">\r\n                                    <ng-container *ngFor=\"let group of rowData.groups\">\r\n                                        <s-event-steps\r\n                                            [steps]=\"group.steps || []\"\r\n                                            [activeIndex]=\"group.activeIndex\"\r\n                                            (stepSelected)=\"stepSelected($event)\"\r\n                                        >\r\n                                        </s-event-steps>\r\n                                    </ng-container>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template\r\n                            *ngIf=\"!standalone\"\r\n                            pTemplate=\"paginatorright\"\r\n                            class=\"custom-table\"\r\n                        >\r\n                            <span>\r\n                                {{\r\n                                    \"agro.angular_components.registers_found\"\r\n                                        | libTranslate : { total: gridTotalRecords }\r\n                                }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-table>\r\n                </ng-container>\r\n            </div>\r\n        </p-panel>\r\n    </div>\r\n</div>\r\n<s-sidebar [visible]=\"showSidebar\" (visibleChange)=\"closeSidebar()\" header=\"{{ 'agro.angular_components.event_details_header' | libTranslate }}\">\r\n    <div class=\"ui-fluid\">\r\n        <p-fieldset [legend]=\"sidebarTitle\" [toggleable]=\"false\">\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_origin_label\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.eventType\">\r\n                        <p *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                            {{ \"agro.angular_components.balance_entry_control_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TICKET'\">\r\n                            {{ \"agro.angular_components.ticket_maintenance_header\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TRANSFER'\">\r\n                            {{ \"agro.angular_components.transfer_origin_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'INVOICE'\">\r\n                            {{ \"agro.angular_components.invoice_creating_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                            {{ \"agro.angular_components.change_request_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FIXATION'\">\r\n                            {{ \"agro.angular_components.fixation_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                            {{ \"agro.angular_components.cancel_fixation_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TRANSFER_CANCELLATION'\">\r\n                            {{ \"agro.angular_components.transfer_cancellation_event\" | libTranslate }}\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.e001pes.nomPes\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.supplier\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.e001pes.nomPes }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.ruralEstate.name\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.rural_estate\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.ruralEstate.name }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.controlCode\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.control_code\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.controlCode }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.status_label\" | libTranslate }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.item.status\">\r\n                        <p *ngSwitchCase=\"'SUCCESS'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Green\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_completed_successfully'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PROCESSING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Orange\"\r\n                                text=\"{{ 'agro.angular_components.processing' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FAILED'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Red\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_ended_with_error'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PENDING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Gray\"\r\n                                text=\"{{ 'agro.angular_components.pending' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.last_update_date\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.lastModifiedDate | date : \"dd/MM/yyyy HH:mm:ss\" }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.item.status === 'FAILED'\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_error_message\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.message || \"-\" }}</p>\r\n                </div>\r\n            </div>\r\n        </p-fieldset>\r\n    </div>\r\n    <s-footer>\r\n        <div class=\"ui-g\">\r\n            <div class=\"ui-g-12 width-fit\">\r\n                <s-button\r\n                    id=\"sidebar-close-button\"\r\n                    [priority]=\"ButtonPriority.Primary\"\r\n                    [label]=\"'agro.angular_components.events_close' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"closeSidebar()\"\r\n                >\r\n                </s-button>\r\n                <s-button\r\n                    *ngIf=\"showReprocessButton\"\r\n                    id=\"sidebar-reprocess-button\"\r\n                    [priority]=\"ButtonPriority.Secondary\"\r\n                    iconClass=\"fa fa-refresh\"\r\n                    [label]=\"'agro.angular_components.reprocess_event' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"openModal()\"\r\n                >\r\n                </s-button>\r\n            </div>\r\n        </div>\r\n    </s-footer>\r\n</s-sidebar>\r\n\r\n<p-dialog [header]=\"'agro.angular_components.event_modal_title' | libTranslate\" [(visible)]=\"displayModal\" [modal]=\"true\" class=\"dialog\">\r\n    <div class=\"event-modal-text\">{{ \"agro.angular_components.event_modal\" | libTranslate }}</div>\r\n    <p-footer>\r\n        <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\">\r\n            <button\r\n                id=\"modal-yes\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-check\"\r\n                (click)=\"confirmModal()\"\r\n                label=\"{{ 'agro.angular_components.yes' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n            <button\r\n                id=\"modal-no\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-close\"\r\n                (click)=\"cancelModal()\"\r\n                label=\"{{ 'agro.angular_components.no' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n        </div>\r\n    </p-footer>\r\n</p-dialog>\r\n",
+        template: "<ng-container *sLoadingState=\"gridLoading\">\r\n        <p-panel>\r\n            <p-header>\r\n                {{ \"agro.angular_components.event_control_header\" | libTranslate }}\r\n            </p-header>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12\">\r\n                    <s-button\r\n                        id=\"refresh-button\"\r\n                        [priority]=\"ButtonPriority.Primary\"\r\n                        iconClass=\"fa fa-refresh\"\r\n                        [label]=\"'agro.angular_components.refresh' | libTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                    >\r\n                    </s-button>\r\n                    <s-button\r\n                        *ngIf=\"standalone && showCancelButton\"\r\n                        id=\"cancel-button-agro-events-lib\"\r\n                        iconClass=\"fa fa-times\"\r\n                        [label]=\"'agro.angular_components.cancel' | libTranslate\"\r\n                        (click)=\"openCancelModal()\"\r\n                    >\r\n                    </s-button>\r\n                </div>\r\n            </div>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12 ui-md-12\" *ngIf=\"!gridData || gridData?.length === 0\">\r\n                    <s-empty-state\r\n                        iconClass=\"fa fa-exclamation-triangle\"\r\n                        title=\"{{ 'agro.angular_components.nothing_found' | libTranslate }}\"\r\n                        [showPrimaryAction]=\"false\"\r\n                        description=\"{{ 'agro.angular_components.table_empty_description' | libTranslate }}\"\r\n                    >\r\n                    </s-empty-state>\r\n                </div>\r\n                <ng-container *ngIf=\"gridData?.length > 0\">\r\n                    <p-table\r\n                        stylelass=\"custom-table\"\r\n                        #eventControlTable\r\n                        [value]=\"gridDataResolved\"\r\n                        [columns]=\"gridColumns\"\r\n                        dataKey=\"id\"\r\n                        [lazy]=\"true\"\r\n                        [scrollable]=\"true\"\r\n                        [resizableColumns]=\"true\"\r\n                        [paginator]=\"!standalone\"\r\n                        [totalRecords]=\"gridTotalRecords\"\r\n                        [rows]=\"10\"\r\n                        [responsive]=\"true\"\r\n                        (onLazyLoad)=\"onGridChange($event)\"\r\n                        [sortOrder]=\"getSortOrder()\"\r\n                        [first]=\"getRowIndex()\"\r\n                        [lazyLoadOnInit]=\"false\"\r\n                        sortMode=\"multiple\"\r\n                        [rows]=\"getPageSize()\"\r\n                        [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n                    >\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <th\r\n                                        *ngFor=\"let col of columns\"\r\n                                        class=\"ui-lg-1 ui-md-1\"\r\n                                        [pSortableColumn]=\"col.field\"\r\n                                        scope=\"col\"\r\n                                    >\r\n                                        <div class=\"senior-header\">\r\n                                            <span class=\"senior-header-title\">{{\r\n                                                col.header\r\n                                            }}</span>\r\n                                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                        </div>\r\n                                    </th>\r\n                                </ng-container>\r\n                                <th class=\"ui-lg-8 ui-md-7\" scope=\"col\">\r\n                                    {{ \"agro.angular_components.panel_title_events_events\" | libTranslate }}\r\n                                </th>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-rowData>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070emp?.nomEmp }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070fil?.nomFil }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        <ng-container [ngSwitch]=\"rowData.eventOrigin\">\r\n                                            <span *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.balance_entry_control_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TICKET'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.ticket_maintenance_header\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TRANSFER'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.transfer_origin_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'INVOICE'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.invoice_creating_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.change_request_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.fixation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.cancel_fixation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TRANSFER_CANCELLATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.transfer_cancellation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                        </ng-container>\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui ui-md-1\">\r\n                                        {{ rowData.controlCode || \"\" }}\r\n                                    </td>\r\n                                </ng-container>\r\n                                <td class=\"ui-lg-8 ui-md-7\">\r\n                                    <ng-container *ngFor=\"let group of rowData.groups\">\r\n                                        <s-event-steps\r\n                                            [steps]=\"group.steps || []\"\r\n                                            [activeIndex]=\"group.activeIndex\"\r\n                                            (stepSelected)=\"stepSelected($event)\"\r\n                                        >\r\n                                        </s-event-steps>\r\n                                    </ng-container>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template\r\n                            *ngIf=\"!standalone\"\r\n                            pTemplate=\"paginatorright\"\r\n                            class=\"custom-table\"\r\n                        >\r\n                            <span>\r\n                                {{\r\n                                    \"agro.angular_components.registers_found\"\r\n                                        | libTranslate : { total: gridTotalRecords }\r\n                                }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-table>\r\n                </ng-container>\r\n            </div>\r\n        </p-panel>\r\n</ng-container>\r\n<s-sidebar [visible]=\"showSidebar\" (visibleChange)=\"closeSidebar()\" header=\"{{ 'agro.angular_components.event_details_header' | libTranslate }}\">\r\n    <div class=\"ui-fluid\">\r\n        <p-fieldset [legend]=\"sidebarTitle\" [toggleable]=\"false\">\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_origin_label\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.eventType\">\r\n                        <p *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                            {{ \"agro.angular_components.balance_entry_control_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TICKET'\">\r\n                            {{ \"agro.angular_components.ticket_maintenance_header\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TRANSFER'\">\r\n                            {{ \"agro.angular_components.transfer_origin_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'INVOICE'\">\r\n                            {{ \"agro.angular_components.invoice_creating_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                            {{ \"agro.angular_components.change_request_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FIXATION'\">\r\n                            {{ \"agro.angular_components.fixation_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                            {{ \"agro.angular_components.cancel_fixation_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TRANSFER_CANCELLATION'\">\r\n                            {{ \"agro.angular_components.transfer_cancellation_event\" | libTranslate }}\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.producerBalanceEntryControl.producer.e001pes.nomPes\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.supplier\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.producerBalanceEntryControl.producer.e001pes.nomPes }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.producerBalanceEntryControl.ruralEstate.name\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.rural_estate\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.producerBalanceEntryControl.ruralEstate.name }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.controlCode\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.control_code\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.controlCode }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.status_label\" | libTranslate }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.item.status\">\r\n                        <p *ngSwitchCase=\"'SUCCESS'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Green\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_completed_successfully'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PROCESSING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Orange\"\r\n                                text=\"{{ 'agro.angular_components.processing' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FAILED'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Red\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_ended_with_error'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PENDING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Gray\"\r\n                                text=\"{{ 'agro.angular_components.pending' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.last_update_date\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.lastModifiedDate | date : \"dd/MM/yyyy HH:mm:ss\" }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.item.status === 'FAILED'\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_error_message\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.message || \"-\" }}</p>\r\n                </div>\r\n            </div>\r\n        </p-fieldset>\r\n    </div>\r\n    <s-footer>\r\n        <div class=\"ui-g\">\r\n            <div class=\"ui-g-12 width-fit\">\r\n                <s-button\r\n                    id=\"sidebar-close-button\"\r\n                    [priority]=\"ButtonPriority.Primary\"\r\n                    [label]=\"'agro.angular_components.events_close' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"closeSidebar()\"\r\n                >\r\n                </s-button>\r\n                <s-button\r\n                    *ngIf=\"showReprocessButton\"\r\n                    id=\"sidebar-reprocess-button\"\r\n                    [priority]=\"ButtonPriority.Secondary\"\r\n                    iconClass=\"fa fa-refresh\"\r\n                    [label]=\"'agro.angular_components.reprocess_event' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"openModal()\"\r\n                >\r\n                </s-button>\r\n            </div>\r\n        </div>\r\n    </s-footer>\r\n</s-sidebar>\r\n\r\n<p-dialog [header]=\"'agro.angular_components.event_modal_title' | libTranslate\" [(visible)]=\"displayModal\" [modal]=\"true\" class=\"dialog\">\r\n    <div class=\"event-modal-text\">{{ \"agro.angular_components.event_modal\" | libTranslate }}</div>\r\n    <p-footer>\r\n        <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\">\r\n            <button\r\n                id=\"modal-yes\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-check\"\r\n                (click)=\"confirmModal()\"\r\n                label=\"{{ 'agro.angular_components.yes' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n            <button\r\n                id=\"modal-no\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-close\"\r\n                (click)=\"cancelModal()\"\r\n                label=\"{{ 'agro.angular_components.no' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n        </div>\r\n    </p-footer>\r\n</p-dialog>\r\n",
         providers: [
             { provide: LOCALE_ID, useValue: 'pt-BR' }
         ],