@senior-agronegocio/angular-components 0.0.59 → 0.0.61

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

@@ -1,6 +1,6 @@
 import { __read, __values, __awaiter, __generator, __spread, __decorate, __extends, __assign } from 'tslib';
 import moment from 'moment';
-import { Subject, BehaviorSubject, of, throwError } from 'rxjs';
+import { Subject, BehaviorSubject, of, throwError, EMPTY } from 'rxjs';
 import sockjsClient from 'sockjs-client';
 import { ɵɵdefineInjectable, Injectable, ɵɵinject, NgModule, Input, Component, LOCALE_ID, EventEmitter, Output, Pipe, InjectionToken } from '@angular/core';
 import { filter, take, finalize, switchMap, map, catchError, takeUntil } from 'rxjs/operators';
@@ -3474,10 +3474,10 @@ var ptBR = {
     "agro.angular_components.TRANSFER_PRODUCER_BALANCE": "Transferência de saldo entre produtores",
     "agro.angular_components.control_code": "Identificador",
     "agro.angular_components.fixation_event": "Fixação",
-    "agro.angular_components.FINISH_FINANCIAL_FIXATION": "Baixa de títulos",
+    "agro.angular_components.FINISH_FINANCIAL_FIXATION": "Emissão/Baixa de títulos",
     "agro.angular_components.FINISH_PRODUCER_NET_VALUE_FIXATION": "Atualização de saldos",
     "agro.angular_components.CONCLUDE_FIXATION": "Conclusão da fixação",
-    "agro.angular_components.CANCEL_FINANCIAL_FIXATION": "Cancela baixa de títulos",
+    "agro.angular_components.CANCEL_FINANCIAL_FIXATION": "Cancela emissão de títulos",
     "agro.angular_components.CANCEL_PRODUCER_NET_VALUE_FIXATION": "Reverte atualização de saldos",
     "agro.angular_components.CANCEL_FIXATION": "Cancela fixação",
     "agro.angular_components.cancel_fixation_title": "Cancelar fixação",
@@ -3485,7 +3485,10 @@ var ptBR = {
     "agro.angular_components.error_cancel_fixation_message_title": "Erro ao cancelar fixação",
     "agro.angular_components.error_cancel_fixation_message_description": "Houve um erro ao cancelar a fixação. Tente novamente mais tarde.",
     "agro.angular_components.cancel_fixation_message_title": "Cancelamento de fixação",
-    "agro.angular_components.cancel_fixation_message_description": "O processo de cancelamento da fixação foi iniciado com sucesso."
+    "agro.angular_components.cancel_fixation_message_description": "O processo de cancelamento da fixação foi iniciado com sucesso.",
+    "agro.angular_components.warn_cancel_fixation_message_title": "Não é possível cancelar a fixação",
+    "agro.angular_components.warn_cancel_fixation_message_description": "Não é possível cancelar uma fixação já cancelada ou em processamento.",
+    "agro.angular_components.warn_immediate_cancel_fixation_message_description": "Não é possível cancelar uma fixação realizada via compra imediata."
 };
 
 var enUS = {
@@ -3704,7 +3707,10 @@ var enUS = {
     "agro.angular_components.error_cancel_fixation_message_title": "Error canceling fixation",
     "agro.angular_components.error_cancel_fixation_message_description": "An error occurred while canceling the fixation. Please try again later.",
     "agro.angular_components.cancel_fixation_message_title": "Fixation cancellation",
-    "agro.angular_components.cancel_fixation_message_description": "The fixation cancellation process has been successfully initiated."
+    "agro.angular_components.cancel_fixation_message_description": "The fixation cancellation process has been successfully initiated.",
+    "agro.angular_components.warn_cancel_fixation_message_title": "It is not possible to cancel the fixation",
+    "agro.angular_components.warn_cancel_fixation_message_description": "It is not possible to cancel a fixation that is already cancelled or in process.",
+    "agro.angular_components.warn_immediate_cancel_fixation_message_description": "It is not possible to cancel a fixation made via immediate buy."
 };
 
 var esCO = {
@@ -3923,7 +3929,10 @@ var esCO = {
     "agro.angular_components.error_cancel_fixation_message_title": "Error al cancelar la fijación",
     "agro.angular_components.error_cancel_fixation_message_description": "Ocurrió un error al cancelar la fijación. Por favor, inténtelo de nuevo más tarde.",
     "agro.angular_components.cancel_fixation_message_title": "Cancelación de fijación",
-    "agro.angular_components.cancel_fixation_message_description": "El proceso de cancelación de la fijación se ha iniciado con éxito."
+    "agro.angular_components.cancel_fixation_message_description": "El proceso de cancelación de la fijación se ha iniciado con éxito.",
+    "agro.angular_components.warn_cancel_fixation_message_title": "No es posible cancelar la fijación",
+    "agro.angular_components.warn_cancel_fixation_message_description": "No es posible cancelar una fijación que ya esté cancelada o en proceso.",
+    "agro.angular_components.warn_immediate_cancel_fixation_message_description": "No es posible cancelar una fijación realizada vía compra inmediata."
 };
 
 var LibTranslationService = /** @class */ (function () {
@@ -4419,6 +4428,23 @@ var EventControlBoardService = /** @class */ (function () {
     return EventControlBoardService;
 }());
 
+var FixationStatus;
+(function (FixationStatus) {
+    FixationStatus["APPROVED"] = "APPROVED";
+    FixationStatus["CANCELED"] = "CANCELED";
+    FixationStatus["IN_ANALYSIS"] = "IN_ANALYSIS";
+    FixationStatus["FINISHED"] = "FINISHED";
+    FixationStatus["REJECTED"] = "REJECTED";
+    FixationStatus["IN_PROGRESS"] = "IN_PROGRESS";
+})(FixationStatus || (FixationStatus = {}));
+
+var OriginOperation;
+(function (OriginOperation) {
+    OriginOperation["ENTRY_IN_DEPOSIT"] = "ENTRY_IN_DEPOSIT";
+    OriginOperation["IMMEDIATE_BUY_ENTRY"] = "IMMEDIATE_BUY_ENTRY";
+    OriginOperation["ENTRY_TO_BE_FIXED"] = "ENTRY_TO_BE_FIXED";
+})(OriginOperation || (OriginOperation = {}));
+
 var EventControlBoardComponent = /** @class */ (function () {
     function EventControlBoardComponent(translate, formBuilder, websocketService, eventControlBoardService, paginatorStorageService, messageService, confirmationService) {
         this.translate = translate;
@@ -4604,68 +4630,51 @@ var EventControlBoardComponent = /** @class */ (function () {
                 _this.gridLoading = false;
                 return;
             }
-            _this.processEventControlItems(_this.gridData.map(function (item) { return item.eventControlItem; }));
+            _this.processEventControlItems();
         });
     };
-    EventControlBoardComponent.prototype.processEventControlItems = function (detailsResponses) {
+    EventControlBoardComponent.prototype.processEventControlItems = function () {
         var _this = this;
-        this.gridData.forEach(function (item, index) {
-            item.details = detailsResponses[index];
-            var groupedDetails = _this.groupByEventGroup(item.details);
-            item.groups = Object.keys(groupedDetails).map(function (eventGroupId) {
-                var groupDetails = groupedDetails[eventGroupId];
-                var lastActiveIndex = groupDetails.map(function (detail) {
-                    return detail.status !== EventStatus.PENDING;
-                }).lastIndexOf(true);
-                var activeIndex = lastActiveIndex;
-                if (lastActiveIndex !== -1 && groupDetails[lastActiveIndex].status === EventStatus.SUCCESS) {
-                    activeIndex = lastActiveIndex + 1;
-                }
-                var steps = groupDetails
-                    .map(function (detail, detailIndex) {
-                    return {
-                        item: detail,
-                        controlCode: _this.gridData[index].controlCode,
-                        eventType: _this.gridData[index].eventOrigin,
-                        label: _this.getEventLabel(detail),
-                        disabled: detail.status === EventStatus.PENDING && detailIndex !== activeIndex,
-                        tooltip: _this.getEventLabel(detail),
-                        state: _this.determineStepState(detail),
-                    };
-                }).sort(function (a, b) { return a.item.sequence - b.item.sequence; });
-                return {
-                    eventGroupId: eventGroupId,
-                    steps: steps,
-                    activeIndex: activeIndex
-                };
+        this.gridData.forEach(function (item) {
+            var sortedItems = item.eventControlItem.sort(function (a, b) {
+                return a.sequence - b.sequence;
             });
-            item.activeIndex = item.groups.length > 0 ? item.groups[0].activeIndex : -1;
+            var steps = sortedItems.map(function (detail, index) { return _this.createStep(detail, item, index); });
+            var activeIndex = _this.calculateActiveIndex(sortedItems);
+            item.groups = [{ steps: steps, activeIndex: activeIndex }];
+            item.activeIndex = activeIndex;
         });
         this.gridDataResolved = this.gridData;
         this.gridLoading = false;
     };
-    EventControlBoardComponent.prototype.groupByEventGroup = function (details) {
-        return details.reduce(function (acc, detail) {
-            var eventGroupId = detail.eventGroup;
-            if (!acc[eventGroupId]) {
-                acc[eventGroupId] = [];
-            }
-            acc[eventGroupId].push(detail);
-            return acc;
-        }, {});
+    EventControlBoardComponent.prototype.calculateActiveIndex = function (details) {
+        var lastActive = details.reduce(function (lastIndex, detail, currentIndex) {
+            return detail.status !== EventStatus.PENDING ? currentIndex : lastIndex;
+        }, -1);
+        if (lastActive !== -1 && details[lastActive].status === EventStatus.SUCCESS) {
+            return lastActive + 1;
+        }
+        return lastActive;
+    };
+    EventControlBoardComponent.prototype.createStep = function (detail, item, detailIndex) {
+        return {
+            item: detail,
+            controlCode: item.controlCode,
+            eventType: item.eventOrigin,
+            label: this.getEventLabel(detail),
+            disabled: detail.status === EventStatus.PENDING && detailIndex !== this.calculateActiveIndex(item.eventControlItem),
+            tooltip: this.getEventLabel(detail),
+            state: this.determineStepState(detail)
+        };
     };
     EventControlBoardComponent.prototype.determineStepState = function (detail) {
-        var state;
         if (detail.status === EventStatus.SUCCESS) {
-            state = StepState$1.Success;
+            return StepState$1.Success;
         }
-        else if (detail.status === EventStatus.FAILED) {
-            state = StepState$1.Warning;
-        }
-        else {
-            state = StepState$1.Default;
+        if (detail.status === EventStatus.FAILED) {
+            return StepState$1.Warning;
         }
-        return state;
+        return StepState$1.Default;
     };
     EventControlBoardComponent.prototype.getEventLabel = function (detail) {
         var _a;
@@ -4682,6 +4691,9 @@ var EventControlBoardComponent = /** @class */ (function () {
                 sortItem.field = _this.getFieldNameForSortRequest(sortItem.field);
             });
         }
+        else if (this.standalone) {
+            nSort.push({ field: 'createdDate', order: AGRO_NUMBERS.ONE });
+        }
         else {
             nSort.push({ field: 'lastModifiedDate', order: AGRO_NUMBERS.MINUSONE });
         }
@@ -4851,8 +4863,28 @@ var EventControlBoardComponent = /** @class */ (function () {
     };
     EventControlBoardComponent.prototype.cancelFixation = function () {
         var _this = this;
-        this.eventControlBoardService.fixationService.cancelFixation({ fixationId: this.gridData[AGRO_NUMBERS.ZERO].externalId })
-            .pipe(takeUntil(this.ngUnsubscribe), catchError(function (err) {
+        var params = {
+            filterQuery: "id eq '" + this.gridData[AGRO_NUMBERS.ZERO].externalId + "'",
+            displayFields: ['*', 'fixationItem']
+        };
+        this.eventControlBoardService.fixationService
+            .list(params)
+            .pipe(takeUntil(this.ngUnsubscribe), switchMap(function (result) {
+            var fixationEntity = result.contents[AGRO_NUMBERS.ZERO];
+            if (fixationEntity.status !== FixationStatus.FINISHED) {
+                _this.addMessage('warn', 'agro.angular_components.warn_cancel_fixation_message_title', 'agro.angular_components.warn_cancel_fixation_message_description');
+                _this.gridLoading = false;
+                return EMPTY;
+            }
+            if (fixationEntity.fixationItem[0].originOperation === OriginOperation.IMMEDIATE_BUY_ENTRY) {
+                _this.addMessage('warn', 'agro.angular_components.warn_cancel_fixation_message_title', 'agro.angular_components.warn_immediate_cancel_fixation_message_description');
+                _this.gridLoading = false;
+                return EMPTY;
+            }
+            return _this.eventControlBoardService.fixationService.cancelFixation({
+                fixationId: _this.gridData[AGRO_NUMBERS.ZERO].externalId
+            });
+        }), catchError(function (err) {
             _this.addMessage('error', 'agro.angular_components.error_cancel_fixation_message_title', 'agro.angular_components.error_cancel_fixation_message_description');
             _this.gridLoading = false;
             throw err;
@@ -4906,14 +4938,17 @@ var EventControlBoardComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], EventControlBoardComponent.prototype, "standalone", void 0);
+    __decorate([
+        Input()
+    ], EventControlBoardComponent.prototype, "showCancelButton", void 0);
     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 && eventOrigin === 'FIXATION'\"\r\n                        id=\"cancel-button\"\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                                        </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                    </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\r\n<p-confirmDialog\r\n    [acceptLabel]=\"'agro.angular_components.yes' | libTranslate\"\r\n    acceptIcon=\"\"\r\n    acceptButtonStyleClass=\"ui-button\"\r\n    [rejectLabel]=\"'agro.angular_components.no' | libTranslate\"\r\n    rejectIcon=\"\"\r\n    rejectButtonStyleClass=\"ui-button-secondary\">\r\n</p-confirmDialog>\r\n",
+            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                                        </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                    </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",
             providers: [
                 { provide: LOCALE_ID, useValue: 'pt-BR' }
             ],
-            styles: [".frozen{border-left:2px solid #ddd}.dialog{width:\"600px\";height:\"300px\";z-index:100000}::ng-deep #cancel-button{background-color:#9c3a3a!important;border-color:#9c3a3a!important}::ng-deep #cancel-button:hover{background-color:#642525!important}"]
+            styles: [".frozen{border-left:2px solid #ddd}.dialog{width:\"600px\";height:\"300px\";z-index:100000}:host ::ng-deep #cancel-button-agro-events-lib{background-color:#9c3a3a!important;border-color:#9c3a3a!important}:host ::ng-deep #cancel-button-agro-events-lib:hover{background-color:#642525!important}"]
         })
     ], EventControlBoardComponent);
     return EventControlBoardComponent;
@@ -5063,7 +5098,7 @@ var EventStepsComponent = /** @class */ (function () {
                     transition(desactiveActive, [animate("50ms 100ms linear")]),
                 ]),
             ],
-            styles: [".s-steps-container{display:-ms-flexbox;display:flex;white-space:nowrap;-ms-flex-align:start;align-items:flex-start;overflow:hidden;padding:20px 10px;text-align:center}@media (max-width:1500px){.s-steps-container{overflow-x:auto}}.s-step-header{box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;position:relative;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:66px;padding:0 10px}.s-step-header .s-step-label{white-space:pre;color:#999;font-size:14px;font-weight:400;padding-top:5px}.s-step-header .s-step-progress-bar-before{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%;left:0}.s-step-header .s-step-progress-bar-before.s-step-active,.s-step-header .s-step-progress-bar-before.s-step-visited{background-position:left bottom}.s-step-header .s-step-progress-bar-after{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%;right:0}.s-step-header .s-step-progress-bar-after.s-step-active,.s-step-header .s-step-progress-bar-after.s-step-visited{background-position:left bottom}.s-step-progress-bar{margin:0;position:relative;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:100%;background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%}.s-step-disabled{opacity:.5;filter:Alpha(Opacity=50)}.s-step-disabled,.s-step-disabled *{cursor:text!important}.s-step-active.s-step-disabled{opacity:1}.s-step-index{background-color:#fff;border:3px solid #ccc;border-radius:50%;color:#999;display:inline-block;font-weight:700;position:relative;transition:background-color .2s ease-out;height:40px;width:40px;-ms-flex:none;flex:none}.s-step-index .s-step-index-content{line-height:18px;font-size:18px;padding-top:8.5px;text-align:center;position:relative;cursor:pointer}.s-step-index:hover{background-color:#f7f7f7}.s-step-warning .s-step-index .s-step-index-content{padding-top:7px}.s-step-visited .s-step-index{border-color:#7892a1;animation:.1s ease-out alternate scale-up-center;background-color:#7892a1}.s-step-visited .s-step-index-content>span{color:#fff}.s-step-active.s-step-progress-bar,.s-step-visited.s-step-progress-bar{background-position:left bottom}.s-step-active .s-step-index{border-color:#7892a1;color:#7892a1;cursor:default}.s-step-active .s-step-label{color:#333;font-weight:700}@media (max-width:767px){.s-step-label{display:none}}@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.failed-status .fa-exclamation-triangle{color:#fff}.failed-status .s-step-index{border-color:#de3218!important;background-color:#de3218!important}.success-status .s-step-index{border-color:#1e973a!important;background-color:#1e973a!important}.loading-status .s-step-index{border-color:#72a9cf!important;background-color:#72a9cf!important;color:#72a9cf}@keyframes blink{0%,100%{opacity:.8}50%{opacity:.5}}@keyframes rotate-and-pause{0%,10%{transform:rotate(0)}10%,45%{transform:rotate(180deg)}100%,55%{transform:rotate(360deg)}}.fa-hourglass-half{animation:3s linear infinite blink,4s linear infinite rotate-and-pause}"]
+            styles: [".s-steps-container{display:-ms-flexbox;display:flex;white-space:nowrap;-ms-flex-align:start;align-items:flex-start;overflow-x:auto;padding:20px 10px;text-align:center}.s-step-header{box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;position:relative;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:66px;padding:0 10px}.s-step-header .s-step-label{white-space:pre;color:#999;font-size:14px;font-weight:400;padding-top:5px}.s-step-header .s-step-progress-bar-before{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%;left:0}.s-step-header .s-step-progress-bar-before.s-step-active,.s-step-header .s-step-progress-bar-before.s-step-visited{background-position:left bottom}.s-step-header .s-step-progress-bar-after{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%;right:0}.s-step-header .s-step-progress-bar-after.s-step-active,.s-step-header .s-step-progress-bar-after.s-step-visited{background-position:left bottom}.s-step-progress-bar{margin:0;position:relative;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:100%;background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%}.s-step-disabled{opacity:.5;filter:Alpha(Opacity=50)}.s-step-disabled,.s-step-disabled *{cursor:text!important}.s-step-active.s-step-disabled{opacity:1}.s-step-index{background-color:#fff;border:3px solid #ccc;border-radius:50%;color:#999;display:inline-block;font-weight:700;position:relative;transition:background-color .2s ease-out;height:40px;width:40px;-ms-flex:none;flex:none}.s-step-index .s-step-index-content{line-height:18px;font-size:18px;padding-top:8.5px;text-align:center;position:relative;cursor:pointer}.s-step-index:hover{background-color:#f7f7f7}.s-step-warning .s-step-index .s-step-index-content{padding-top:7px}.s-step-visited .s-step-index{border-color:#7892a1;animation:.1s ease-out alternate scale-up-center;background-color:#7892a1}.s-step-visited .s-step-index-content>span{color:#fff}.s-step-active.s-step-progress-bar,.s-step-visited.s-step-progress-bar{background-position:left bottom}.s-step-active .s-step-index{border-color:#7892a1;color:#7892a1;cursor:default}.s-step-active .s-step-label{color:#333;font-weight:700}@media (max-width:767px){.s-step-label{display:none}}@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.failed-status .fa-exclamation-triangle{color:#fff}.failed-status .s-step-index{border-color:#de3218!important;background-color:#de3218!important}.success-status .s-step-index{border-color:#1e973a!important;background-color:#1e973a!important}.loading-status .s-step-index{border-color:#72a9cf!important;background-color:#72a9cf!important;color:#72a9cf}@keyframes blink{0%,100%{opacity:.8}50%{opacity:.5}}@keyframes rotate-and-pause{0%,10%{transform:rotate(0)}10%,45%{transform:rotate(180deg)}100%,55%{transform:rotate(360deg)}}.fa-hourglass-half{animation:3s linear infinite blink,4s linear infinite rotate-and-pause}"]
         })
     ], EventStepsComponent);
     return EventStepsComponent;