ngx-sp-infra 5.2.4 → 5.2.6

package/fesm2022/ngx-sp-infra.mjs

@@ -2891,6 +2891,35 @@ class IconsList {
             { nome: "contas-a-receber", categoria: "", tags: [], svg: `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.3379 0.757076C11.2261 -0.35577 12.9861 -0.226761 13.6895 1.04516L13.9023 1.4309L13.9492 1.50024C14.07 1.64972 14.2718 1.7154 14.4609 1.65844L14.5889 1.62524C15.8591 1.35154 16.843 2.76962 16.1416 3.86352L16.0654 3.97192L15.6172 4.55981C18.5094 6.82231 20.9998 11.2147 21 14.2893L20.9863 14.6897C20.6962 18.805 15.9894 22.0001 12.0811 22.0002L11.7002 21.9905C7.864 21.7935 3.30458 18.6725 3.01465 14.6897L3 14.2893C3.00018 11.2735 5.47518 6.98949 8.34375 4.69165L7.65527 3.73461C7.23103 3.13917 7.23728 2.44022 7.60059 1.93188C7.96182 1.4268 8.61931 1.18864 9.31934 1.37524L9.43066 1.39575C9.69074 1.42299 9.94977 1.30751 10.1025 1.08813L10.2549 0.869381L10.3379 0.757076ZM12.0811 4.08715C11.5946 4.08715 11.0416 4.22771 10.4395 4.51977L10.1777 4.65454C8.67459 5.47377 7.11211 7.08651 5.91895 8.95825C4.71939 10.8401 4.00011 12.8157 4 14.2893C4.00013 16.0355 5.02908 17.702 6.64551 18.9739C8.26065 20.2447 10.3186 21.0002 12.0811 21.0002C13.8405 21.0001 15.8537 20.2465 17.4258 18.9807C18.9973 17.7152 19.9999 16.0483 20 14.2893C19.9999 12.4417 18.9146 9.85199 17.2578 7.67993C16.5627 6.76865 15.793 5.96936 15.0107 5.35571L15.0068 5.36254L14.6084 5.05883L14.5703 5.02954C13.6532 4.39813 12.8024 4.08725 12.0811 4.08715ZM12.8145 1.52954C12.4698 0.906158 11.6237 0.824711 11.1621 1.33129L11.0752 1.43969L10.9238 1.65844C10.5347 2.21794 9.85545 2.4935 9.19336 2.37133L9.06152 2.34106C8.73105 2.25297 8.51405 2.3741 8.41406 2.51391C8.31675 2.65045 8.27474 2.88205 8.46875 3.15454L9.15234 4.10473C9.22888 4.055 9.30507 4.00576 9.38184 3.95922L9.69922 3.77661C10.5017 3.33935 11.3102 3.08715 12.0811 3.08715L12.2705 3.09204C13.0978 3.13549 13.955 3.46204 14.7969 3.98559L15.2705 3.36547L15.3154 3.29419C15.4939 2.95726 15.2102 2.54835 14.832 2.5979L14.75 2.61547C14.1243 2.80425 13.454 2.55959 13.0947 2.02563L13.0273 1.9143L12.8145 1.52954Z" fill="currentColor"/>
 <path d="M12.5703 8.35742C12.8465 8.35742 13.0703 8.58128 13.0703 8.85742V9.91504H15.9033L16.0039 9.9248C16.2319 9.97131 16.4033 10.1733 16.4033 10.415C16.4033 10.6567 16.2319 10.8588 16.0039 10.9053L15.9033 10.915H13.0703V12.6426H14.2363L14.4941 12.6494C15.0934 12.6839 15.6754 12.8396 16.1387 13.1104C16.661 13.4156 17.0703 13.8993 17.0703 14.5059C17.0702 15.1124 16.6609 15.5961 16.1387 15.9014C15.6755 16.172 15.0933 16.3278 14.4941 16.3623L14.2363 16.3691H13.0703V17.4287C13.0702 17.7048 12.8464 17.9287 12.5703 17.9287C12.2942 17.9287 12.0704 17.7048 12.0703 17.4287V16.3691H8.57031C8.29428 16.3691 8.07039 16.1452 8.07031 15.8691C8.07043 15.5931 8.29431 15.3692 8.57031 15.3691H12.0703V13.6426H10.9033C10.2155 13.6425 9.53026 13.4841 9.00098 13.1748C8.51136 12.8886 8.12196 12.4447 8.0752 11.8906L8.07031 11.7783C8.07045 11.1721 8.47898 10.688 9.00098 10.3828C9.53026 10.0735 10.2155 9.9151 10.9033 9.91504H12.0703V8.85742C12.0703 8.58128 12.2942 8.35742 12.5703 8.35742ZM13.0703 15.3691H14.2363L14.4404 15.3633C14.9094 15.3358 15.3322 15.2148 15.6348 15.0381C15.987 14.8321 16.0702 14.6225 16.0703 14.5059C16.0703 14.3892 15.9872 14.1797 15.6348 13.9736C15.3322 13.7968 14.9095 13.6759 14.4404 13.6484L14.2363 13.6426H13.0703V15.3691ZM10.9033 10.915C10.3538 10.9151 9.85154 11.0441 9.50586 11.2461C9.15357 11.4521 9.07045 11.6616 9.07031 11.7783L9.07422 11.8262C9.09478 11.9473 9.19693 12.131 9.50586 12.3115C9.85153 12.5135 10.3538 12.6425 10.9033 12.6426H12.0703V10.915H10.9033Z" fill="currentColor"/>
+</svg>` },
+            { nome: "carrinho-compras", categoria: "", tags: [], svg: `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.73526 22.5C9.53444 22.5 10.1823 21.8284 10.1823 21C10.1823 20.1716 9.53444 19.5 8.73526 19.5C7.93607 19.5 7.28821 20.1716 7.28821 21C7.28821 21.8284 7.93607 22.5 8.73526 22.5Z" fill="currentColor"/>
+<path d="M18.8647 22.5C19.6638 22.5 20.3117 21.8284 20.3117 21C20.3117 20.1716 19.6638 19.5 18.8647 19.5C18.0655 19.5 17.4176 20.1716 17.4176 21C17.4176 21.8284 18.0655 22.5 18.8647 22.5Z" fill="currentColor"/>
+<path d="M21.7587 5.25015H5.71092L5.11762 2.10015C5.0838 1.9282 4.99287 1.77398 4.86067 1.66435C4.72847 1.55472 4.56337 1.49661 4.3941 1.50015H1.5V3.00015H3.80081L6.56467 17.4002C6.5985 17.5721 6.68943 17.7263 6.82163 17.836C6.95383 17.9456 7.11893 18.0037 7.2882 18.0002H20.3116V16.5002H7.88149L7.2882 13.5002H20.3116C20.4789 13.5044 20.6424 13.4484 20.7743 13.3418C20.9062 13.2351 20.9984 13.0843 21.0352 12.9152L22.4822 6.16515C22.5065 6.05387 22.5059 5.93832 22.4806 5.8273C22.4552 5.71628 22.4058 5.61271 22.336 5.52448C22.2663 5.43625 22.178 5.36568 22.078 5.31814C21.9779 5.2706 21.8687 5.24735 21.7587 5.25015ZM19.7328 12.0002H7.01326L6.00033 6.75015H20.8543L19.7328 12.0002Z" fill="currentColor"/>
+</svg>` },
+            { nome: "verificado-custom", categoria: "", tags: [], svg: `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 11.668C0 10.3147 0.899229 9.09187 2.41504 8.13086C1.93894 6.46951 2.03887 5.03431 2.83301 4.08789C3.8079 2.92619 5.64636 2.71767 7.84961 3.31348C9.01659 1.26127 10.5597 0.000232697 12.2285 0C13.9382 0 15.4555 1.32313 16.5332 3.46484C18.6809 3.11585 20.4663 3.47663 21.4482 4.64648C22.3162 5.68086 22.4228 7.18706 21.8945 8.88672C23.2216 9.88724 23.9998 11.0741 24 12.332C24 13.7782 22.9736 15.0767 21.2646 16.0645C21.7045 17.6782 21.5926 19.07 20.8164 19.9951C19.8682 21.125 18.1025 21.3557 15.9795 20.8193C14.8218 22.7935 13.3077 24 11.6748 24C10.0245 23.9998 8.55383 22.7668 7.48438 20.7549C5.36585 21.0859 3.6067 20.7206 2.63477 19.5625C1.74681 18.5043 1.65728 16.9529 2.22754 15.2051C0.825705 14.1859 1.52201e-05 12.9643 0 11.668Z" fill="currentColor"/>
+<path d="M16.8306 8.90491L13.7368 11.9049L10.6431 14.9049L7.83057 12.1776" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>` },
+            { nome: "coluna", categoria: "", tags: [], svg: `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.5" y="4.5" width="15" height="15" rx="1.5" stroke="currentColor"/>
+<rect x="8.5" y="4.5" width="1" height="15" fill="currentColor"/>
+<rect x="14.5" y="4.5" width="1" height="15" fill="currentColor"/>
+</svg>` },
+            { nome: "campos-customizados", categoria: "", tags: [], svg: `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.21359 7.58594C7.58338 7.58594 7.01567 7.69531 6.51046 7.91406C6.01046 8.1276 5.58338 8.4401 5.22921 8.85156C4.88025 9.25781 4.61203 9.75 4.42453 10.3281C4.23703 10.9062 4.14328 11.5573 4.14328 12.2812C4.14328 13.2396 4.29171 14.0729 4.58859 14.7812C4.89067 15.4844 5.33859 16.0286 5.93234 16.4141C6.5313 16.7995 7.27869 16.9922 8.17453 16.9922C8.68494 16.9922 9.16411 16.9505 9.61203 16.8672C10.0652 16.7786 10.5053 16.6693 10.9323 16.5391V17.6953C10.5157 17.8516 10.0782 17.9661 9.61984 18.0391C9.1615 18.1172 8.61723 18.1562 7.98703 18.1562C6.82557 18.1562 5.85421 17.9167 5.07296 17.4375C4.29692 16.9531 3.71359 16.2708 3.32296 15.3906C2.93755 14.5104 2.74484 13.4714 2.74484 12.2734C2.74484 11.4089 2.86463 10.6198 3.10421 9.90625C3.349 9.1875 3.70317 8.56771 4.16671 8.04688C4.63546 7.52604 5.20838 7.125 5.88546 6.84375C6.56775 6.55729 7.349 6.41406 8.22921 6.41406C8.80734 6.41406 9.36463 6.47135 9.90109 6.58594C10.4375 6.70052 10.9219 6.86458 11.3542 7.07812L10.823 8.20312C10.4584 8.03646 10.0573 7.89323 9.61984 7.77344C9.18755 7.64844 8.7188 7.58594 8.21359 7.58594ZM18.5989 7.58594C17.9687 7.58594 17.401 7.69531 16.8958 7.91406C16.3958 8.1276 15.9687 8.4401 15.6145 8.85156C15.2656 9.25781 14.9974 9.75 14.8099 10.3281C14.6224 10.9062 14.5286 11.5573 14.5286 12.2812C14.5286 13.2396 14.677 14.0729 14.9739 14.7812C15.276 15.4844 15.7239 16.0286 16.3177 16.4141C16.9166 16.7995 17.664 16.9922 18.5599 16.9922C19.0703 16.9922 19.5494 16.9505 19.9974 16.8672C20.4505 16.7786 20.8906 16.6693 21.3177 16.5391V17.6953C20.901 17.8516 20.4635 17.9661 20.0052 18.0391C19.5468 18.1172 19.0026 18.1562 18.3724 18.1562C17.2109 18.1562 16.2395 17.9167 15.4583 17.4375C14.6822 16.9531 14.0989 16.2708 13.7083 15.3906C13.3229 14.5104 13.1302 13.4714 13.1302 12.2734C13.1302 11.4089 13.25 10.6198 13.4895 9.90625C13.7343 9.1875 14.0885 8.56771 14.552 8.04688C15.0208 7.52604 15.5937 7.125 16.2708 6.84375C16.9531 6.55729 17.7343 6.41406 18.6145 6.41406C19.1927 6.41406 19.75 6.47135 20.2864 6.58594C20.8229 6.70052 21.3072 6.86458 21.7395 7.07812L21.2083 8.20312C20.8437 8.03646 20.4427 7.89323 20.0052 7.77344C19.5729 7.64844 19.1041 7.58594 18.5989 7.58594Z" fill="currentColor"/>
+</svg>` },
+            { nome: "condicional", categoria: "", tags: [], svg: `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 9V15H16V9H22ZM22 8C22.5523 8 23 8.44772 23 9V15C23 15.5523 22.5523 16 22 16H16C15.4477 16 15 15.5523 15 15V12.5H12.5V19V19.5H12H9V22C9 22.5523 8.55229 23 8 23H2C1.44772 23 1 22.5523 1 22V16C1 15.4477 1.44772 15 2 15H8C8.55229 15 9 15.4477 9 16V18.5H11.5V12V5.5H9V8C9 8.55228 8.55229 9 8 9H2C1.44772 9 1 8.55228 1 8V2C1 1.44772 1.44772 1 2 1H8C8.55229 1 9 1.44772 9 2V4.5H12H12.5V5V11.5H15V9C15 8.44772 15.4477 8 16 8H22ZM2 2H8V8H2V2ZM2 22H8V16H2V22Z" fill="currentColor"/>
+</svg>` },
+            { nome: "ponto", categoria: "", tags: [], svg: `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="4" fill="currentColor"/>
+</svg>` },
+            { nome: "impressora-nova", categoria: "", tags: [], svg: `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.875 10.0254H19.125C20.214 10.0254 21.0996 10.911 21.0996 12V15.5625C21.0996 15.9984 20.7484 16.3496 20.3125 16.3496H18.7246V19.125C18.7246 20.214 17.839 21.0996 16.75 21.0996H7.25C6.16095 21.0996 5.27539 20.214 5.27539 19.125V16.3496H3.6875C3.25158 16.3496 2.90039 15.9984 2.90039 15.5625V12C2.90039 10.911 3.78595 10.0254 4.875 10.0254ZM6.84961 19.5254H17.1504V15.1621H6.84961V19.5254ZM18.5312 11.3027C18.189 11.3027 17.8602 11.4386 17.6182 11.6807C17.3761 11.9227 17.2402 12.2515 17.2402 12.5938C17.2402 12.936 17.3761 13.2648 17.6182 13.5068C17.8602 13.7489 18.189 13.8848 18.5312 13.8848C18.8735 13.8848 19.2023 13.7489 19.4443 13.5068C19.6864 13.2648 19.8223 12.936 19.8223 12.5938C19.8223 12.2515 19.6864 11.9227 19.4443 11.6807C19.2023 11.4386 18.8735 11.3027 18.5312 11.3027ZM17.1504 5.79688L15.8281 4.47461H6.84961V8.03711H5.27539V4.875C5.27539 3.78595 6.16095 2.90039 7.25 2.90039H15.6631C16.1885 2.90049 16.691 3.10719 17.0605 3.47656L18.1484 4.56445C18.5178 4.93398 18.7245 5.4365 18.7246 5.96191V8.03711H17.1504V5.79688Z" stroke="currentColor" stroke-width="0.8"/>
+</svg>` },
+            { nome: "sem-imagem", categoria: "", tags: [], svg: `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 4.53571C21.4125 4.53571 21.75 4.84107 21.75 5.21429V18.7772L21.5156 18.5016L15.1406 11.0373C14.9297 10.7871 14.5969 10.6429 14.25 10.6429C13.9031 10.6429 13.575 10.7871 13.3594 11.0373L9.46875 15.5922L8.03906 13.7812C7.82812 13.5141 7.49062 13.3571 7.125 13.3571C6.75938 13.3571 6.42188 13.5141 6.21094 13.7855L2.46094 18.5355L2.25 18.7984V18.7857V5.21429C2.25 4.84107 2.5875 4.53571 3 4.53571H21ZM3 2.5C1.34531 2.5 0 3.71719 0 5.21429V18.7857C0 20.2828 1.34531 21.5 3 21.5H21C22.6547 21.5 24 20.2828 24 18.7857V5.21429C24 3.71719 22.6547 2.5 21 2.5H3ZM6.75 10.6429C7.04547 10.6429 7.33806 10.5902 7.61104 10.4879C7.88402 10.3856 8.13206 10.2356 8.34099 10.0466C8.54992 9.85758 8.71566 9.63316 8.82873 9.38618C8.9418 9.13919 9 8.87448 9 8.60714C9 8.33981 8.9418 8.07509 8.82873 7.82811C8.71566 7.58112 8.54992 7.35671 8.34099 7.16768C8.13206 6.97864 7.88402 6.82869 7.61104 6.72639C7.33806 6.62408 7.04547 6.57143 6.75 6.57143C6.45453 6.57143 6.16194 6.62408 5.88896 6.72639C5.61598 6.82869 5.36794 6.97864 5.15901 7.16768C4.95008 7.35671 4.78434 7.58112 4.67127 7.82811C4.5582 8.07509 4.5 8.33981 4.5 8.60714C4.5 8.87448 4.5582 9.13919 4.67127 9.38618C4.78434 9.63316 4.95008 9.85758 5.15901 10.0466C5.36794 10.2356 5.61598 10.3856 5.88896 10.4879C6.16194 10.5902 6.45453 10.6429 6.75 10.6429Z" fill="currentColor"/>
 </svg>` },
         ];
         // #endregion LISTA COMPLETA DE ÍCONES - ÍCONES NOVOS DEVEM SER ADICIONADOS AQUI
