ngx-sp-infra 5.2.4 → 5.2.5

package/fesm2022/ngx-sp-infra.mjs

@@ -10873,6 +10873,8 @@ class SearchLogApi {
         this.IS_SLOW = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -10901,16 +10903,23 @@ class HomeLogApiComponent {
         this.dateFinalFin = null;
         this.isError = true;
         this.isSlow = false;
+        this.counterLabel = "";
         this.counter = 0;
         this.page = 1;
         this.itemsPerPage = 10;
         this.isListLoading = true;
+        this.headerOrdering = {
+            'Usuário': { isAsc: false, orderingId: 'NomeUsuarioLogado', isActive: false },
+            'API': { isAsc: false, orderingId: 'ApiOrigem', isActive: false },
+            'Data/Hora ocorrência': { isAsc: false, orderingId: 'DtHora', isActive: false },
+            'Data/Hora final ocorrência': { isAsc: false, orderingId: 'DtHoraFim', isActive: false },
+            'Método de origem': { isAsc: false, orderingId: 'MetodoOrigem', isActive: false },
+        };
         this.componentPesquisa = new SearchFiltersComponent;
         // Função chamada quando ocorre uma mudança na ordenação
         this.currentSortColumn = '';
         this.sortDirection = {};
         this.module = window.location.href.includes('Corporativo') ? "Corporativo" : "ConfigErp";
-        console.log(this.module == 'ConfigErp');
         if (this.module == 'ConfigErp' && (!this._tenantService.tenantId || this._tenantService.tenantId == 0)) {
             this._messageService.showAlertInfo("Você deve selecionar um domínio para executar esta opção.");
             this._router.navigate(["/home"]);
@@ -10945,6 +10954,7 @@ class HomeLogApiComponent {
     }
     // #region GetList
     getLogsList(search = '') {
+        this.isListLoading = true;
         this.$retLogList = new RetLogsApi();
         this.searchLogApi.TEXTO_PESQUISA = search;
         this.searchLogApi.DATA_INICIAL_INI = this.dateInicioIni;
@@ -10961,6 +10971,7 @@ class HomeLogApiComponent {
                 this.$logList = response.LogsApi;
                 this.counter = response.Count;
                 this.isListLoading = false;
+                this.GetTableCounter(this.searchLogApi.ROW_LIMIT, response.Count);
             },
             error: error => {
                 this.$retLogList = new RetLogsApi();
@@ -10994,20 +11005,25 @@ class HomeLogApiComponent {
             this.page = 1;
         }
     }
+    GetTableCounter(rowLimit, totalCount) {
+        const counterInicial = (this.page - 1) * this.itemsPerPage;
+        const counterFinal = ((this.page - 1) * this.itemsPerPage + rowLimit) > totalCount ? totalCount : ((this.page - 1) * this.itemsPerPage + rowLimit);
+        this.counterLabel = `Exibindo ${counterInicial}-${counterFinal} de ${totalCount} registros`;
+    }
     onSortChange(event) {
-        const { direction, column } = event;
-        // Verifica se a coluna atualmente selecionada é a mesma da nova seleção
-        if (this.currentSortColumn === column) {
-            // Alterna entre 'asc' e 'desc' para a direção de ordenação da coluna
-            this.sortDirection[column] = this.sortDirection[column] === 'asc' ? 'asc' : 'desc';
-        }
-        else {
-            // Define a nova coluna e a direção de ordenação como 'asc'
-            this.currentSortColumn = column;
-            this.sortDirection = { [column]: 'asc' };
+        this.searchLogApi.ORDERBY = this.headerOrdering[event].orderingId;
+        for (const key in this.headerOrdering) {
+            if (key != event) {
+                this.headerOrdering[key].isActive = false;
+                this.headerOrdering[key].isAsc = false;
+            }
+            else {
+                this.headerOrdering[key].isActive = true;
+                this.headerOrdering[key].isAsc = !this.headerOrdering[key].isAsc;
+            }
         }
-        // Realiza a ordenação dos dados da tabela
-        this.sortData();
+        this.searchLogApi.ORDERISASC = this.headerOrdering[event].isAsc;
+        this.getLogsList();
     }
     // Função de ordenação dos dados da tabela
     sortData() {
@@ -11053,11 +11069,11 @@ class HomeLogApiComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogApiComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: LogsApiService }, { token: TenantService }, { token: MessageService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogApiComponent, isStandalone: true, selector: "app-home-log-api", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log API'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log API' ]\"\n  [breadcrumbList]=\"['Configura\u00E7\u00E3o ERP', 'Log']\"\n  pageTitle=\"Log API\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <div class=\"col-12 row\">\n    <app-search-filters\n      (_executeGetBySearch)=\"getLogsList($event.toString())\"\n      (_EMIT_CLEAR_EXTRA_INPUT)=\"\n        dateInicioIni = null;\n        dateInicioFin = null;\n        dateFinalIni = null;\n        dateFinalFin = null;\n        isError = true;\n        isSlow = false;\n        resetPagination(this.$logList)\n      \"\n      placeholder=\"Digite o id, usu\u00E1rio, m\u00E9todo ou API do Log\"\n      class=\"mb-4\"\n      [useIsActive]=\"false\"\n    >\n    </app-search-filters>\n\n  </div>\n  <div class=\"row\">\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioFin\">\n      </div>\n    </div>\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalFin\">\n      </div>\n    </div>\n  </div>\n  <!-- #endregion SEARCH AND FILTERS -->\n  <div class=\"mt-4\">\n    <lib-table [list]=\"$logList\" [counts]=\"[ 5,15,25 ]\" paginationID=\"simpleTable\" *ngIf=\"!this.isListLoading; else loading\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn:'Id' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-1', orderColumn:'NomeUsuarioLogado' },\n        { name: 'API', widthClass: 'col-2', orderColumn:'ApiOrigem' },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-2', orderColumn:'DtHora' },\n        { name: 'Data/Hora final ocorr\u00EAncia', widthClass: 'col-3', orderColumn:'DtHoraFim' },\n        { name: 'M\u00E9todo de origem', widthClass: 'col-2', orderColumn:'MetodoOrigem' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (itemsPerPageChange)=\"itemsPerPage = $event\"\n    (pageChange)=\"page = $event\" >\n<div upperContent>\n<div class=\"d-flex\">\n        <div class=\"form-check form-switch\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isError\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n\n        <div class=\"form-check form-switch ms-3\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isSlow\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n    </div>\n</div>\n    @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage, currentPage: page }; track logs) {\n        <tr innerRows class=\"align-middle\">\n           <td class=\"align-middle\">{{ logs.Id }}</td>\n          <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"align-middle\">{{ logs.ApiOrigem }}</td>\n          <td class=\"align-middle\">\n            {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n          </td>\n          <td class=\"align-middle\">\n            {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n          </td>\n          <td class=\"align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a\n              [routerLink]=\"['/logs-api/detalhes', logs.Id]\"\n              target=\"_blank\"\n              (click)=\"setEstado()\"\n            >\n              <lib-icon\n                iconName=\"olho\"\n                tooltip=\"Visualizar\"\n                [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n                class=\"glb-cursor-pointer text-primary\"\n              />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n  </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n  <!-- #region EMPTY LIST -->\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogApiComponent, isStandalone: true, selector: "app-home-log-api", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log API'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log API' ]\"\n  [breadcrumbList]=\"['Configura\u00E7\u00E3o ERP', 'Log']\"\n  pageTitle=\"Log API\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <div class=\"col-12 row\">\n    <app-search-filters\n      (_executeGetBySearch)=\"getLogsList($event.toString())\"\n      (_EMIT_CLEAR_EXTRA_INPUT)=\"\n        dateInicioIni = null;\n        dateInicioFin = null;\n        dateFinalIni = null;\n        dateFinalFin = null;\n        isError = true;\n        isSlow = false;\n        resetPagination(this.$logList)\n      \"\n      placeholder=\"Digite o id, usu\u00E1rio, m\u00E9todo ou API do Log\"\n      class=\"mb-4\"\n      [useIsActive]=\"false\"\n    >\n    </app-search-filters>\n\n  </div>\n  <div class=\"row\">\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioFin\">\n      </div>\n    </div>\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalFin\">\n      </div>\n    </div>\n  </div>\n  <!-- #endregion SEARCH AND FILTERS -->\n  <div class=\"mt-4\" *ngIf=\"!this.isListLoading; else loading\">\n    <span>{{this.counterLabel}}</span>\n    <lib-table  [usePagination]=\"false\"\n      [showCounter]=\"false\" [list]=\"$logList\" [counts]=\"[ 10,25,50 ]\" paginationID=\"simpleTable\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1'},\n        { name: 'Usu\u00E1rio', widthClass: 'col-1', icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'API', widthClass: 'col-2', icon: {\n            name: this.headerOrdering['API'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-2', icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'Data/Hora final ocorr\u00EAncia', widthClass: 'col-3', orderColumn:'DtHoraFim', icon: {\n            name: this.headerOrdering['Data/Hora final ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'M\u00E9todo de origem', widthClass: 'col-2', orderColumn:'MetodoOrigem', icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"(iconClick)=\"onSortChange($event)\">\n<div upperContent>\n<div class=\"d-flex\">\n        <div class=\"form-check form-switch\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isError\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n\n        <div class=\"form-check form-switch ms-3\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isSlow\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n    </div>\n</div>\n    @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogApi.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n        <tr innerRows class=\"align-middle\">\n           <td class=\"align-middle\">{{ logs.Id }}</td>\n          <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"align-middle\">{{ logs.ApiOrigem }}</td>\n          <td class=\"align-middle\">\n            {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n          </td>\n          <td class=\"align-middle\">\n            {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n          </td>\n          <td class=\"align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a\n              [routerLink]=\"['/logs-api/detalhes', logs.Id]\"\n              target=\"_blank\"\n              (click)=\"setEstado()\"\n            >\n              <lib-icon\n                iconName=\"olho\"\n                tooltip=\"Visualizar\"\n                [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n                class=\"glb-cursor-pointer text-primary\"\n              />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n  <div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n  <!-- #region EMPTY LIST -->\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "component", type: i12.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogApiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-home-log-api', imports: [FormsModule, NgIf, NgFor, TooltipModule, RouterLink, DatePipe, InfraModule, NgxPaginationModule], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log API'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log API' ]\"\n  [breadcrumbList]=\"['Configura\u00E7\u00E3o ERP', 'Log']\"\n  pageTitle=\"Log API\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <div class=\"col-12 row\">\n    <app-search-filters\n      (_executeGetBySearch)=\"getLogsList($event.toString())\"\n      (_EMIT_CLEAR_EXTRA_INPUT)=\"\n        dateInicioIni = null;\n        dateInicioFin = null;\n        dateFinalIni = null;\n        dateFinalFin = null;\n        isError = true;\n        isSlow = false;\n        resetPagination(this.$logList)\n      \"\n      placeholder=\"Digite o id, usu\u00E1rio, m\u00E9todo ou API do Log\"\n      class=\"mb-4\"\n      [useIsActive]=\"false\"\n    >\n    </app-search-filters>\n\n  </div>\n  <div class=\"row\">\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioFin\">\n      </div>\n    </div>\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalFin\">\n      </div>\n    </div>\n  </div>\n  <!-- #endregion SEARCH AND FILTERS -->\n  <div class=\"mt-4\">\n    <lib-table [list]=\"$logList\" [counts]=\"[ 5,15,25 ]\" paginationID=\"simpleTable\" *ngIf=\"!this.isListLoading; else loading\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn:'Id' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-1', orderColumn:'NomeUsuarioLogado' },\n        { name: 'API', widthClass: 'col-2', orderColumn:'ApiOrigem' },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-2', orderColumn:'DtHora' },\n        { name: 'Data/Hora final ocorr\u00EAncia', widthClass: 'col-3', orderColumn:'DtHoraFim' },\n        { name: 'M\u00E9todo de origem', widthClass: 'col-2', orderColumn:'MetodoOrigem' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (itemsPerPageChange)=\"itemsPerPage = $event\"\n    (pageChange)=\"page = $event\" >\n<div upperContent>\n<div class=\"d-flex\">\n        <div class=\"form-check form-switch\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isError\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n\n        <div class=\"form-check form-switch ms-3\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isSlow\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n    </div>\n</div>\n    @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage, currentPage: page }; track logs) {\n        <tr innerRows class=\"align-middle\">\n           <td class=\"align-middle\">{{ logs.Id }}</td>\n          <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"align-middle\">{{ logs.ApiOrigem }}</td>\n          <td class=\"align-middle\">\n            {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n          </td>\n          <td class=\"align-middle\">\n            {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n          </td>\n          <td class=\"align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a\n              [routerLink]=\"['/logs-api/detalhes', logs.Id]\"\n              target=\"_blank\"\n              (click)=\"setEstado()\"\n            >\n              <lib-icon\n                iconName=\"olho\"\n                tooltip=\"Visualizar\"\n                [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n                class=\"glb-cursor-pointer text-primary\"\n              />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n  </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n  <!-- #region EMPTY LIST -->\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
+            args: [{ selector: 'app-home-log-api', imports: [FormsModule, NgIf, NgFor, TooltipModule, RouterLink, DatePipe, InfraModule, NgxPaginationModule], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log API'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log API' ]\"\n  [breadcrumbList]=\"['Configura\u00E7\u00E3o ERP', 'Log']\"\n  pageTitle=\"Log API\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <div class=\"col-12 row\">\n    <app-search-filters\n      (_executeGetBySearch)=\"getLogsList($event.toString())\"\n      (_EMIT_CLEAR_EXTRA_INPUT)=\"\n        dateInicioIni = null;\n        dateInicioFin = null;\n        dateFinalIni = null;\n        dateFinalFin = null;\n        isError = true;\n        isSlow = false;\n        resetPagination(this.$logList)\n      \"\n      placeholder=\"Digite o id, usu\u00E1rio, m\u00E9todo ou API do Log\"\n      class=\"mb-4\"\n      [useIsActive]=\"false\"\n    >\n    </app-search-filters>\n\n  </div>\n  <div class=\"row\">\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioFin\">\n      </div>\n    </div>\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalFin\">\n      </div>\n    </div>\n  </div>\n  <!-- #endregion SEARCH AND FILTERS -->\n  <div class=\"mt-4\" *ngIf=\"!this.isListLoading; else loading\">\n    <span>{{this.counterLabel}}</span>\n    <lib-table  [usePagination]=\"false\"\n      [showCounter]=\"false\" [list]=\"$logList\" [counts]=\"[ 10,25,50 ]\" paginationID=\"simpleTable\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1'},\n        { name: 'Usu\u00E1rio', widthClass: 'col-1', icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'API', widthClass: 'col-2', icon: {\n            name: this.headerOrdering['API'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-2', icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'Data/Hora final ocorr\u00EAncia', widthClass: 'col-3', orderColumn:'DtHoraFim', icon: {\n            name: this.headerOrdering['Data/Hora final ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'M\u00E9todo de origem', widthClass: 'col-2', orderColumn:'MetodoOrigem', icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"(iconClick)=\"onSortChange($event)\">\n<div upperContent>\n<div class=\"d-flex\">\n        <div class=\"form-check form-switch\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isError\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n\n        <div class=\"form-check form-switch ms-3\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isSlow\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n    </div>\n</div>\n    @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogApi.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n        <tr innerRows class=\"align-middle\">\n           <td class=\"align-middle\">{{ logs.Id }}</td>\n          <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"align-middle\">{{ logs.ApiOrigem }}</td>\n          <td class=\"align-middle\">\n            {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n          </td>\n          <td class=\"align-middle\">\n            {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n          </td>\n          <td class=\"align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a\n              [routerLink]=\"['/logs-api/detalhes', logs.Id]\"\n              target=\"_blank\"\n              (click)=\"setEstado()\"\n            >\n              <lib-icon\n                iconName=\"olho\"\n                tooltip=\"Visualizar\"\n                [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n                class=\"glb-cursor-pointer text-primary\"\n              />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n  <div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n  <!-- #region EMPTY LIST -->\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: LogsApiService }, { type: TenantService }, { type: MessageService }, { type: i4.Router }], propDecorators: { componentPesquisa: [{
                 type: ViewChild,
                 args: [SearchFiltersComponent]
@@ -11178,6 +11194,8 @@ class SearchLogDataAccess {
         this.IS_SLOW = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -11208,6 +11226,12 @@ class HomeLogDataAccessComponent {
         this.page = 1;
         this.itemsPerPage = 10;
         this.isListLoading = true;
+        this.headerOrdering = {
+            'Usuário': { isAsc: false, orderingId: 'NomeUsuarioLogado', isActive: false },
+            'Data/Hora ocorrência': { isAsc: false, orderingId: 'DtHora', isActive: false },
+            'Método de origem': { isAsc: false, orderingId: 'MetodoOrigem', isActive: false },
+        };
+        this.counterLabel = "";
         this.componentPesquisa = new SearchFiltersComponent;
         // Função chamada quando ocorre uma mudança na ordenação
         this.currentSortColumn = '';
@@ -11244,6 +11268,7 @@ class HomeLogDataAccessComponent {
     }
     // #region GetList
     getLogsList(search = '') {
+        this.isListLoading = true;
         this.$retLogList = new RetLogsDataAccess();
         this.SearchLogDataAccess.TEXTO_PESQUISA = search;
         this.SearchLogDataAccess.DATA_INI = this.dateIni;
@@ -11259,6 +11284,7 @@ class HomeLogDataAccessComponent {
                 this.counter = response.Count;
                 console.log(this.itemsPerPage);
                 this.isListLoading = false;
+                this.GetTableCounter(this.SearchLogDataAccess.ROW_LIMIT, response.Count);
             },
             error: error => {
                 this.$retLogList = new RetLogsDataAccess();
@@ -11293,19 +11319,19 @@ class HomeLogDataAccessComponent {
         }
     }
     onSortChange(event) {
-        const { direction, column } = event;
-        // Verifica se a coluna atualmente selecionada é a mesma da nova seleção
-        if (this.currentSortColumn === column) {
-            // Alterna entre 'asc' e 'desc' para a direção de ordenação da coluna
-            this.sortDirection[column] = this.sortDirection[column] === 'asc' ? 'asc' : 'desc';
-        }
-        else {
-            // Define a nova coluna e a direção de ordenação como 'asc'
-            this.currentSortColumn = column;
-            this.sortDirection = { [column]: 'asc' };
+        this.SearchLogDataAccess.ORDERBY = this.headerOrdering[event].orderingId;
+        for (const key in this.headerOrdering) {
+            if (key != event) {
+                this.headerOrdering[key].isActive = false;
+                this.headerOrdering[key].isAsc = false;
+            }
+            else {
+                this.headerOrdering[key].isActive = true;
+                this.headerOrdering[key].isAsc = !this.headerOrdering[key].isAsc;
+            }
         }
-        // Realiza a ordenação dos dados da tabela
-        this.sortData();
+        this.SearchLogDataAccess.ORDERISASC = this.headerOrdering[event].isAsc;
+        this.getLogsList();
     }
     // Função de ordenação dos dados da tabela
     sortData() {
@@ -11348,12 +11374,17 @@ class HomeLogDataAccessComponent {
             textoPesquisa: this.componentPesquisa.search
         }));
     }
+    GetTableCounter(rowLimit, totalCount) {
+        const counterInicial = (this.page - 1) * this.itemsPerPage;
+        const counterFinal = ((this.page - 1) * this.itemsPerPage + rowLimit) > totalCount ? totalCount : ((this.page - 1) * this.itemsPerPage + rowLimit);
+        this.counterLabel = `Exibindo ${counterInicial}-${counterFinal} de ${totalCount} registros`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogDataAccessComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: LogsDataAccessService }, { token: TenantService }, { token: MessageService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogDataAccessComponent, isStandalone: true, selector: "app-home-log-data-access", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log DataAccesss'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log DataAccesss' ]\"\n  pageTitle=\"Log DataAccess\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateIni = null;\n      dateFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome, m\u00E9todo e tipo de conex\u00E3o do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n    <div class=\"input-group ms-3 w-75\">\n      <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateIni\" />\n      <span class=\"input-group-text\">At\u00E9</span>\n      <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFin\" />\n    </div>\n  </app-search-filters>\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\">\n    <lib-table\n      [list]=\"$logList\"\n      [counts]=\"[5, 15, 25]\"\n      paginationID=\"simpleTable\"\n      *ngIf=\"!isListLoading; else loading\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn: 'Id' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-3',\n          orderColumn: 'NomeUsuarioLogado'\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHora'\n        },\n        {\n          name: 'M\u00E9todo de origem',\n          widthClass: 'col-4',\n          orderColumn: 'MetodoOrigem'\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (itemsPerPageChange)=\"itemsPerPage = $event\"\n      (pageChange)=\"page = $event\"\n    >\n      <div upperContent>\n        <div class=\"d-flex\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n\n          <div class=\"form-check form-switch ms-3\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage:\n      itemsPerPage, currentPage: page }; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-3 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-4 align-middle\">{{ logs.MetodoOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-data-access/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n  </div>\n\n  <!-- #endregion TABLE -->\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogDataAccessComponent, isStandalone: true, selector: "app-home-log-data-access", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log DataAccesss'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log DataAccesss' ]\"\n  pageTitle=\"Log DataAccess\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateIni = null;\n      dateFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome, m\u00E9todo e tipo de conex\u00E3o do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n    <div class=\"input-group ms-3 w-75\">\n      <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateIni\" />\n      <span class=\"input-group-text\">At\u00E9</span>\n      <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFin\" />\n    </div>\n  </app-search-filters>\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n    <span>{{counterLabel}}</span>\n    <lib-table\n      [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\"\n      [counts]=\"[10,25,50]\"\n      paginationID=\"simpleTable2\"\n\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1'},\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'M\u00E9todo de origem',\n          widthClass: 'col-4',\n          icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n\n      (iconClick)=\"onSortChange($event)\"\n    >\n      <div upperContent>\n        <div class=\"d-flex\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n\n          <div class=\"form-check form-switch ms-3\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { itemsPerPage: this.SearchLogDataAccess.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-3 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-4 align-middle\">{{ logs.MetodoOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-data-access/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n    <div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n  <!-- #endregion TABLE -->\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "component", type: i12.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogDataAccessComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-home-log-data-access', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log DataAccesss'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log DataAccesss' ]\"\n  pageTitle=\"Log DataAccess\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateIni = null;\n      dateFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome, m\u00E9todo e tipo de conex\u00E3o do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n    <div class=\"input-group ms-3 w-75\">\n      <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateIni\" />\n      <span class=\"input-group-text\">At\u00E9</span>\n      <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFin\" />\n    </div>\n  </app-search-filters>\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\">\n    <lib-table\n      [list]=\"$logList\"\n      [counts]=\"[5, 15, 25]\"\n      paginationID=\"simpleTable\"\n      *ngIf=\"!isListLoading; else loading\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn: 'Id' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-3',\n          orderColumn: 'NomeUsuarioLogado'\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHora'\n        },\n        {\n          name: 'M\u00E9todo de origem',\n          widthClass: 'col-4',\n          orderColumn: 'MetodoOrigem'\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (itemsPerPageChange)=\"itemsPerPage = $event\"\n      (pageChange)=\"page = $event\"\n    >\n      <div upperContent>\n        <div class=\"d-flex\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n\n          <div class=\"form-check form-switch ms-3\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage:\n      itemsPerPage, currentPage: page }; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-3 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-4 align-middle\">{{ logs.MetodoOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-data-access/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n  </div>\n\n  <!-- #endregion TABLE -->\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
+            args: [{ selector: 'app-home-log-data-access', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log DataAccesss'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log DataAccesss' ]\"\n  pageTitle=\"Log DataAccess\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateIni = null;\n      dateFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome, m\u00E9todo e tipo de conex\u00E3o do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n    <div class=\"input-group ms-3 w-75\">\n      <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateIni\" />\n      <span class=\"input-group-text\">At\u00E9</span>\n      <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFin\" />\n    </div>\n  </app-search-filters>\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n    <span>{{counterLabel}}</span>\n    <lib-table\n      [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\"\n      [counts]=\"[10,25,50]\"\n      paginationID=\"simpleTable2\"\n\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1'},\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'M\u00E9todo de origem',\n          widthClass: 'col-4',\n          icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n\n      (iconClick)=\"onSortChange($event)\"\n    >\n      <div upperContent>\n        <div class=\"d-flex\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n\n          <div class=\"form-check form-switch ms-3\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { itemsPerPage: this.SearchLogDataAccess.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-3 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-4 align-middle\">{{ logs.MetodoOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-data-access/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n    <div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n  <!-- #endregion TABLE -->\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: LogsDataAccessService }, { type: TenantService }, { type: MessageService }, { type: i4.Router }], propDecorators: { componentPesquisa: [{
                 type: ViewChild,
                 args: [SearchFiltersComponent]
@@ -11478,6 +11509,8 @@ class SearchLogEmail {
         this.IS_ERROR = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -11505,10 +11538,18 @@ class HomeLogEmailComponent {
         this.dateFinalIni = null;
         this.dateFinalFin = null;
         this.isError = true;
+        this.counterLabel = "";
         this.counter = 0;
         this.page = 1;
         this.itemsPerPage = 10;
         this.isListLoading = true;
+        this.headerOrdering = {
+            'Usuário': { isAsc: false, orderingId: 'NomeUsuarioLogado', isActive: false },
+            'Destinatário': { isAsc: false, orderingId: 'Destinatario', isActive: false },
+            'Data/Hora ocorrência': { isAsc: false, orderingId: 'DtHora', isActive: false },
+            'Data/Hora final ocorrência': { isAsc: false, orderingId: 'DtHoraFim', isActive: false },
+            'Módulo': { isAsc: false, orderingId: 'Modulo', isActive: false },
+        };
         this.componentPesquisa = new SearchFiltersComponent;
         // Função chamada quando ocorre uma mudança na ordenação
         this.currentSortColumn = '';
@@ -11546,6 +11587,7 @@ class HomeLogEmailComponent {
     }
     // #region GetList
     getLogsList(search = '') {
+        this.isListLoading = true;
         this.$retLogList = new RetLogsEmail();
         this.searchLogEmail.TEXTO_PESQUISA = search;
         this.searchLogEmail.DATA_INICIAL_INI = this.dateInicioIni;
@@ -11561,6 +11603,7 @@ class HomeLogEmailComponent {
                 this.$logList = response.LogsEmail;
                 this.counter = response.Count;
                 this.isListLoading = false;
+                this.GetTableCounter(this.searchLogEmail.ROW_LIMIT, response.Count);
             },
             error: error => {
                 this.$retLogList = new RetLogsEmail();
@@ -11595,19 +11638,19 @@ class HomeLogEmailComponent {
         }
     }
     onSortChange(event) {
-        const { direction, column } = event;
-        // Verifica se a coluna atualmente selecionada é a mesma da nova seleção
-        if (this.currentSortColumn === column) {
-            // Alterna entre 'asc' e 'desc' para a direção de ordenação da coluna
-            this.sortDirection[column] = this.sortDirection[column] === 'asc' ? 'asc' : 'desc';
-        }
-        else {
-            // Define a nova coluna e a direção de ordenação como 'asc'
-            this.currentSortColumn = column;
-            this.sortDirection = { [column]: 'asc' };
+        this.searchLogEmail.ORDERBY = this.headerOrdering[event].orderingId;
+        for (const key in this.headerOrdering) {
+            if (key != event) {
+                this.headerOrdering[key].isActive = false;
+                this.headerOrdering[key].isAsc = false;
+            }
+            else {
+                this.headerOrdering[key].isActive = true;
+                this.headerOrdering[key].isAsc = !this.headerOrdering[key].isAsc;
+            }
         }
-        // Realiza a ordenação dos dados da tabela
-        this.sortData();
+        this.searchLogEmail.ORDERISASC = this.headerOrdering[event].isAsc;
+        this.getLogsList();
     }
     // Função de ordenação dos dados da tabela
     sortData() {
@@ -11651,12 +11694,17 @@ class HomeLogEmailComponent {
             textoPesquisa: this.componentPesquisa.search
         }));
     }
+    GetTableCounter(rowLimit, totalCount) {
+        const counterInicial = (this.page - 1) * this.itemsPerPage;
+        const counterFinal = ((this.page - 1) * this.itemsPerPage + rowLimit) > totalCount ? totalCount : ((this.page - 1) * this.itemsPerPage + rowLimit);
+        this.counterLabel = `Exibindo ${counterInicial}-${counterFinal} de ${totalCount} registros`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogEmailComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: LogsEmailService }, { token: TenantService }, { token: MessageService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogEmailComponent, isStandalone: true, selector: "app-home-log-email", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Email'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Email' ]\"\n  pageTitle=\"Log Email\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome, m\u00F3dulo ou destinat\u00E1rio do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n\n  </app-search-filters>\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\">\n    <lib-table\n      [list]=\"$logList\"\n      [counts]=\"[10, 25, 50]\"\n      paginationID=\"simpleTable\"\n      *ngIf=\"!isListLoading; else loading\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn: 'Id' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-1',\n          orderColumn: 'NomeUsuarioLogado'\n        },\n        {\n          name: 'Destinat\u00E1rio',\n          widthClass: 'col-2',\n          orderColumn: 'Destinatario'\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-2',\n          orderColumn: 'DtHora'\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHoraFim'\n        },\n        { name: 'M\u00F3dulo', widthClass: 'col-2', orderColumn: 'Modulo' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (itemsPerPageChange)=\"itemsPerPage = $event\"\n      (pageChange)=\"page = $event\"\n    >\n      <div upperContent>\n        <div class=\"d-flex\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage:\n      itemsPerPage, currentPage: page }; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-2 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-2 align-middle\" style=\"overflow: hidden\">\n          {{ logs.Destinatario }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.Modulo ? logs.Modulo : \"-\" }}\n        </td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-email/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              [iconColor]=\"module == 'Corporativo' ? 'blue' : 'gray'\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n  </div>\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-contentpcenter\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <ng-template #emptyList>\n    <tbody class=\"fade-in\">\n      <tr>\n        <td colspan=\"12\" class=\"align-middle\">\n          <span class=\"fw-light fst-italic text-center\">\n            Consulta n\u00E3o retornou registros...\n          </span>\n        </td>\n      </tr>\n    </tbody>\n  </ng-template>\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogEmailComponent, isStandalone: true, selector: "app-home-log-email", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Email'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Email' ]\"\n  pageTitle=\"Log Email\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome, m\u00F3dulo ou destinat\u00E1rio do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n\n  </app-search-filters>\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n    <span>{{counterLabel}}</span>\n    <lib-table\n      [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\"\n      [counts]=\"[10, 25, 50]\"\n      paginationID=\"simpleTable\"\n\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1'},\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-1',\n          icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Destinat\u00E1rio',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Destinat\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora final ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: 'M\u00F3dulo',\n        widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['M\u00F3dulo'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (iconClick)=\"onSortChange($event)\"\n    >\n      <div upperContent>\n        <div class=\"d-flex\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogEmail.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-2 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-2 align-middle\" style=\"overflow: hidden\">\n          {{ logs.Destinatario }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.Modulo ? logs.Modulo : \"-\" }}\n        </td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-email/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              [iconColor]=\"module == 'Corporativo' ? 'blue' : 'gray'\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n    <div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-contentpcenter\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <ng-template #emptyList>\n    <tbody class=\"fade-in\">\n      <tr>\n        <td colspan=\"12\" class=\"align-middle\">\n          <span class=\"fw-light fst-italic text-center\">\n            Consulta n\u00E3o retornou registros...\n          </span>\n        </td>\n      </tr>\n    </tbody>\n  </ng-template>\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "component", type: i12.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogEmailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-home-log-email', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Email'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Email' ]\"\n  pageTitle=\"Log Email\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome, m\u00F3dulo ou destinat\u00E1rio do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n\n  </app-search-filters>\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\">\n    <lib-table\n      [list]=\"$logList\"\n      [counts]=\"[10, 25, 50]\"\n      paginationID=\"simpleTable\"\n      *ngIf=\"!isListLoading; else loading\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn: 'Id' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-1',\n          orderColumn: 'NomeUsuarioLogado'\n        },\n        {\n          name: 'Destinat\u00E1rio',\n          widthClass: 'col-2',\n          orderColumn: 'Destinatario'\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-2',\n          orderColumn: 'DtHora'\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHoraFim'\n        },\n        { name: 'M\u00F3dulo', widthClass: 'col-2', orderColumn: 'Modulo' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (itemsPerPageChange)=\"itemsPerPage = $event\"\n      (pageChange)=\"page = $event\"\n    >\n      <div upperContent>\n        <div class=\"d-flex\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage:\n      itemsPerPage, currentPage: page }; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-2 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-2 align-middle\" style=\"overflow: hidden\">\n          {{ logs.Destinatario }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.Modulo ? logs.Modulo : \"-\" }}\n        </td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-email/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              [iconColor]=\"module == 'Corporativo' ? 'blue' : 'gray'\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n  </div>\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-contentpcenter\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <ng-template #emptyList>\n    <tbody class=\"fade-in\">\n      <tr>\n        <td colspan=\"12\" class=\"align-middle\">\n          <span class=\"fw-light fst-italic text-center\">\n            Consulta n\u00E3o retornou registros...\n          </span>\n        </td>\n      </tr>\n    </tbody>\n  </ng-template>\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
+            args: [{ selector: 'app-home-log-email', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Email'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Email' ]\"\n  pageTitle=\"Log Email\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome, m\u00F3dulo ou destinat\u00E1rio do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n\n  </app-search-filters>\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n    <span>{{counterLabel}}</span>\n    <lib-table\n      [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\"\n      [counts]=\"[10, 25, 50]\"\n      paginationID=\"simpleTable\"\n\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1'},\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-1',\n          icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Destinat\u00E1rio',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Destinat\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora final ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: 'M\u00F3dulo',\n        widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['M\u00F3dulo'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (iconClick)=\"onSortChange($event)\"\n    >\n      <div upperContent>\n        <div class=\"d-flex\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogEmail.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-2 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-2 align-middle\" style=\"overflow: hidden\">\n          {{ logs.Destinatario }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.Modulo ? logs.Modulo : \"-\" }}\n        </td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-email/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              [iconColor]=\"module == 'Corporativo' ? 'blue' : 'gray'\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n    <div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-contentpcenter\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <ng-template #emptyList>\n    <tbody class=\"fade-in\">\n      <tr>\n        <td colspan=\"12\" class=\"align-middle\">\n          <span class=\"fw-light fst-italic text-center\">\n            Consulta n\u00E3o retornou registros...\n          </span>\n        </td>\n      </tr>\n    </tbody>\n  </ng-template>\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: LogsEmailService }, { type: TenantService }, { type: MessageService }, { type: i4.Router }], propDecorators: { componentPesquisa: [{
                 type: ViewChild,
                 args: [SearchFiltersComponent]
@@ -11771,6 +11819,8 @@ class SearchLogGeral {
         this.DATA_FIN = null;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -11799,6 +11849,12 @@ class LogsGeralComponent {
         this.page = 1;
         this.itemsPerPage = 10;
         this.isListLoading = true;
+        this.counterLabel = "";
+        this.headerOrdering = {
+            'Usuário': { isAsc: false, orderingId: 'NomeUsuarioLogado', isActive: false },
+            'Data/Hora ocorrência': { isAsc: false, orderingId: 'DtHora', isActive: false },
+            'Método de origem': { isAsc: false, orderingId: 'MetodoOrigem', isActive: false },
+        };
         this.componentPesquisa = new SearchFiltersComponent;
         // Função chamada quando ocorre uma mudança na ordenação
         this.currentSortColumn = '';
@@ -11845,6 +11901,7 @@ class LogsGeralComponent {
                 this.$logList = response.LogsGeral;
                 this.counter = response.Count;
                 this.isListLoading = false;
+                this.GetTableCounter(this.searchLogGeral.ROW_LIMIT, response.Count);
             },
             error: error => {
                 this.$retLogList = new RetLogsGeral();
@@ -11878,19 +11935,19 @@ class LogsGeralComponent {
         }
     }
     onSortChange(event) {
-        const { direction, column } = event;
-        // Verifica se a coluna atualmente selecionada é a mesma da nova seleção
-        if (this.currentSortColumn === column) {
-            // Alterna entre 'asc' e 'desc' para a direção de ordenação da coluna
-            this.sortDirection[column] = this.sortDirection[column] === 'asc' ? 'asc' : 'desc';
-        }
-        else {
-            // Define a nova coluna e a direção de ordenação como 'asc'
-            this.currentSortColumn = column;
-            this.sortDirection = { [column]: 'asc' };
+        this.searchLogGeral.ORDERBY = this.headerOrdering[event].orderingId;
+        for (const key in this.headerOrdering) {
+            if (key != event) {
+                this.headerOrdering[key].isActive = false;
+                this.headerOrdering[key].isAsc = false;
+            }
+            else {
+                this.headerOrdering[key].isActive = true;
+                this.headerOrdering[key].isAsc = !this.headerOrdering[key].isAsc;
+            }
         }
-        // Realiza a ordenação dos dados da tabela
-        this.sortData();
+        this.searchLogGeral.ORDERISASC = this.headerOrdering[event].isAsc;
+        this.getLogsList();
     }
     // Função de ordenação dos dados da tabela
     sortData() {
@@ -11931,12 +11988,17 @@ class LogsGeralComponent {
             dateFin: this.dateFin,
         }));
     }
+    GetTableCounter(rowLimit, totalCount) {
+        const counterInicial = (this.page - 1) * this.itemsPerPage;
+        const counterFinal = ((this.page - 1) * this.itemsPerPage + rowLimit) > totalCount ? totalCount : ((this.page - 1) * this.itemsPerPage + rowLimit);
+        this.counterLabel = `Exibindo ${counterInicial}-${counterFinal} de ${totalCount} registros`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LogsGeralComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: LogsGeralService }, { token: TenantService }, { token: MessageService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: LogsGeralComponent, isStandalone: true, selector: "app-logs-geral", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Geral'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Geral' ]\"\n pageTitle=\"Log Geral\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateIni = null; dateFin = null; resetPagination(this.$logList)\"\n    placeholder=\"Digite o ID, nome ou m\u00E9todo do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n    <div class=\"d-flex col-4\">\n      <div class=\"ms-3 input-group\">\n        <lib-icon class=\"input-group-text\" iconName=\"calendario\" />\n        <input type=\"text\" class=\"form-control\" placeholder=\"Data Inicial\" [(ngModel)]=\"dateIni\"\n          onfocus=\"this.type='datetime-local'\">\n      </div>\n      <div class=\"ms-2 input-group\">\n        <lib-icon class=\"input-group-text\" iconName=\"calendario\" />\n        <input type=\"text\" class=\"form-control\" placeholder=\"Data Final\" [(ngModel)]=\"dateFin\"\n          onfocus=\"this.type='datetime-local'\">\n      </div>\n    </div>\n  </app-search-filters>\n  <!-- #endregion SEARCH AND FILTERS -->\n<div class=\"mt-4\">\n    <lib-table [list]=\"$logList\" [counts]=\"[ 10,25,50 ]\" paginationID=\"simpleTable\" *ngIf=\"!isListLoading; else loading\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn:'Id' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-3', orderColumn:'NomeUsuarioLogado' },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-3', orderColumn:'DtHora' },\n        { name: 'M\u00E9todo Origem', widthClass: 'col-4', orderColumn:'MetodoOrigem' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (itemsPerPageChange)=\"itemsPerPage = $event\"\n    (pageChange)=\"page = $event\" >\n\n    @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage, currentPage: page }; track logs) {\n        <tr innerRows class=\"align-middle\">\n            <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - hh:mm:ss\" }}</td>\n          <td class=\"col-4 align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-geral/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n\n</div>\n  <!-- #region TABLE -->\n\n  <!-- #endregion TABLE -->\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n\n  <!-- #endregion EMPTY LIST -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: LogsGeralComponent, isStandalone: true, selector: "app-logs-geral", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Geral'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Geral' ]\"\n pageTitle=\"Log Geral\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateIni = null; dateFin = null; resetPagination(this.$logList)\"\n    placeholder=\"Digite o ID, nome ou m\u00E9todo do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n    <div class=\"d-flex col-4\">\n      <div class=\"ms-3 input-group\">\n        <lib-icon class=\"input-group-text\" iconName=\"calendario\" />\n        <input type=\"text\" class=\"form-control\" placeholder=\"Data Inicial\" [(ngModel)]=\"dateIni\"\n          onfocus=\"this.type='datetime-local'\">\n      </div>\n      <div class=\"ms-2 input-group\">\n        <lib-icon class=\"input-group-text\" iconName=\"calendario\" />\n        <input type=\"text\" class=\"form-control\" placeholder=\"Data Final\" [(ngModel)]=\"dateFin\"\n          onfocus=\"this.type='datetime-local'\">\n      </div>\n    </div>\n  </app-search-filters>\n  <!-- #endregion SEARCH AND FILTERS -->\n<div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n  <span>{{this.counterLabel}}</span>\n    <lib-table [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\" [counts]=\"[ 10,25,50 ]\" paginationID=\"simpleTable\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-3', icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'M\u00E9todo Origem', widthClass: 'col-4',\n          icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (iconClick)=\"onSortChange($event)\">\n\n    @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogGeral.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n        <tr innerRows class=\"align-middle\">\n            <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - hh:mm:ss\" }}</td>\n          <td class=\"col-4 align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-geral/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n<div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n</div>\n  <!-- #region TABLE -->\n\n  <!-- #endregion TABLE -->\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n\n  <!-- #endregion EMPTY LIST -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "component", type: i12.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LogsGeralComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-logs-geral', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Geral'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Geral' ]\"\n pageTitle=\"Log Geral\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateIni = null; dateFin = null; resetPagination(this.$logList)\"\n    placeholder=\"Digite o ID, nome ou m\u00E9todo do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n    <div class=\"d-flex col-4\">\n      <div class=\"ms-3 input-group\">\n        <lib-icon class=\"input-group-text\" iconName=\"calendario\" />\n        <input type=\"text\" class=\"form-control\" placeholder=\"Data Inicial\" [(ngModel)]=\"dateIni\"\n          onfocus=\"this.type='datetime-local'\">\n      </div>\n      <div class=\"ms-2 input-group\">\n        <lib-icon class=\"input-group-text\" iconName=\"calendario\" />\n        <input type=\"text\" class=\"form-control\" placeholder=\"Data Final\" [(ngModel)]=\"dateFin\"\n          onfocus=\"this.type='datetime-local'\">\n      </div>\n    </div>\n  </app-search-filters>\n  <!-- #endregion SEARCH AND FILTERS -->\n<div class=\"mt-4\">\n    <lib-table [list]=\"$logList\" [counts]=\"[ 10,25,50 ]\" paginationID=\"simpleTable\" *ngIf=\"!isListLoading; else loading\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn:'Id' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-3', orderColumn:'NomeUsuarioLogado' },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-3', orderColumn:'DtHora' },\n        { name: 'M\u00E9todo Origem', widthClass: 'col-4', orderColumn:'MetodoOrigem' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (itemsPerPageChange)=\"itemsPerPage = $event\"\n    (pageChange)=\"page = $event\" >\n\n    @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage, currentPage: page }; track logs) {\n        <tr innerRows class=\"align-middle\">\n            <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - hh:mm:ss\" }}</td>\n          <td class=\"col-4 align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-geral/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n\n</div>\n  <!-- #region TABLE -->\n\n  <!-- #endregion TABLE -->\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n\n  <!-- #endregion EMPTY LIST -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
+            args: [{ selector: 'app-logs-geral', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Geral'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Geral' ]\"\n pageTitle=\"Log Geral\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateIni = null; dateFin = null; resetPagination(this.$logList)\"\n    placeholder=\"Digite o ID, nome ou m\u00E9todo do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n    <div class=\"d-flex col-4\">\n      <div class=\"ms-3 input-group\">\n        <lib-icon class=\"input-group-text\" iconName=\"calendario\" />\n        <input type=\"text\" class=\"form-control\" placeholder=\"Data Inicial\" [(ngModel)]=\"dateIni\"\n          onfocus=\"this.type='datetime-local'\">\n      </div>\n      <div class=\"ms-2 input-group\">\n        <lib-icon class=\"input-group-text\" iconName=\"calendario\" />\n        <input type=\"text\" class=\"form-control\" placeholder=\"Data Final\" [(ngModel)]=\"dateFin\"\n          onfocus=\"this.type='datetime-local'\">\n      </div>\n    </div>\n  </app-search-filters>\n  <!-- #endregion SEARCH AND FILTERS -->\n<div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n  <span>{{this.counterLabel}}</span>\n    <lib-table [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\" [counts]=\"[ 10,25,50 ]\" paginationID=\"simpleTable\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-3', icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'M\u00E9todo Origem', widthClass: 'col-4',\n          icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (iconClick)=\"onSortChange($event)\">\n\n    @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogGeral.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n        <tr innerRows class=\"align-middle\">\n            <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - hh:mm:ss\" }}</td>\n          <td class=\"col-4 align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-geral/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n<div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n</div>\n  <!-- #region TABLE -->\n\n  <!-- #endregion TABLE -->\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n\n  <!-- #endregion EMPTY LIST -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: LogsGeralService }, { type: TenantService }, { type: MessageService }, { type: i4.Router }], propDecorators: { componentPesquisa: [{
                 type: ViewChild,
                 args: [SearchFiltersComponent]
@@ -12063,6 +12125,8 @@ class SearchLogReport {
         this.IS_ERROR = true;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -12092,6 +12156,14 @@ class HomeLogsReportComponent {
         this.page = 1;
         this.itemsPerPage = 10;
         this.isListLoading = true;
+        this.counterLabel = "";
+        this.headerOrdering = {
+            'Usuário': { isAsc: false, orderingId: 'NomeUsuarioLogado', isActive: false },
+            'Data/Hora ocorrência': { isAsc: false, orderingId: 'DtHora', isActive: false },
+            'Produto': { isAsc: false, orderingId: 'Product', isActive: false },
+            'Método de origem': { isAsc: false, orderingId: 'MetodoOrigem', isActive: false },
+            'Report': { isAsc: false, orderingId: 'Report', isActive: false },
+        };
         this.componentPesquisa = new SearchFiltersComponent;
         // Função chamada quando ocorre uma mudança na ordenação
         this.currentSortColumn = '';
@@ -12140,6 +12212,7 @@ class HomeLogsReportComponent {
                 this.$logList = response.LogsReport;
                 this.isListLoading = false;
                 this.counter = response.Count;
+                this.GetTableCounter(this.searchLogReport.ROW_LIMIT, response.Count);
             },
             error: error => {
                 this.$retLogList = new RetLogsReport();
@@ -12174,19 +12247,19 @@ class HomeLogsReportComponent {
         }
     }
     onSortChange(event) {
-        const { direction, column } = event;
-        // Verifica se a coluna atualmente selecionada é a mesma da nova seleção
-        if (this.currentSortColumn === column) {
-            // Alterna entre 'asc' e 'desc' para a direção de ordenação da coluna
-            this.sortDirection[column] = this.sortDirection[column] === 'asc' ? 'asc' : 'desc';
-        }
-        else {
-            // Define a nova coluna e a direção de ordenação como 'asc'
-            this.currentSortColumn = column;
-            this.sortDirection = { [column]: 'asc' };
+        this.searchLogReport.ORDERBY = this.headerOrdering[event].orderingId;
+        for (const key in this.headerOrdering) {
+            if (key != event) {
+                this.headerOrdering[key].isActive = false;
+                this.headerOrdering[key].isAsc = false;
+            }
+            else {
+                this.headerOrdering[key].isActive = true;
+                this.headerOrdering[key].isAsc = !this.headerOrdering[key].isAsc;
+            }
         }
-        // Realiza a ordenação dos dados da tabela
-        this.sortData();
+        this.searchLogReport.ORDERISASC = this.headerOrdering[event].isAsc;
+        this.getLogsList();
     }
     // Função de ordenação dos dados da tabela
     sortData() {
@@ -12228,12 +12301,17 @@ class HomeLogsReportComponent {
             textoPesquisa: this.componentPesquisa.search
         }));
     }
+    GetTableCounter(rowLimit, totalCount) {
+        const counterInicial = (this.page - 1) * this.itemsPerPage;
+        const counterFinal = ((this.page - 1) * this.itemsPerPage + rowLimit) > totalCount ? totalCount : ((this.page - 1) * this.itemsPerPage + rowLimit);
+        this.counterLabel = `Exibindo ${counterInicial}-${counterFinal} de ${totalCount} registros`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogsReportComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: LogsReportService }, { token: TenantService }, { token: MessageService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogsReportComponent, isStandalone: true, selector: "app-home-logs-report", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Report'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Report' ]\"\npageTitle=\"Log Report\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateIni = null; dateFin = null; isError = true; resetPagination(this.$logList);\"\n    placeholder=\"Digite o id, nome, m\u00E9todo, produto ou report do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n  <div class=\"input-group ms-3 w-75\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFin\">\n      </div>\n  </app-search-filters>\n<!-- <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div> -->\n  <!-- #endregion SEARCH AND FILTERS -->\n<div class=\"mt-4\">\n    <lib-table [list]=\"$logList\" [counts]=\"[ 5,15,25 ]\" paginationID=\"simpleTable\" *ngIf=\"!isListLoading; else loading\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn:'Id' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-1', orderColumn:'NomeUsuarioLogado' },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-2', orderColumn:'DtHora' },\n        { name: 'Produto', widthClass: 'col-2', orderColumn:'Product' },\n        { name: 'M\u00E9todo Origem', widthClass: 'col-3', orderColumn:'MetodoOrigem' },\n        { name: 'Report', widthClass: 'col-2', orderColumn:'Report' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (itemsPerPageChange)=\"itemsPerPage = $event\"\n    (pageChange)=\"page = $event\" >\n<div upperContent>\n<div class=\"d-flex\">\n        <div class=\"form-check form-switch\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isError\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n    </div>\n</div>\n    @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage, currentPage: page }; track logs) {\n        <tr innerRows class=\"align-middle\">\n            <td class=\" align-middle\">{{ logs.Id }}</td>\n          <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - HH:mm:ss\" }}</td>\n          <td class=\"align-middle\">{{ logs.Product ? logs.Product : \"-\" }}</td>\n          <td class=\"align-middle\">{{ logs.MetodoOrigem ? logs.MetodoOrigem : \"-\" }}</td>\n          <td class=\"align-middle\">{{ logs.Report ? logs.Report : \"-\" }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-report/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n\n</div>\n  <!-- #region TABLE -->\n  <!-- #endregion TABLE -->\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogsReportComponent, isStandalone: true, selector: "app-home-logs-report", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Report'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Report' ]\"\npageTitle=\"Log Report\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateIni = null; dateFin = null; isError = true; resetPagination(this.$logList);\"\n    placeholder=\"Digite o id, nome, m\u00E9todo, produto ou report do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n  <div class=\"input-group ms-3 w-75\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFin\">\n      </div>\n  </app-search-filters>\n<!-- <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div> -->\n  <!-- #endregion SEARCH AND FILTERS -->\n<div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n  <span>{{this.counterLabel}}</span>\n    <lib-table     [usePagination]=\"false\"\n      [showCounter]=\"false\" [list]=\"$logList\" [counts]=\"[ 10,25,50 ]\" paginationID=\"simpleTable\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-1',icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: 'Produto', widthClass: 'col-2', icon: {\n            name: this.headerOrdering['Produto'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'M\u00E9todo Origem', widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: 'Report', widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Report'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (iconClick)=\"onSortChange($event)\">\n<div upperContent>\n<div class=\"d-flex\">\n        <div class=\"form-check form-switch\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isError\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n    </div>\n</div>\n    @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogReport.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n        <tr innerRows class=\"align-middle\">\n            <td class=\" align-middle\">{{ logs.Id }}</td>\n          <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - HH:mm:ss\" }}</td>\n          <td class=\"align-middle\">{{ logs.Product ? logs.Product : \"-\" }}</td>\n          <td class=\"align-middle\">{{ logs.MetodoOrigem ? logs.MetodoOrigem : \"-\" }}</td>\n          <td class=\"align-middle\">{{ logs.Report ? logs.Report : \"-\" }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-report/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n<div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n</div>\n  <!-- #region TABLE -->\n  <!-- #endregion TABLE -->\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "component", type: i12.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogsReportComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-home-logs-report', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Report'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Report' ]\"\npageTitle=\"Log Report\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateIni = null; dateFin = null; isError = true; resetPagination(this.$logList);\"\n    placeholder=\"Digite o id, nome, m\u00E9todo, produto ou report do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n  <div class=\"input-group ms-3 w-75\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFin\">\n      </div>\n  </app-search-filters>\n<!-- <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div> -->\n  <!-- #endregion SEARCH AND FILTERS -->\n<div class=\"mt-4\">\n    <lib-table [list]=\"$logList\" [counts]=\"[ 5,15,25 ]\" paginationID=\"simpleTable\" *ngIf=\"!isListLoading; else loading\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn:'Id' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-1', orderColumn:'NomeUsuarioLogado' },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-2', orderColumn:'DtHora' },\n        { name: 'Produto', widthClass: 'col-2', orderColumn:'Product' },\n        { name: 'M\u00E9todo Origem', widthClass: 'col-3', orderColumn:'MetodoOrigem' },\n        { name: 'Report', widthClass: 'col-2', orderColumn:'Report' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (itemsPerPageChange)=\"itemsPerPage = $event\"\n    (pageChange)=\"page = $event\" >\n<div upperContent>\n<div class=\"d-flex\">\n        <div class=\"form-check form-switch\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isError\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n    </div>\n</div>\n    @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage: itemsPerPage, currentPage: page }; track logs) {\n        <tr innerRows class=\"align-middle\">\n            <td class=\" align-middle\">{{ logs.Id }}</td>\n          <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - HH:mm:ss\" }}</td>\n          <td class=\"align-middle\">{{ logs.Product ? logs.Product : \"-\" }}</td>\n          <td class=\"align-middle\">{{ logs.MetodoOrigem ? logs.MetodoOrigem : \"-\" }}</td>\n          <td class=\"align-middle\">{{ logs.Report ? logs.Report : \"-\" }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-report/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n\n</div>\n  <!-- #region TABLE -->\n  <!-- #endregion TABLE -->\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
+            args: [{ selector: 'app-home-logs-report', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Report'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Report' ]\"\npageTitle=\"Log Report\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateIni = null; dateFin = null; isError = true; resetPagination(this.$logList);\"\n    placeholder=\"Digite o id, nome, m\u00E9todo, produto ou report do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n  <div class=\"input-group ms-3 w-75\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFin\">\n      </div>\n  </app-search-filters>\n<!-- <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div> -->\n  <!-- #endregion SEARCH AND FILTERS -->\n<div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n  <span>{{this.counterLabel}}</span>\n    <lib-table     [usePagination]=\"false\"\n      [showCounter]=\"false\" [list]=\"$logList\" [counts]=\"[ 10,25,50 ]\" paginationID=\"simpleTable\"\n    [headers]=\"[\n        { name: 'Id', widthClass: 'col-1' },\n        { name: 'Usu\u00E1rio', widthClass: 'col-1',icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'Data/Hora ocorr\u00EAncia', widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: 'Produto', widthClass: 'col-2', icon: {\n            name: this.headerOrdering['Produto'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          } },\n        { name: 'M\u00E9todo Origem', widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: 'Report', widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Report'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n    ]\"\n    (iconClick)=\"onSortChange($event)\">\n<div upperContent>\n<div class=\"d-flex\">\n        <div class=\"form-check form-switch\">\n          <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n          <input\n            class=\"form-check-input\"\n            [(ngModel)]=\"isError\"\n            type=\"checkbox\"\n            role=\"switch\"\n            id=\"inputSearchDN\"\n          />\n      </div>\n    </div>\n</div>\n    @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogReport.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n        <tr innerRows class=\"align-middle\">\n            <td class=\" align-middle\">{{ logs.Id }}</td>\n          <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - HH:mm:ss\" }}</td>\n          <td class=\"align-middle\">{{ logs.Product ? logs.Product : \"-\" }}</td>\n          <td class=\"align-middle\">{{ logs.MetodoOrigem ? logs.MetodoOrigem : \"-\" }}</td>\n          <td class=\"align-middle\">{{ logs.Report ? logs.Report : \"-\" }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-report/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n        </tr>\n    }\n  </lib-table>\n<div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n</div>\n  <!-- #region TABLE -->\n  <!-- #endregion TABLE -->\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: LogsReportService }, { type: TenantService }, { type: MessageService }, { type: i4.Router }], propDecorators: { componentPesquisa: [{
                 type: ViewChild,
                 args: [SearchFiltersComponent]
@@ -12356,6 +12434,8 @@ class SearchLogTimer {
         this.IS_SLOW = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -12384,10 +12464,19 @@ class HomeLogTimerComponent {
         this.dateFinalFin = null;
         this.isError = true;
         this.isSlow = false;
+        this.counterLabel = "";
         this.counter = 0;
         this.page = 1;
         this.itemsPerPage = 10;
         this.isListLoading = true;
+        this.headerOrdering = {
+            'Usuário': { isAsc: false, orderingId: 'NomeUsuarioLogado', isActive: false },
+            'Data/Hora ocorrência': { isAsc: false, orderingId: 'DtHora', isActive: false },
+            'Data/Hora final ocorrência': { isAsc: false, orderingId: 'DtHoraFim', isActive: false },
+            'Módulo': { isAsc: false, orderingId: 'Modulo', isActive: false },
+            'Nome do Timer': { isAsc: false, orderingId: 'TimerOrigem', isActive: false },
+            'Método de origem': { isAsc: false, orderingId: 'MetodoOrigem', isActive: false },
+        };
         this.componentPesquisa = new SearchFiltersComponent;
         // Função chamada quando ocorre uma mudança na ordenação
         this.currentSortColumn = '';
@@ -12442,6 +12531,7 @@ class HomeLogTimerComponent {
                 this.$logList = response.LogsTimer;
                 this.counter = response.Count;
                 this.isListLoading = false;
+                this.GetTableCounter(this.searchLogTimer.ROW_LIMIT, response.Count);
             },
             error: error => {
                 this.$retLogList = new RetLogsTimer();
@@ -12476,19 +12566,19 @@ class HomeLogTimerComponent {
         }
     }
     onSortChange(event) {
-        const { direction, column } = event;
-        // Verifica se a coluna atualmente selecionada é a mesma da nova seleção
-        if (this.currentSortColumn === column) {
-            // Alterna entre 'asc' e 'desc' para a direção de ordenação da coluna
-            this.sortDirection[column] = this.sortDirection[column] === 'asc' ? 'asc' : 'desc';
-        }
-        else {
-            // Define a nova coluna e a direção de ordenação como 'asc'
-            this.currentSortColumn = column;
-            this.sortDirection = { [column]: 'asc' };
+        this.searchLogTimer.ORDERBY = this.headerOrdering[event].orderingId;
+        for (const key in this.headerOrdering) {
+            if (key != event) {
+                this.headerOrdering[key].isActive = false;
+                this.headerOrdering[key].isAsc = false;
+            }
+            else {
+                this.headerOrdering[key].isActive = true;
+                this.headerOrdering[key].isAsc = !this.headerOrdering[key].isAsc;
+            }
         }
-        // Realiza a ordenação dos dados da tabela
-        this.sortData();
+        this.searchLogTimer.ORDERISASC = this.headerOrdering[event].isAsc;
+        this.getLogsList();
     }
     // Função de ordenação dos dados da tabela
     sortData() {
@@ -12533,12 +12623,17 @@ class HomeLogTimerComponent {
             textoPesquisa: this.componentPesquisa.search
         }));
     }
+    GetTableCounter(rowLimit, totalCount) {
+        const counterInicial = (this.page - 1) * this.itemsPerPage;
+        const counterFinal = ((this.page - 1) * this.itemsPerPage + rowLimit) > totalCount ? totalCount : ((this.page - 1) * this.itemsPerPage + rowLimit);
+        this.counterLabel = `Exibindo ${counterInicial}-${counterFinal} de ${totalCount} registros`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogTimerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: LogsTimerService }, { token: TenantService }, { token: MessageService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogTimerComponent, isStandalone: true, selector: "app-home-log-timer", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Timer'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Timer' ]\"\n  pageTitle=\"Log Timer\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, usu\u00E1rio, m\u00F3dulo ou nome do timer do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n  </app-search-filters>\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n  <!-- <div class=\"ms-3 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div>\n      <div class=\"ms-2 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Lento</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isSlow\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div> -->\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n\n  <div class=\"mt-4\">\n    <lib-table\n      [list]=\"$logList\"\n      [counts]=\"[5, 15, 25]\"\n      paginationID=\"simpleTable\"\n      *ngIf=\"!isListLoading; else loading\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn: 'Id' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-2',\n          orderColumn: 'NomeUsuarioLogado'\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-2',\n          orderColumn: 'DtHora'\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHoraFim'\n        },\n        { name: 'M\u00F3dulo', widthClass: 'col-1', orderColumn: 'Modulo' },\n        {\n          name: 'Nome do Timer',\n          widthClass: 'col-2',\n          orderColumn: 'TimerOrigem'\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (itemsPerPageChange)=\"itemsPerPage = $event\"\n      (pageChange)=\"page = $event\"\n    >\n      <div upperContent class=\"d-flex\">\n        <div class=\"ms-3 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n        <div class=\"ms-2 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage:\n      itemsPerPage, currentPage: page }; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"align-middle\">{{ logs.Id }}</td>\n        <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"align-middle\">{{ logs.Modulo }}</td>\n        <td class=\"align-middle\">{{ logs.TimerOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-timer/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              tooltip=\"Visualizar\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n  </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogTimerComponent, isStandalone: true, selector: "app-home-log-timer", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Timer'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Timer' ]\"\n  pageTitle=\"Log Timer\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, usu\u00E1rio, m\u00F3dulo ou nome do timer do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n  </app-search-filters>\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n  <!-- <div class=\"ms-3 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div>\n      <div class=\"ms-2 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Lento</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isSlow\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div> -->\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n\n  <div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n    <span>{{counterLabel}}</span>\n    <lib-table\n    [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\"\n      [counts]=\"[10, 25, 50]\"\n      paginationID=\"simpleTable\"\n\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1',\n\n         },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-2',\n           icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora final ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: 'M\u00F3dulo', widthClass: 'col-1',\n          icon: {\n            name: this.headerOrdering['M\u00F3dulo'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        {\n          name: 'Nome do Timer',\n          widthClass: 'col-2',\n\n          icon: {\n            name: this.headerOrdering['Nome do Timer'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (iconClick)=\"onSortChange($event)\"\n    >\n      <div upperContent class=\"d-flex\">\n        <div class=\"ms-3 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n        <div class=\"ms-2 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogTimer.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"align-middle\">{{ logs.Id }}</td>\n        <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"align-middle\">{{ logs.Modulo }}</td>\n        <td class=\"align-middle\">{{ logs.TimerOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-timer/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              tooltip=\"Visualizar\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n    <div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "component", type: i12.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogTimerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-home-log-timer', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Timer'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Timer' ]\"\n  pageTitle=\"Log Timer\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, usu\u00E1rio, m\u00F3dulo ou nome do timer do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n  </app-search-filters>\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n  <!-- <div class=\"ms-3 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div>\n      <div class=\"ms-2 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Lento</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isSlow\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div> -->\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n\n  <div class=\"mt-4\">\n    <lib-table\n      [list]=\"$logList\"\n      [counts]=\"[5, 15, 25]\"\n      paginationID=\"simpleTable\"\n      *ngIf=\"!isListLoading; else loading\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn: 'Id' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-2',\n          orderColumn: 'NomeUsuarioLogado'\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-2',\n          orderColumn: 'DtHora'\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHoraFim'\n        },\n        { name: 'M\u00F3dulo', widthClass: 'col-1', orderColumn: 'Modulo' },\n        {\n          name: 'Nome do Timer',\n          widthClass: 'col-2',\n          orderColumn: 'TimerOrigem'\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (itemsPerPageChange)=\"itemsPerPage = $event\"\n      (pageChange)=\"page = $event\"\n    >\n      <div upperContent class=\"d-flex\">\n        <div class=\"ms-3 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n        <div class=\"ms-2 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage:\n      itemsPerPage, currentPage: page }; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"align-middle\">{{ logs.Id }}</td>\n        <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"align-middle\">{{ logs.Modulo }}</td>\n        <td class=\"align-middle\">{{ logs.TimerOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-timer/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              tooltip=\"Visualizar\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n  </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
+            args: [{ selector: 'app-home-log-timer', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log Timer'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log Timer' ]\"\n  pageTitle=\"Log Timer\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, usu\u00E1rio, m\u00F3dulo ou nome do timer do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n  </app-search-filters>\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n  <!-- <div class=\"ms-3 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div>\n      <div class=\"ms-2 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Lento</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isSlow\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div> -->\n\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n\n  <div class=\"mt-4\" *ngIf=\"!isListLoading; else loading\">\n    <span>{{counterLabel}}</span>\n    <lib-table\n    [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\"\n      [counts]=\"[10, 25, 50]\"\n      paginationID=\"simpleTable\"\n\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1',\n\n         },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-2',\n           icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora final ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: 'M\u00F3dulo', widthClass: 'col-1',\n          icon: {\n            name: this.headerOrdering['M\u00F3dulo'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n         },\n        {\n          name: 'Nome do Timer',\n          widthClass: 'col-2',\n\n          icon: {\n            name: this.headerOrdering['Nome do Timer'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (iconClick)=\"onSortChange($event)\"\n    >\n      <div upperContent class=\"d-flex\">\n        <div class=\"ms-3 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n        <div class=\"ms-2 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { itemsPerPage: this.searchLogTimer.ROW_LIMIT, currentPage: this.page, totalItems: this.$retLogList.Count}; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"align-middle\">{{ logs.Id }}</td>\n        <td class=\"align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"align-middle\">{{ logs.Modulo }}</td>\n        <td class=\"align-middle\">{{ logs.TimerOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-timer/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              tooltip=\"Visualizar\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n              class=\"glb-cursor-pointer text-primary\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n    <div *ngIf=\"!isListLoading\">\n      <div\n        class=\"d-flex justify-content-end mt-2\"\n        *ngIf=\"$logList.length > 0\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: LogsTimerService }, { type: TenantService }, { type: MessageService }, { type: i4.Router }], propDecorators: { componentPesquisa: [{
                 type: ViewChild,
                 args: [SearchFiltersComponent]
@@ -12660,6 +12755,8 @@ class SearchLogWS {
         this.IS_SLOW = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -12692,6 +12789,13 @@ class HomeLogsWSComponent {
         this.page = 1;
         this.itemsPerPage = 10;
         this.isListLoading = true;
+        this.counterLabel = "";
+        this.headerOrdering = {
+            'Usuário': { isAsc: false, orderingId: 'NomeUsuarioLogado', isActive: false },
+            'Data/Hora ocorrência': { isAsc: false, orderingId: 'DtHora', isActive: false },
+            'Método de origem': { isAsc: false, orderingId: 'MetodoOrigem', isActive: false },
+            'Data/Hora final ocorrência': { isAsc: false, orderingId: 'DtHoraFim', isActive: false },
+        };
         this.componentPesquisa = new SearchFiltersComponent;
         // Função chamada quando ocorre uma mudança na ordenação
         this.currentSortColumn = '';
@@ -12746,6 +12850,7 @@ class HomeLogsWSComponent {
                 this.$logList = response.LogsWS;
                 this.counter = response.Count;
                 this.isListLoading = false;
+                this.GetTableCounter(this.searchLogWS.ROW_LIMIT, response.Count);
             },
             error: error => {
                 this.$retLogList = new RetLogsWS();
@@ -12779,19 +12884,19 @@ class HomeLogsWSComponent {
         }
     }
     onSortChange(event) {
-        const { direction, column } = event;
-        // Verifica se a coluna atualmente selecionada é a mesma da nova seleção
-        if (this.currentSortColumn === column) {
-            // Alterna entre 'asc' e 'desc' para a direção de ordenação da coluna
-            this.sortDirection[column] = this.sortDirection[column] === 'asc' ? 'asc' : 'desc';
-        }
-        else {
-            // Define a nova coluna e a direção de ordenação como 'asc'
-            this.currentSortColumn = column;
-            this.sortDirection = { [column]: 'asc' };
+        this.searchLogWS.ORDERBY = this.headerOrdering[event].orderingId;
+        for (const key in this.headerOrdering) {
+            if (key != event) {
+                this.headerOrdering[key].isActive = false;
+                this.headerOrdering[key].isAsc = false;
+            }
+            else {
+                this.headerOrdering[key].isActive = true;
+                this.headerOrdering[key].isAsc = !this.headerOrdering[key].isAsc;
+            }
         }
-        // Realiza a ordenação dos dados da tabela
-        this.sortData();
+        this.searchLogWS.ORDERISASC = this.headerOrdering[event].isAsc;
+        this.getLogsList();
     }
     // Função de ordenação dos dados da tabela
     sortData() {
@@ -12836,12 +12941,17 @@ class HomeLogsWSComponent {
             textoPesquisa: this.componentPesquisa.search
         }));
     }
+    GetTableCounter(rowLimit, totalCount) {
+        const counterInicial = (this.page - 1) * this.itemsPerPage;
+        const counterFinal = ((this.page - 1) * this.itemsPerPage + rowLimit) > totalCount ? totalCount : ((this.page - 1) * this.itemsPerPage + rowLimit);
+        this.counterLabel = `Exibindo ${counterInicial}-${counterFinal} de ${totalCount} registros`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogsWSComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: LogsWSService }, { token: TenantService }, { token: MessageService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogsWSComponent, isStandalone: true, selector: "app-home-logs-ws", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log WS'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log WS' ]\"\n pageTitle=\"Log WS\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateInicioIni = null; dateInicioFin = null; dateFinalIni = null; dateFinalFin = null; isError = true; isSlow= false; resetPagination(this.$logList)\"\n    placeholder=\"Digite o id, nome ou m\u00E9todo do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n\n  </app-search-filters>\n\n  <div class=\"row\">\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioFin\">\n      </div>\n    </div>\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalFin\">\n      </div>\n    </div>\n  </div>\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n   <div class=\"mt-4\">\n    <lib-table\n      [list]=\"$logList\"\n      [counts]=\"[5, 15, 25]\"\n      paginationID=\"simpleTable\"\n      *ngIf=\"!this.isListLoading; else loading\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn: 'Id' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-2',\n          orderColumn: 'NomeUsuarioLogado'\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHora'\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHoraFim'\n        },\n        { name: 'M\u00E9todo do Origem', widthClass: 'col-2', orderColumn: 'MetodoOrigem' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (itemsPerPageChange)=\"itemsPerPage = $event\"\n      (pageChange)=\"page = $event\"\n    >\n      <div upperContent class=\"d-flex\">\n        <div class=\"ms-3 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div>\n      <div class=\"ms-2 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Lento</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isSlow\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div>\n      </div>\n      @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage:\n      itemsPerPage, currentPage: page }; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"col-2 align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - HH:mm:ss\" }}</td>\n          <td class=\"col-2 align-middle\">{{ logs.DtHoraFim | date: \"dd/MM/yyyy - HH:mm:ss\" }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-ws/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n      </tr>\n      }\n    </lib-table>\n   </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <ng-template #emptyList>\n    <tbody class=\"fade-in\">\n      <tr>\n        <td colspan=\"12\" class=\"align-middle\"> <span class=\"fw-light fst-italic text-center\"> Consulta\n            n\u00E3o retornou registros... </span> </td>\n      </tr>\n    </tbody>\n  </ng-template>\n  <!-- #endregion EMPTY LIST -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HomeLogsWSComponent, isStandalone: true, selector: "app-home-logs-ws", host: { listeners: { "window:beforeunload": "setEstadoReload($event)" } }, providers: [TenantService], viewQueries: [{ propertyName: "componentPesquisa", first: true, predicate: SearchFiltersComponent, descendants: true }], ngImport: i0, template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\"\n    this.module == 'Corporativo'\n      ? ['Corporativo', 'Log', 'Log WS']\n      : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log WS']\n  \"\n  pageTitle=\"Log WS\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome ou m\u00E9todo do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n  </app-search-filters>\n\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\" *ngIf=\"!this.isListLoading; else loading\">\n    <span>{{ this.counterLabel }}</span>\n    <lib-table\n      [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\"\n      [counts]=\"[10, 25, 50]\"\n      paginationID=\"simpleTable\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora final ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'M\u00E9todo de origem',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (iconClick)=\"onSortChange($event)\"\n    >\n      <div upperContent class=\"d-flex\">\n        <div class=\"ms-3 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n        <div class=\"ms-2 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { itemsPerPage:\n      this.searchLogWS.ROW_LIMIT, currentPage: this.page, totalItems:\n      this.$retLogList.Count}; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-3 align-middle\">{{ logs.MetodoOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-ws/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n    <div *ngIf=\"!isListLoading\">\n      <div class=\"d-flex justify-content-end mt-2\" *ngIf=\"$logList.length > 0\">\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <ng-template #emptyList>\n    <tbody class=\"fade-in\">\n      <tr>\n        <td colspan=\"12\" class=\"align-middle\">\n          <span class=\"fw-light fst-italic text-center\">\n            Consulta n\u00E3o retornou registros...\n          </span>\n        </td>\n      </tr>\n    </tbody>\n  </ng-template>\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: InfraModule }, { kind: "component", type: LibHeaderComponent, selector: "lib-header", inputs: ["breadcrumbList", "pageTitle", "mode", "hideButtons", "formGroup", "showSpinner", "auditoria"], outputs: ["onReturn", "return", "onCreate", "create", "onUpdate", "update"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["selection", "useSelection", "selectedCount", "usePagination", "list", "counts", "placement", "headers", "emptyListMessage", "showCounter", "hoverable", "usePreviousStyle", "scrollable", "paginationID", "divBorderClass", "tableBorderClass"], outputs: ["itemsPerPageChange", "pageChange", "selectionChange", "iconClick", "colunasModificadas"] }, { kind: "component", type: LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "helperText"] }, { kind: "component", type: SearchFiltersComponent, selector: "app-search-filters, lib-basic-filters", inputs: ["placeholder", "useIsActive", "basicFilters"], outputs: ["_executeGetBySearch", "_EMIT_CLEAR_EXTRA_INPUT"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NgxPaginationModule }, { kind: "pipe", type: i12.PaginatePipe, name: "paginate" }, { kind: "component", type: i12.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HomeLogsWSComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-home-logs-ws', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n[breadcrumbList]=\" this.module == 'Corporativo' ? ['Corporativo', 'Log', 'Log WS'] : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log WS' ]\"\n pageTitle=\"Log WS\" />\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"dateInicioIni = null; dateInicioFin = null; dateFinalIni = null; dateFinalFin = null; isError = true; isSlow= false; resetPagination(this.$logList)\"\n    placeholder=\"Digite o id, nome ou m\u00E9todo do Log\" class=\"d-flex col-12 mb-4\" [useIsActive]=\"false\">\n\n  </app-search-filters>\n\n  <div class=\"row\">\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n          <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateInicioFin\">\n      </div>\n    </div>\n    <div class=\"col-6\">\n        <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n        <div class=\"input-group\">\n\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalIni\">\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input class=\"form-control\" type=\"datetime-local\" [(ngModel)]=\"dateFinalFin\">\n      </div>\n    </div>\n  </div>\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n   <div class=\"mt-4\">\n    <lib-table\n      [list]=\"$logList\"\n      [counts]=\"[5, 15, 25]\"\n      paginationID=\"simpleTable\"\n      *ngIf=\"!this.isListLoading; else loading\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1', orderColumn: 'Id' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-2',\n          orderColumn: 'NomeUsuarioLogado'\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHora'\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          orderColumn: 'DtHoraFim'\n        },\n        { name: 'M\u00E9todo do Origem', widthClass: 'col-2', orderColumn: 'MetodoOrigem' },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (itemsPerPageChange)=\"itemsPerPage = $event\"\n      (pageChange)=\"page = $event\"\n    >\n      <div upperContent class=\"d-flex\">\n        <div class=\"ms-3 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Erro</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isError\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div>\n      <div class=\"ms-2 input-group\">\n        <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\" >Lento</label>\n            <input class=\"form-check-input\" [(ngModel)]=\"isSlow\"\n                type=\"checkbox\" role=\"switch\" id=\"inputSearchDN\">\n        </div>\n      </div>\n      </div>\n      @for (logs of $logList! | paginate: { id: 'simpleTable', itemsPerPage:\n      itemsPerPage, currentPage: page }; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n          <td class=\"col-2 align-middle\">{{ logs.DtHora | date: \"dd/MM/yyyy - HH:mm:ss\" }}</td>\n          <td class=\"col-2 align-middle\">{{ logs.DtHoraFim | date: \"dd/MM/yyyy - HH:mm:ss\" }}</td>\n          <td class=\"col-3 align-middle\">{{ logs.MetodoOrigem }}</td>\n          <td class=\"acoes-column align-middle\">\n            <a [routerLink]=\"['/logs-ws/detalhes', logs.Id]\" target=\"_blank\" (click)=\"setEstado();\">\n              <lib-icon iconName=\"olho\" tooltip=\"Visualizar\" class=\"glb-cursor-pointer text-primary\" [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\" />\n            </a>\n          </td>\n      </tr>\n      }\n    </lib-table>\n   </div>\n\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n          <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <ng-template #emptyList>\n    <tbody class=\"fade-in\">\n      <tr>\n        <td colspan=\"12\" class=\"align-middle\"> <span class=\"fw-light fst-italic text-center\"> Consulta\n            n\u00E3o retornou registros... </span> </td>\n      </tr>\n    </tbody>\n  </ng-template>\n  <!-- #endregion EMPTY LIST -->\n\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
+            args: [{ selector: 'app-home-logs-ws', imports: [InfraModule, FormsModule, NgIf, NgFor, TooltipModule, RouterLink, NgxPaginationModule, DatePipe], providers: [TenantService], template: "<!-- #region HEADER -->\n<lib-header\n  [breadcrumbList]=\"\n    this.module == 'Corporativo'\n      ? ['Corporativo', 'Log', 'Log WS']\n      : ['Configura\u00E7\u00E3o ERP', 'Log', 'Log WS']\n  \"\n  pageTitle=\"Log WS\"\n/>\n<!-- #endregion HEADER -->\n\n<!-- #region Corpo -->\n<div class=\"glb-main-container p-3\">\n  <!-- #region SEARCH AND FILTERS -->\n  <app-search-filters\n    (_executeGetBySearch)=\"getLogsList($event.toString())\"\n    (_EMIT_CLEAR_EXTRA_INPUT)=\"\n      dateInicioIni = null;\n      dateInicioFin = null;\n      dateFinalIni = null;\n      dateFinalFin = null;\n      isError = true;\n      isSlow = false;\n      resetPagination(this.$logList)\n    \"\n    placeholder=\"Digite o id, nome ou m\u00E9todo do Log\"\n    class=\"d-flex col-12 mb-4\"\n    [useIsActive]=\"false\"\n  >\n  </app-search-filters>\n\n  <div class=\"row\">\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateInicioFin\"\n        />\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <label class=\"form-label\">Data/Hora final ocorr\u00EAncia:</label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalIni\"\n        />\n        <span class=\"input-group-text\">At\u00E9</span>\n        <input\n          class=\"form-control\"\n          type=\"datetime-local\"\n          [(ngModel)]=\"dateFinalFin\"\n        />\n      </div>\n    </div>\n  </div>\n  <!-- #endregion SEARCH AND FILTERS -->\n\n  <!-- #region TABLE -->\n  <div class=\"mt-4\" *ngIf=\"!this.isListLoading; else loading\">\n    <span>{{ this.counterLabel }}</span>\n    <lib-table\n      [usePagination]=\"false\"\n      [showCounter]=\"false\"\n      [list]=\"$logList\"\n      [counts]=\"[10, 25, 50]\"\n      paginationID=\"simpleTable\"\n      [headers]=\"[\n        { name: 'Id', widthClass: 'col-1' },\n        {\n          name: 'Usu\u00E1rio',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['Usu\u00E1rio'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'Data/Hora final ocorr\u00EAncia',\n          widthClass: 'col-3',\n          icon: {\n            name: this.headerOrdering['Data/Hora final ocorr\u00EAncia'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        {\n          name: 'M\u00E9todo de origem',\n          widthClass: 'col-2',\n          icon: {\n            name: this.headerOrdering['M\u00E9todo de origem'].isAsc\n              ? 'seta-cima'\n              : 'seta-baixo',\n            theme: 'blue',\n            emitClick: true\n          }\n        },\n        { name: '', widthClass: 'col-1', customClasses: 'text-end' }\n      ]\"\n      (iconClick)=\"onSortChange($event)\"\n    >\n      <div upperContent class=\"d-flex\">\n        <div class=\"ms-3 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Erro</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isError\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n        <div class=\"ms-2 input-group\">\n          <div class=\"form-check form-switch\">\n            <label class=\"form-check-label\" for=\"inputSearchDN\">Lento</label>\n            <input\n              class=\"form-check-input\"\n              [(ngModel)]=\"isSlow\"\n              type=\"checkbox\"\n              role=\"switch\"\n              id=\"inputSearchDN\"\n            />\n          </div>\n        </div>\n      </div>\n      @for (logs of $logList! | paginate: { itemsPerPage:\n      this.searchLogWS.ROW_LIMIT, currentPage: this.page, totalItems:\n      this.$retLogList.Count}; track logs) {\n      <tr innerRows class=\"align-middle\">\n        <td class=\"col-1 align-middle\">{{ logs.Id }}</td>\n        <td class=\"col-3 align-middle\">{{ logs.NomeUsuarioLogado }}</td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHora | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-2 align-middle\">\n          {{ logs.DtHoraFim | date : \"dd/MM/yyyy - HH:mm:ss\" }}\n        </td>\n        <td class=\"col-3 align-middle\">{{ logs.MetodoOrigem }}</td>\n        <td class=\"acoes-column align-middle\">\n          <a\n            [routerLink]=\"['/logs-ws/detalhes', logs.Id]\"\n            target=\"_blank\"\n            (click)=\"setEstado()\"\n          >\n            <lib-icon\n              iconName=\"olho\"\n              tooltip=\"Visualizar\"\n              class=\"glb-cursor-pointer text-primary\"\n              [iconColor]=\"this.module == 'Corporativo' ? 'blue' : 'gray'\"\n            />\n          </a>\n        </td>\n      </tr>\n      }\n    </lib-table>\n    <div *ngIf=\"!isListLoading\">\n      <div class=\"d-flex justify-content-end mt-2\" *ngIf=\"$logList.length > 0\">\n        <div class=\"d-flex align-items-center\">\n          <label class=\"me-2\" style=\"white-space: nowrap\"\n            >Itens por p\u00E1gina</label\n          >\n          <select\n            class=\"form-select select-search\"\n            (change)=\"onSelectChange($event)\"\n          >\n            <option class=\"selected\" value=\"10\" selected>10</option>\n            <option value=\"25\">25</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <pagination-controls\n          class=\"sp-pagination mt-3\"\n          (pageChange)=\"pageChanged($event)\"\n          previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\"\n          nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\"\n          [maxSize]=\"5\"\n        >\n        </pagination-controls>\n      </div>\n    </div>\n  </div>\n\n  <!-- #region SPINNER -->\n  <ng-template #loading>\n    <div class=\"d-flex justify-content-center\">\n      <lib-spinner></lib-spinner>\n    </div>\n  </ng-template>\n  <!-- #endregion SPINNER -->\n\n  <!-- #region EMPTY LIST -->\n  <ng-template #emptyList>\n    <tbody class=\"fade-in\">\n      <tr>\n        <td colspan=\"12\" class=\"align-middle\">\n          <span class=\"fw-light fst-italic text-center\">\n            Consulta n\u00E3o retornou registros...\n          </span>\n        </td>\n      </tr>\n    </tbody>\n  </ng-template>\n  <!-- #endregion EMPTY LIST -->\n</div>\n", styles: ["th tr,tr tr,table tr,tbody tr{transition:all .3s}th tr:hover,tr tr:hover,table tr:hover,tbody tr:hover{background-color:#cce5ff}.table-list{width:100%;display:flex;flex-direction:column;justify-content:space-between}.fade-in{opacity:0;animation:fadeInAnimation .5s ease-in-out forwards}.fade-in-row{animation:fadeInRowAnimation .5s ease-in-out}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInRowAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acoes-column{text-align:center;width:10%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: LogsWSService }, { type: TenantService }, { type: MessageService }, { type: i4.Router }], propDecorators: { componentPesquisa: [{
                 type: ViewChild,
                 args: [SearchFiltersComponent]