npm - @senior-agronegocio/angular-components - Versions diffs - 0.0.59 → 0.0.61 - Mend

@senior-agronegocio/angular-components 0.0.59 → 0.0.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/bundles/senior-agronegocio-angular-components.umd.js CHANGED Viewed

@@ -3650,10 +3650,10 @@
         "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",
@@ -3661,7 +3661,10 @@
         "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 = {
@@ -3880,7 +3883,10 @@
         "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 = {
@@ -4099,7 +4105,10 @@
         "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 () {
@@ -4595,6 +4604,23 @@
         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;
@@ -4780,68 +4806,51 @@
                     _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 = angularComponents.StepState.Success;
+                return angularComponents.StepState.Success;
             }
-            else if (detail.status === EventStatus.FAILED) {
-                state = angularComponents.StepState.Warning;
-            }
-            else {
-                state = angularComponents.StepState.Default;
+            if (detail.status === EventStatus.FAILED) {
+                return angularComponents.StepState.Warning;
             }
-            return state;
+            return angularComponents.StepState.Default;
         };
         EventControlBoardComponent.prototype.getEventLabel = function (detail) {
             var _a;
@@ -4858,6 +4867,9 @@
                     sortItem.field = _this.getFieldNameForSortRequest(sortItem.field);
                 });
             }
+            else if (this.standalone) {
+                nSort.push({ field: 'createdDate', order: exports.AGRO_NUMBERS.ONE });
+            }
             else {
                 nSort.push({ field: 'lastModifiedDate', order: exports.AGRO_NUMBERS.MINUSONE });
             }
@@ -5027,8 +5039,28 @@
         };
         EventControlBoardComponent.prototype.cancelFixation = function () {
             var _this = this;
-            this.eventControlBoardService.fixationService.cancelFixation({ fixationId: this.gridData[exports.AGRO_NUMBERS.ZERO].externalId })
-                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.catchError(function (err) {
+            var params = {
+                filterQuery: "id eq '" + this.gridData[exports.AGRO_NUMBERS.ZERO].externalId + "'",
+                displayFields: ['*', 'fixationItem']
+            };
+            this.eventControlBoardService.fixationService
+                .list(params)
+                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.switchMap(function (result) {
+                var fixationEntity = result.contents[exports.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 rxjs.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 rxjs.EMPTY;
+                }
+                return _this.eventControlBoardService.fixationService.cancelFixation({
+                    fixationId: _this.gridData[exports.AGRO_NUMBERS.ZERO].externalId
+                });
+            }), operators.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;
@@ -5082,14 +5114,17 @@
         __decorate([
             core.Input()
         ], EventControlBoardComponent.prototype, "standalone", void 0);
+        __decorate([
+            core.Input()
+        ], EventControlBoardComponent.prototype, "showCancelButton", void 0);
         EventControlBoardComponent = __decorate([
             core.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: core.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;
@@ -5239,7 +5274,7 @@
                         animations.transition(desactiveActive, [animations.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;