@@ -10873,6 +10902,8 @@ class SearchLogApi {
         this.IS_SLOW = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -10901,16 +10932,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 +10983,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 +11000,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 +11034,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 +11098,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 +11223,8 @@ class SearchLogDataAccess {
         this.IS_SLOW = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -11208,6 +11255,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 +11297,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 +11313,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 +11348,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 +11403,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 +11538,8 @@ class SearchLogEmail {
         this.IS_ERROR = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -11505,10 +11567,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 +11616,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 +11632,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 +11667,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 +11723,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 +11848,8 @@ class SearchLogGeral {
         this.DATA_FIN = null;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -11799,6 +11878,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 +11930,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 +11964,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 +12017,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 +12154,8 @@ class SearchLogReport {
         this.IS_ERROR = true;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -12092,6 +12185,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 +12241,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 +12276,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 +12330,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 +12463,8 @@ class SearchLogTimer {
         this.IS_SLOW = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -12384,10 +12493,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 +12560,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 +12595,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 +12652,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 +12784,8 @@ class SearchLogWS {
         this.IS_SLOW = false;
         this.ROW_LIMIT = 0;
         this.ROW_OFF_SET = 0;
+        this.ORDERBY = "";
+        this.ORDERISASC = false;
     }
 }
 
@@ -12692,6 +12818,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 +12879,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 +12913,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 +12970,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]