ng-firebase-table-kxp 1.2.7 → 1.2.8

package/fesm2020/ng-firebase-table-kxp.mjs

@@ -1322,8 +1322,11 @@ class FilterService {
     /**
      * Retorna as opções de filtro disponíveis
      */
-    getAvailableFilterOptions(dropdownItems, isPaginated, filtersForm) {
-        if (isPaginated && this.hasActiveDateFilter(filtersForm)) {
+    getAvailableFilterOptions(dropdownItems, isPaginated, filtersForm, currentGroup) {
+        const currentIsDateFilter = currentGroup?.get('selectFilter')?.value?.arrange === 'filterByDate';
+        if (isPaginated &&
+            this.hasActiveDateFilter(filtersForm) &&
+            !currentIsDateFilter) {
             return dropdownItems.filter((item) => item.arrange !== 'filterByDate');
         }
         return dropdownItems;
@@ -2172,19 +2175,20 @@ function TableComponent_div_0_div_2_div_9_div_1_div_1_Template(rf, ctx) { if (rf
     i0.ɵɵtemplate(5, TableComponent_div_0_div_2_div_9_div_1_div_1_mat_option_5_Template, 5, 4, "mat-option", 38);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r24 = i0.ɵɵnextContext(5);
+    const filterGroup_r22 = i0.ɵɵnextContext().$implicit;
+    const ctx_r24 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngForOf", ctx_r24.getAvailableFilterOptions());
+    i0.ɵɵproperty("ngForOf", ctx_r24.getAvailableFilterOptions(filterGroup_r22));
 } }
 function TableComponent_div_0_div_2_div_9_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = i0.ɵɵgetCurrentView();
+    const _r36 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label", 21);
     i0.ɵɵelement(3, "i", 48);
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "input", 49, 50);
-    i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_2_div_9_div_1_div_2_Template_input_keyup_enter_6_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r34.search($event)); });
+    i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_2_div_9_div_1_div_2_Template_input_keyup_enter_6_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r35 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r35.search($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const filterGroup_r22 = i0.ɵɵnextContext().$implicit;
@@ -2197,10 +2201,10 @@ function TableComponent_div_0_div_2_div_9_div_1_div_3_mat_option_5_Template(rf,
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r38 = ctx.$implicit;
-    i0.ɵɵproperty("value", item_r38);
+    const item_r39 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r39);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", item_r38.label, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r39.label, " ");
 } }
 function TableComponent_div_0_div_2_div_9_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label");
@@ -2219,14 +2223,14 @@ function TableComponent_div_0_div_2_div_9_div_1_div_3_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngForOf", (tmp_1_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_1_0.value.items);
 } }
 function TableComponent_div_0_div_2_div_9_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r41 = i0.ɵɵgetCurrentView();
+    const _r42 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 52)(1, "div", 53)(2, "mat-form-field", 54)(3, "mat-label", 21);
     i0.ɵɵelement(4, "i", 55);
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6, "Data Inicial");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(7, "input", 56);
-    i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_keydown_enter_7_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r40 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r40.search($event)); })("input", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r41); const i_r23 = i0.ɵɵnextContext().index; const ctx_r42 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r42.onDateInput($event, "initialDate", i_r23)); });
+    i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_keydown_enter_7_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r41.search($event)); })("input", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r42); const i_r23 = i0.ɵɵnextContext().index; const ctx_r43 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r43.onDateInput($event, "initialDate", i_r23)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "mat-form-field", 54)(9, "mat-label", 21);
     i0.ɵɵelement(10, "i", 55);
@@ -2234,13 +2238,13 @@ function TableComponent_div_0_div_2_div_9_div_1_div_4_Template(rf, ctx) { if (rf
     i0.ɵɵtext(12, "Data Final");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(13, "input", 57);
-    i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_keydown_enter_13_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r44 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r44.search($event)); })("input", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r41); const i_r23 = i0.ɵɵnextContext().index; const ctx_r45 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r45.onDateInput($event, "finalDate", i_r23)); });
+    i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_keydown_enter_13_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r45 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r45.search($event)); })("input", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r42); const i_r23 = i0.ɵɵnextContext().index; const ctx_r46 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r46.onDateInput($event, "finalDate", i_r23)); });
     i0.ɵɵelementEnd()()()();
 } }
 function TableComponent_div_0_div_2_div_9_div_1_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r49 = i0.ɵɵgetCurrentView();
+    const _r50 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 58)(1, "button", 59);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_9_div_1_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r49); const i_r23 = i0.ɵɵnextContext().index; const ctx_r47 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r47.removeFilter(i_r23)); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_9_div_1_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r50); const i_r23 = i0.ɵɵnextContext().index; const ctx_r48 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r48.removeFilter(i_r23)); });
     i0.ɵɵelement(2, "i", 60);
     i0.ɵɵelementEnd()();
 } }
@@ -2280,33 +2284,33 @@ function TableComponent_div_0_div_2_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngForOf", ctx_r13.filtersForm.controls);
 } }
 function TableComponent_div_0_div_2_div_11_Template(rf, ctx) { if (rf & 1) {
-    const _r51 = i0.ɵɵgetCurrentView();
+    const _r52 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div")(1, "button", 61);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_11_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r51); const ctx_r50 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r50.addFilter()); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_11_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r51.addFilter()); });
     i0.ɵɵelement(2, "i", 62);
     i0.ɵɵtext(3, " Adicionar Filtro ");
     i0.ɵɵelementEnd()();
 } }
 function TableComponent_div_0_div_2_div_12_button_7_Template(rf, ctx) { if (rf & 1) {
-    const _r54 = i0.ɵɵgetCurrentView();
+    const _r55 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 69);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r53.arrange && ctx_r53.downloadTable !== undefined ? ctx_r53.downloadTable(ctx_r53.arrange, ctx_r53.data.conditions || []) : null); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r55); const ctx_r54 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r54.arrange && ctx_r54.downloadTable !== undefined ? ctx_r54.downloadTable(ctx_r54.arrange, ctx_r54.data.conditions || []) : null); });
     i0.ɵɵelement(1, "i", 70);
     i0.ɵɵtext(2, " Exportar ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r52 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("disabled", ctx_r52.dataSource && ctx_r52.dataSource.filteredData.length <= 0);
+    const ctx_r53 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("disabled", ctx_r53.dataSource && ctx_r53.dataSource.filteredData.length <= 0);
 } }
 function TableComponent_div_0_div_2_div_12_Template(rf, ctx) { if (rf & 1) {
-    const _r56 = i0.ɵɵgetCurrentView();
+    const _r57 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 63)(1, "button", 64);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r56); const ctx_r55 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r55.search()); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r57); const ctx_r56 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r56.search()); });
     i0.ɵɵelement(2, "i", 65);
     i0.ɵɵtext(3, " Pesquisar ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "button", 66);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r56); const ctx_r57 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r57.resetFilter()); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r57); const ctx_r58 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r58.resetFilter()); });
     i0.ɵɵelement(5, "i", 67);
     i0.ɵɵtext(6, " Resetar ");
     i0.ɵɵelementEnd();
@@ -2347,32 +2351,32 @@ function TableComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
 function TableComponent_div_0_div_3_button_7_i_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
-    const ctx_r61 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassMap(ctx_r61.data.actionButton.icon);
+    const ctx_r62 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassMap(ctx_r62.data.actionButton.icon);
 } }
 function TableComponent_div_0_div_3_button_7_Template(rf, ctx) { if (rf & 1) {
-    const _r63 = i0.ɵɵgetCurrentView();
+    const _r64 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 30);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r63); const ctx_r62 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r62.data.actionButton.method ? ctx_r62.data.actionButton.method($event) : null); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r64); const ctx_r63 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r63.data.actionButton.method ? ctx_r63.data.actionButton.method($event) : null); });
     i0.ɵɵtemplate(1, TableComponent_div_0_div_3_button_7_i_1_Template, 1, 2, "i", 31);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r58 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r58.getActionButtonClass())("routerLink", ctx_r58.data.actionButton.routerLink);
+    const ctx_r59 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r59.getActionButtonClass())("routerLink", ctx_r59.data.actionButton.routerLink);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r58.data.actionButton.icon);
+    i0.ɵɵproperty("ngIf", ctx_r59.data.actionButton.icon);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r58.data.actionButton.label, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r59.data.actionButton.label, " ");
 } }
 function TableComponent_div_0_div_3_div_8_Template(rf, ctx) { if (rf & 1) {
-    const _r66 = i0.ɵɵgetCurrentView();
+    const _r67 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 32)(1, "mat-form-field", 35)(2, "mat-label", 21);
     i0.ɵɵelement(3, "i", 71);
     i0.ɵɵtext(4, " Buscar ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "input", 72, 73);
-    i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_3_div_8_Template_input_keyup_enter_5_listener($event) { i0.ɵɵrestoreView(_r66); const ctx_r65 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r65.search($event)); })("keyup", function TableComponent_div_0_div_3_div_8_Template_input_keyup_5_listener() { i0.ɵɵrestoreView(_r66); const _r64 = i0.ɵɵreference(6); const ctx_r67 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r67.applyFilter(_r64.value)); });
+    i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_3_div_8_Template_input_keyup_enter_5_listener($event) { i0.ɵɵrestoreView(_r67); const ctx_r66 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r66.search($event)); })("keyup", function TableComponent_div_0_div_3_div_8_Template_input_keyup_5_listener() { i0.ɵɵrestoreView(_r67); const _r65 = i0.ɵɵreference(6); const ctx_r68 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r68.applyFilter(_r65.value)); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "mat-icon", 74);
     i0.ɵɵtext(8, "search");
@@ -2385,52 +2389,53 @@ function TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_mat_option_5_Templat
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const item_r80 = ctx.$implicit;
-    i0.ɵɵproperty("value", item_r80);
+    const item_r81 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r81);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(item_r80.icon || "fa fa-filter");
+    i0.ɵɵclassMap(item_r81.icon || "fa fa-filter");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r80.title);
+    i0.ɵɵtextInterpolate(item_r81.title);
 } }
 function TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r82 = i0.ɵɵgetCurrentView();
+    const _r83 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label");
     i0.ɵɵtext(3, "Tipo de filtro");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "mat-select", 46);
-    i0.ɵɵlistener("selectionChange", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_Template_mat_select_selectionChange_4_listener() { i0.ɵɵrestoreView(_r82); const ctx_r81 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r81.onSelectFilterChange()); });
+    i0.ɵɵlistener("selectionChange", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_Template_mat_select_selectionChange_4_listener() { i0.ɵɵrestoreView(_r83); const ctx_r82 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r82.onSelectFilterChange()); });
     i0.ɵɵtemplate(5, TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_mat_option_5_Template, 5, 4, "mat-option", 38);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r74 = i0.ɵɵnextContext(6);
+    const filterGroup_r73 = i0.ɵɵnextContext().$implicit;
+    const ctx_r75 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngForOf", ctx_r74.getAvailableFilterOptions());
+    i0.ɵɵproperty("ngForOf", ctx_r75.getAvailableFilterOptions(filterGroup_r73));
 } }
 function TableComponent_div_0_div_3_div_9_div_1_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r85 = i0.ɵɵgetCurrentView();
+    const _r87 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label", 21);
     i0.ɵɵelement(3, "i", 48);
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "input", 49, 50);
-    i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_2_Template_input_keyup_enter_6_listener($event) { i0.ɵɵrestoreView(_r85); const ctx_r84 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r84.search($event)); });
+    i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_2_Template_input_keyup_enter_6_listener($event) { i0.ɵɵrestoreView(_r87); const ctx_r86 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r86.search($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const filterGroup_r72 = i0.ɵɵnextContext().$implicit;
+    const filterGroup_r73 = i0.ɵɵnextContext().$implicit;
     let tmp_0_0;
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(((tmp_0_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_0_0.value == null ? null : tmp_0_0.value.title) || "Filtrar");
+    i0.ɵɵtextInterpolate(((tmp_0_0 = filterGroup_r73.get("selectFilter")) == null ? null : tmp_0_0.value == null ? null : tmp_0_0.value.title) || "Filtrar");
 } }
 function TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_mat_option_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-option", 39);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r88 = ctx.$implicit;
-    i0.ɵɵproperty("value", item_r88);
+    const item_r90 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r90);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", item_r88.label, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r90.label, " ");
 } }
 function TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label");
@@ -2440,23 +2445,23 @@ function TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_Template(rf, ctx) {
     i0.ɵɵtemplate(5, TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_mat_option_5_Template, 2, 2, "mat-option", 38);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const filterGroup_r72 = i0.ɵɵnextContext().$implicit;
+    const filterGroup_r73 = i0.ɵɵnextContext().$implicit;
     let tmp_0_0;
     let tmp_1_0;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(((tmp_0_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_0_0.value == null ? null : tmp_0_0.value.title) || "Selecione");
+    i0.ɵɵtextInterpolate(((tmp_0_0 = filterGroup_r73.get("selectFilter")) == null ? null : tmp_0_0.value == null ? null : tmp_0_0.value.title) || "Selecione");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", (tmp_1_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_1_0.value.items);
+    i0.ɵɵproperty("ngForOf", (tmp_1_0 = filterGroup_r73.get("selectFilter")) == null ? null : tmp_1_0.value.items);
 } }
 function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r91 = i0.ɵɵgetCurrentView();
+    const _r93 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 52)(1, "div", 53)(2, "mat-form-field", 54)(3, "mat-label", 21);
     i0.ɵɵelement(4, "i", 55);
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6, "Data Inicial");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(7, "input", 77);
-    i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_keydown_enter_7_listener($event) { i0.ɵɵrestoreView(_r91); const ctx_r90 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r90.search($event)); })("input", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r91); const i_r73 = i0.ɵɵnextContext().index; const ctx_r92 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r92.onDateInput($event, "initialDate", i_r73)); })("blur", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_blur_7_listener() { i0.ɵɵrestoreView(_r91); const ctx_r94 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r94.onDateFilterChange()); });
+    i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_keydown_enter_7_listener($event) { i0.ɵɵrestoreView(_r93); const ctx_r92 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r92.search($event)); })("input", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r93); const i_r74 = i0.ɵɵnextContext().index; const ctx_r94 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r94.onDateInput($event, "initialDate", i_r74)); })("blur", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_blur_7_listener() { i0.ɵɵrestoreView(_r93); const ctx_r96 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r96.onDateFilterChange()); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "mat-form-field", 54)(9, "mat-label", 21);
     i0.ɵɵelement(10, "i", 55);
@@ -2464,13 +2469,13 @@ function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template(rf, ctx) {
     i0.ɵɵtext(12, "Data Final");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(13, "input", 78);
-    i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_keydown_enter_13_listener($event) { i0.ɵɵrestoreView(_r91); const ctx_r95 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r95.search($event)); })("input", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r91); const i_r73 = i0.ɵɵnextContext().index; const ctx_r96 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r96.onDateInput($event, "finalDate", i_r73)); })("blur", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_blur_13_listener() { i0.ɵɵrestoreView(_r91); const ctx_r98 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r98.onDateFilterChange()); });
+    i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_keydown_enter_13_listener($event) { i0.ɵɵrestoreView(_r93); const ctx_r97 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r97.search($event)); })("input", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r93); const i_r74 = i0.ɵɵnextContext().index; const ctx_r98 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r98.onDateInput($event, "finalDate", i_r74)); })("blur", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_blur_13_listener() { i0.ɵɵrestoreView(_r93); const ctx_r100 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r100.onDateFilterChange()); });
     i0.ɵɵelementEnd()()()();
 } }
 function TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r101 = i0.ɵɵgetCurrentView();
+    const _r103 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 58)(1, "button", 59);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r101); const i_r73 = i0.ɵɵnextContext().index; const ctx_r99 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r99.removeFilter(i_r73)); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r103); const i_r74 = i0.ɵɵnextContext().index; const ctx_r101 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r101.removeFilter(i_r74)); });
     i0.ɵɵelement(2, "i", 60);
     i0.ɵɵelementEnd()();
 } }
@@ -2483,69 +2488,69 @@ function TableComponent_div_0_div_3_div_9_div_1_div_1_Template(rf, ctx) { if (rf
     i0.ɵɵtemplate(5, TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template, 3, 0, "div", 45);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const filterGroup_r72 = ctx.$implicit;
-    const ctx_r71 = i0.ɵɵnextContext(5);
+    const filterGroup_r73 = ctx.$implicit;
+    const ctx_r72 = i0.ɵɵnextContext(5);
     let tmp_2_0;
     let tmp_3_0;
     let tmp_4_0;
-    i0.ɵɵproperty("formGroup", filterGroup_r72);
+    i0.ɵɵproperty("formGroup", filterGroup_r73);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r71.dropdownItems.length > 0);
+    i0.ɵɵproperty("ngIf", ctx_r72.dropdownItems.length > 0);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ((tmp_2_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_2_0.value == null ? null : tmp_2_0.value.arrange) === "filter");
+    i0.ɵɵproperty("ngIf", ((tmp_2_0 = filterGroup_r73.get("selectFilter")) == null ? null : tmp_2_0.value == null ? null : tmp_2_0.value.arrange) === "filter");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ((tmp_3_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_3_0.value) && ((tmp_3_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_3_0.value.hasOwnProperty("items")));
+    i0.ɵɵproperty("ngIf", ((tmp_3_0 = filterGroup_r73.get("selectFilter")) == null ? null : tmp_3_0.value) && ((tmp_3_0 = filterGroup_r73.get("selectFilter")) == null ? null : tmp_3_0.value.hasOwnProperty("items")));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ((tmp_4_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_4_0.value == null ? null : tmp_4_0.value.arrange) === "filterByDate");
+    i0.ɵɵproperty("ngIf", ((tmp_4_0 = filterGroup_r73.get("selectFilter")) == null ? null : tmp_4_0.value == null ? null : tmp_4_0.value.arrange) === "filterByDate");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r71.filtersForm.length > 1);
+    i0.ɵɵproperty("ngIf", ctx_r72.filtersForm.length > 1);
 } }
 function TableComponent_div_0_div_3_div_9_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 40);
     i0.ɵɵtemplate(1, TableComponent_div_0_div_3_div_9_div_1_div_1_Template, 6, 6, "div", 75);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r68 = i0.ɵɵnextContext(4);
+    const ctx_r69 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r68.filtersForm.controls);
+    i0.ɵɵproperty("ngForOf", ctx_r69.filtersForm.controls);
 } }
 function TableComponent_div_0_div_3_div_9_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r103 = i0.ɵɵgetCurrentView();
+    const _r105 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div")(1, "button", 61);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r103); const ctx_r102 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r102.addFilter()); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r105); const ctx_r104 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r104.addFilter()); });
     i0.ɵɵelement(2, "i", 62);
     i0.ɵɵtext(3, " Adicionar Filtro ");
     i0.ɵɵelementEnd()();
 } }
 function TableComponent_div_0_div_3_div_9_div_4_button_7_Template(rf, ctx) { if (rf & 1) {
-    const _r106 = i0.ɵɵgetCurrentView();
+    const _r108 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 69);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r106); const ctx_r105 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r105.handleDownload()); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r108); const ctx_r107 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r107.handleDownload()); });
     i0.ɵɵelement(1, "i", 70);
     i0.ɵɵtext(2, " Exportar ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r104 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("disabled", ctx_r104.dataSource && ctx_r104.dataSource.filteredData.length <= 0);
+    const ctx_r106 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("disabled", ctx_r106.dataSource && ctx_r106.dataSource.filteredData.length <= 0);
 } }
 function TableComponent_div_0_div_3_div_9_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r108 = i0.ɵɵgetCurrentView();
+    const _r110 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 63)(1, "button", 64);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r108); const ctx_r107 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r107.search()); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r110); const ctx_r109 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r109.search()); });
     i0.ɵɵelement(2, "i", 65);
     i0.ɵɵtext(3, " Pesquisar ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "button", 66);
-    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r108); const ctx_r109 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r109.resetFilter()); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r110); const ctx_r111 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r111.resetFilter()); });
     i0.ɵɵelement(5, "i", 67);
     i0.ɵɵtext(6, " Resetar ");
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(7, TableComponent_div_0_div_3_div_9_div_4_button_7_Template, 3, 1, "button", 68);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r70 = i0.ɵɵnextContext(4);
+    const ctx_r71 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(7);
-    i0.ɵɵproperty("ngIf", ctx_r70.data.download !== false && ctx_r70.downloadTable);
+    i0.ɵɵproperty("ngIf", ctx_r71.data.download !== false && ctx_r71.downloadTable);
 } }
 function TableComponent_div_0_div_3_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
@@ -2555,13 +2560,13 @@ function TableComponent_div_0_div_3_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(4, TableComponent_div_0_div_3_div_9_div_4_Template, 8, 1, "div", 29);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r60 = i0.ɵɵnextContext(3);
+    const ctx_r61 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r60.filtersForm.controls.length > 0);
+    i0.ɵɵproperty("ngIf", ctx_r61.filtersForm.controls.length > 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r60.dropdownItems.length > 0);
+    i0.ɵɵproperty("ngIf", ctx_r61.dropdownItems.length > 0);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r60.hasFilterableColumn === true || ctx_r60.hasSortableColumn === true);
+    i0.ɵɵproperty("ngIf", ctx_r61.hasFilterableColumn === true || ctx_r61.hasSortableColumn === true);
 } }
 function TableComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18)(1, "div", 19)(2, "div", 20)(3, "div", 21);
@@ -2584,9 +2589,9 @@ function TableComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r2.dropdownItems.length > 0);
 } }
 function TableComponent_div_0_lib_table_tabs_5_Template(rf, ctx) { if (rf & 1) {
-    const _r111 = i0.ɵɵgetCurrentView();
+    const _r113 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "lib-table-tabs", 79);
-    i0.ɵɵlistener("tabSelected", function TableComponent_div_0_lib_table_tabs_5_Template_lib_table_tabs_tabSelected_0_listener($event) { i0.ɵɵrestoreView(_r111); const ctx_r110 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r110.onTabSelected($event)); });
+    i0.ɵɵlistener("tabSelected", function TableComponent_div_0_lib_table_tabs_5_Template_lib_table_tabs_tabSelected_0_listener($event) { i0.ɵɵrestoreView(_r113); const ctx_r112 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r112.onTabSelected($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(2);
@@ -2597,53 +2602,53 @@ function TableComponent_div_0_ng_container_9_ng_container_1_th_1_Template(rf, ct
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", col_r112.title, " ");
+    i0.ɵɵtextInterpolate1(" ", col_r114.title, " ");
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_th_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "th", 86);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", col_r112.title, " ");
+    i0.ɵɵtextInterpolate1(" ", col_r114.title, " ");
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 92);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r119 = i0.ɵɵnextContext(3).$implicit;
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r127 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("href", row_r119[col_r112.property], i0.ɵɵsanitizeUrl);
+    const row_r121 = i0.ɵɵnextContext(3).$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r129 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("href", row_r121[col_r114.property], i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r127.getDisplayValue(col_r112, row_r119), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r129.getDisplayValue(col_r114, row_r121), " ");
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_a_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 92);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r119 = i0.ɵɵnextContext(3).$implicit;
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r128 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("href", col_r112.hasLink, i0.ɵɵsanitizeUrl);
+    const row_r121 = i0.ɵɵnextContext(3).$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r130 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("href", col_r114.hasLink, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r128.getDisplayValue(col_r112, row_r119), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r130.getDisplayValue(col_r114, row_r121), " ");
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r119 = i0.ɵɵnextContext(3).$implicit;
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r129 = i0.ɵɵnextContext(2);
+    const row_r121 = i0.ɵɵnextContext(3).$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r131 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r129.getDisplayValue(col_r112, row_r119), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r131.getDisplayValue(col_r114, row_r121), " ");
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -2652,62 +2657,62 @@ function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_T
     i0.ɵɵtemplate(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_span_3_Template, 2, 1, "span", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r112 = i0.ɵɵnextContext(4).$implicit;
-    const ctx_r124 = i0.ɵɵnextContext(2);
+    const col_r114 = i0.ɵɵnextContext(4).$implicit;
+    const ctx_r126 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", col_r112.hasLink === true);
+    i0.ɵɵproperty("ngIf", col_r114.hasLink === true);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", col_r112.hasLink && ctx_r124.isString(col_r112.hasLink));
+    i0.ɵɵproperty("ngIf", col_r114.hasLink && ctx_r126.isString(col_r114.hasLink));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", col_r112.hasLink !== true && !ctx_r124.isString(col_r112.hasLink));
+    i0.ɵɵproperty("ngIf", col_r114.hasLink !== true && !ctx_r126.isString(col_r114.hasLink));
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_a_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 92);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r119 = i0.ɵɵnextContext(3).$implicit;
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r137 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("href", row_r119[col_r112.property], i0.ɵɵsanitizeUrl);
+    const row_r121 = i0.ɵɵnextContext(3).$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r139 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("href", row_r121[col_r114.property], i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r137.getDisplayValue(col_r112, row_r119, true), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r139.getDisplayValue(col_r114, row_r121, true), " ");
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 92);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r119 = i0.ɵɵnextContext(3).$implicit;
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r138 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("href", col_r112.hasLink, i0.ɵɵsanitizeUrl);
+    const row_r121 = i0.ɵɵnextContext(3).$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r140 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("href", col_r114.hasLink, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r138.getDisplayValue(col_r112, row_r119, true), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r140.getDisplayValue(col_r114, row_r121, true), " ");
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r119 = i0.ɵɵnextContext(3).$implicit;
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r139 = i0.ɵɵnextContext(2);
+    const row_r121 = i0.ɵɵnextContext(3).$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r141 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r139.getDisplayValue(col_r112, row_r119, true), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r141.getDisplayValue(col_r114, row_r121, true), " ");
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_a_0_Template, 2, 2, "a", 91);
     i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_a_1_Template, 2, 2, "a", 91);
     i0.ɵɵtemplate(2, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_span_2_Template, 2, 1, "span", 28);
 } if (rf & 2) {
-    const col_r112 = i0.ɵɵnextContext(4).$implicit;
-    const ctx_r126 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", col_r112.hasLink === true);
+    const col_r114 = i0.ɵɵnextContext(4).$implicit;
+    const ctx_r128 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", col_r114.hasLink === true);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", col_r112.hasLink && ctx_r126.isString(col_r112.hasLink));
+    i0.ɵɵproperty("ngIf", col_r114.hasLink && ctx_r128.isString(col_r114.hasLink));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", col_r112.hasLink !== true && !ctx_r126.isString(col_r112.hasLink));
+    i0.ɵɵproperty("ngIf", col_r114.hasLink !== true && !ctx_r128.isString(col_r114.hasLink));
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -2717,11 +2722,11 @@ function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_Template
     i0.ɵɵtemplate(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_Template, 3, 3, "ng-template", null, 90, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const _r125 = i0.ɵɵreference(4);
-    const row_r119 = i0.ɵɵnextContext().$implicit;
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
+    const _r127 = i0.ɵɵreference(4);
+    const row_r121 = i0.ɵɵnextContext().$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", col_r112.charLimit && row_r119[col_r112.property] && row_r119[col_r112.property].length > col_r112.charLimit)("ngIfElse", _r125);
+    i0.ɵɵproperty("ngIf", col_r114.charLimit && row_r121[col_r114.property] && row_r121[col_r114.property].length > col_r114.charLimit)("ngIfElse", _r127);
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_mat_spinner_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mat-spinner", 96);
@@ -2729,21 +2734,21 @@ function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_mat_spinn
     i0.ɵɵproperty("diameter", 32);
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r152 = i0.ɵɵgetCurrentView();
+    const _r154 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 93);
     i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_mat_spinner_1_Template, 1, 1, "mat-spinner", 94);
     i0.ɵɵelementStart(2, "img", 95);
-    i0.ɵɵlistener("load", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template_img_load_2_listener() { i0.ɵɵrestoreView(_r152); const row_r119 = i0.ɵɵnextContext().$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r150 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r150.onImageLoad(row_r119, col_r112)); })("error", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template_img_error_2_listener($event) { i0.ɵɵrestoreView(_r152); const row_r119 = i0.ɵɵnextContext().$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r154 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r154.onImageError($event, row_r119, col_r112, col_r112.image.default)); });
+    i0.ɵɵlistener("load", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template_img_load_2_listener() { i0.ɵɵrestoreView(_r154); const row_r121 = i0.ɵɵnextContext().$implicit; const col_r114 = i0.ɵɵnextContext(2).$implicit; const ctx_r152 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r152.onImageLoad(row_r121, col_r114)); })("error", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template_img_error_2_listener($event) { i0.ɵɵrestoreView(_r154); const row_r121 = i0.ɵɵnextContext().$implicit; const col_r114 = i0.ɵɵnextContext(2).$implicit; const ctx_r156 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r156.onImageError($event, row_r121, col_r114, col_r114.image.default)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const row_r119 = i0.ɵɵnextContext().$implicit;
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r121 = i0.ɵɵnextContext(2);
+    const row_r121 = i0.ɵɵnextContext().$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r123 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r121.isImageLoading(row_r119, col_r112));
+    i0.ɵɵproperty("ngIf", ctx_r123.isImageLoading(row_r121, col_r114));
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("opacity-0", ctx_r121.isImageLoading(row_r119, col_r112));
-    i0.ɵɵproperty("src", col_r112.image.path + "/" + row_r119[col_r112.property], i0.ɵɵsanitizeUrl)("ngClass", col_r112.image.class);
+    i0.ɵɵclassProp("opacity-0", ctx_r123.isImageLoading(row_r121, col_r114));
+    i0.ɵɵproperty("src", col_r114.image.path + "/" + row_r121[col_r114.property], i0.ɵɵsanitizeUrl)("ngClass", col_r114.image.class);
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_mat_spinner_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mat-spinner", 96);
@@ -2751,72 +2756,72 @@ function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_mat_spinn
     i0.ɵɵproperty("diameter", 32);
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r162 = i0.ɵɵgetCurrentView();
+    const _r164 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 93);
     i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_mat_spinner_1_Template, 1, 1, "mat-spinner", 94);
     i0.ɵɵelementStart(2, "img", 95);
-    i0.ɵɵlistener("load", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template_img_load_2_listener() { i0.ɵɵrestoreView(_r162); const row_r119 = i0.ɵɵnextContext().$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r160 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r160.onImageLoad(row_r119, col_r112)); })("error", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template_img_error_2_listener($event) { i0.ɵɵrestoreView(_r162); const row_r119 = i0.ɵɵnextContext().$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r164 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r164.onImageError($event, row_r119, col_r112, col_r112.image.default)); });
+    i0.ɵɵlistener("load", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template_img_load_2_listener() { i0.ɵɵrestoreView(_r164); const row_r121 = i0.ɵɵnextContext().$implicit; const col_r114 = i0.ɵɵnextContext(2).$implicit; const ctx_r162 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r162.onImageLoad(row_r121, col_r114)); })("error", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template_img_error_2_listener($event) { i0.ɵɵrestoreView(_r164); const row_r121 = i0.ɵɵnextContext().$implicit; const col_r114 = i0.ɵɵnextContext(2).$implicit; const ctx_r166 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r166.onImageError($event, row_r121, col_r114, col_r114.image.default)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const row_r119 = i0.ɵɵnextContext().$implicit;
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r122 = i0.ɵɵnextContext(2);
+    const row_r121 = i0.ɵɵnextContext().$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r124 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r122.isImageLoading(row_r119, col_r112));
+    i0.ɵɵproperty("ngIf", ctx_r124.isImageLoading(row_r121, col_r114));
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("opacity-0", ctx_r122.isImageLoading(row_r119, col_r112));
-    i0.ɵɵproperty("src", row_r119[col_r112.property], i0.ɵɵsanitizeUrl)("ngClass", col_r112.image.class);
+    i0.ɵɵclassProp("opacity-0", ctx_r124.isImageLoading(row_r121, col_r114));
+    i0.ɵɵproperty("src", row_r121[col_r114.property], i0.ɵɵsanitizeUrl)("ngClass", col_r114.image.class);
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 100);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const iconClass_r170 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngClass", iconClass_r170.class);
+    const iconClass_r172 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("ngClass", iconClass_r172.class);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(iconClass_r170.text);
+    i0.ɵɵtextInterpolate(iconClass_r172.text);
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r174 = i0.ɵɵgetCurrentView();
+    const _r176 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 98);
-    i0.ɵɵlistener("click", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_Template_button_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r174); const iconClass_r170 = restoredCtx.$implicit; const row_r119 = i0.ɵɵnextContext(2).$implicit; return i0.ɵɵresetView(iconClass_r170.buttonMethod ? iconClass_r170.buttonMethod(row_r119, $event) : $event.stopPropagation()); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_Template_button_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r176); const iconClass_r172 = restoredCtx.$implicit; const row_r121 = i0.ɵɵnextContext(2).$implicit; return i0.ɵɵresetView(iconClass_r172.buttonMethod ? iconClass_r172.buttonMethod(row_r121, $event) : $event.stopPropagation()); });
     i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_span_1_Template, 2, 2, "span", 99);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const iconClass_r170 = ctx.$implicit;
-    const row_r119 = i0.ɵɵnextContext(2).$implicit;
+    const iconClass_r172 = ctx.$implicit;
+    const row_r121 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", iconClass_r170.condition === undefined || iconClass_r170.condition !== undefined && iconClass_r170.condition(row_r119));
+    i0.ɵɵproperty("ngIf", iconClass_r172.condition === undefined || iconClass_r172.condition !== undefined && iconClass_r172.condition(row_r121));
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_Template, 2, 1, "button", 97);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const col_r112 = i0.ɵɵnextContext(3).$implicit;
+    const col_r114 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", col_r112.iconClass);
+    i0.ɵɵproperty("ngForOf", col_r114.iconClass);
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template(rf, ctx) { if (rf & 1) {
-    const _r180 = i0.ɵɵgetCurrentView();
+    const _r182 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 87);
-    i0.ɵɵlistener("click", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r180); const row_r119 = restoredCtx.$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; return i0.ɵɵresetView(col_r112.method ? col_r112.method(row_r119) : null); })("mouseenter", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mouseenter_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r180); const row_r119 = restoredCtx.$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r181 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r181.onCellMouseEnter($event, row_r119, col_r112)); })("mouseleave", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mouseleave_0_listener() { i0.ɵɵrestoreView(_r180); const ctx_r183 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r183.onCellMouseLeave()); })("mousemove", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mousemove_0_listener($event) { i0.ɵɵrestoreView(_r180); const ctx_r184 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r184.onCellMouseMove($event)); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r182); const row_r121 = restoredCtx.$implicit; const col_r114 = i0.ɵɵnextContext(2).$implicit; return i0.ɵɵresetView(col_r114.method ? col_r114.method(row_r121) : null); })("mouseenter", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mouseenter_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r182); const row_r121 = restoredCtx.$implicit; const col_r114 = i0.ɵɵnextContext(2).$implicit; const ctx_r183 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r183.onCellMouseEnter($event, row_r121, col_r114)); })("mouseleave", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mouseleave_0_listener() { i0.ɵɵrestoreView(_r182); const ctx_r185 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r185.onCellMouseLeave()); })("mousemove", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mousemove_0_listener($event) { i0.ɵɵrestoreView(_r182); const ctx_r186 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r186.onCellMouseMove($event)); });
     i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_Template, 5, 2, "span", 28);
     i0.ɵɵtemplate(2, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template, 3, 5, "div", 88);
     i0.ɵɵtemplate(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template, 3, 5, "div", 88);
     i0.ɵɵtemplate(4, TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_Template, 2, 1, "ng-container", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r112 = i0.ɵɵnextContext(2).$implicit;
+    const col_r114 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !col_r112.image && !col_r112.iconClass && !col_r112.method);
+    i0.ɵɵproperty("ngIf", !col_r114.image && !col_r114.iconClass && !col_r114.method);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", col_r112.image && col_r112.image.path && !col_r112.iconClass && !col_r112.method);
+    i0.ɵɵproperty("ngIf", col_r114.image && col_r114.image.path && !col_r114.iconClass && !col_r114.method);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", col_r112.image && col_r112.image.url && !col_r112.iconClass && !col_r112.method);
+    i0.ɵɵproperty("ngIf", col_r114.image && col_r114.image.url && !col_r114.iconClass && !col_r114.method);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", col_r112.iconClass);
+    i0.ɵɵproperty("ngIf", col_r114.iconClass);
 } }
 function TableComponent_div_0_ng_container_9_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -2825,28 +2830,28 @@ function TableComponent_div_0_ng_container_9_ng_container_1_Template(rf, ctx) {
     i0.ɵɵtemplate(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template, 5, 4, "td", 84);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const col_r112 = i0.ɵɵnextContext().$implicit;
-    const ctx_r113 = i0.ɵɵnextContext(2);
+    const col_r114 = i0.ɵɵnextContext().$implicit;
+    const ctx_r115 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !col_r112.isSortable || ctx_r113.data.pagination === true);
+    i0.ɵɵproperty("ngIf", !col_r114.isSortable || ctx_r115.data.pagination === true);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", col_r112.isSortable && ctx_r113.data.pagination === false);
+    i0.ɵɵproperty("ngIf", col_r114.isSortable && ctx_r115.data.pagination === false);
 } }
 function TableComponent_div_0_ng_container_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0, 80);
     i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_Template, 4, 2, "ng-container", 81);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const col_r112 = ctx.$implicit;
-    i0.ɵɵpropertyInterpolate("matColumnDef", col_r112.property);
+    const col_r114 = ctx.$implicit;
+    i0.ɵɵpropertyInterpolate("matColumnDef", col_r114.property);
 } }
 function TableComponent_div_0_tr_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "tr", 101);
 } }
 function TableComponent_div_0_tr_11_Template(rf, ctx) { if (rf & 1) {
-    const _r189 = i0.ɵɵgetCurrentView();
+    const _r191 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr", 102);
-    i0.ɵɵlistener("click", function TableComponent_div_0_tr_11_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r189); const row_r187 = restoredCtx.$implicit; const ctx_r188 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r188.goToDetails(row_r187)); });
+    i0.ɵɵlistener("click", function TableComponent_div_0_tr_11_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r191); const row_r189 = restoredCtx.$implicit; const ctx_r190 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r190.goToDetails(row_r189)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r7 = i0.ɵɵnextContext(2);
@@ -2874,7 +2879,7 @@ function TableComponent_div_0_div_13_Template(rf, ctx) { if (rf & 1) {
 } }
 const _c0 = function () { return [25, 50, 100]; };
 function TableComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r192 = i0.ɵɵgetCurrentView();
+    const _r194 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
     i0.ɵɵtemplate(2, TableComponent_div_0_div_2_Template, 13, 5, "div", 3);
     i0.ɵɵtemplate(3, TableComponent_div_0_div_3_Template, 10, 3, "div", 3);
@@ -2889,7 +2894,7 @@ function TableComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(13, TableComponent_div_0_div_13_Template, 2, 0, "div", 13);
     i0.ɵɵpipe(14, "async");
     i0.ɵɵelementStart(15, "div", 14)(16, "mat-paginator", 15, 16);
-    i0.ɵɵlistener("page", function TableComponent_div_0_Template_mat_paginator_page_16_listener($event) { i0.ɵɵrestoreView(_r192); const ctx_r191 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r191.onPageChange($event)); });
+    i0.ɵɵlistener("page", function TableComponent_div_0_Template_mat_paginator_page_16_listener($event) { i0.ɵɵrestoreView(_r194); const ctx_r193 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r193.onPageChange($event)); });
     i0.ɵɵelementEnd()()()()();
     i0.ɵɵelement(18, "lib-table-tooltip", 17);
     i0.ɵɵelementEnd();
@@ -2988,8 +2993,8 @@ class TableComponent {
     hasActiveDateFilter() {
         return this.filterService.hasActiveDateFilter(this.filtersForm);
     }
-    getAvailableFilterOptions() {
-        return this.filterService.getAvailableFilterOptions(this.dropdownItems, this.data.pagination === true, this.filtersForm);
+    getAvailableFilterOptions(currentGroup) {
+        return this.filterService.getAvailableFilterOptions(this.dropdownItems, this.data.pagination === true, this.filtersForm, currentGroup);
     }
     onSelectFilterChange() {
         const lastIndex = this.filtersForm.length - 1;
@@ -3614,7 +3619,7 @@ TableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableCompone
     } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i8.DefaultValueAccessor, i8.NgControlStatus, i8.NgControlStatusGroup, i8.MaxLengthValidator, i8.FormControlDirective, i8.FormGroupDirective, i8.FormControlName, i1$2.RouterLink, i9.MatTable, i9.MatHeaderCellDef, i9.MatHeaderRowDef, i9.MatColumnDef, i9.MatCellDef, i9.MatRowDef, i9.MatHeaderCell, i9.MatCell, i9.MatHeaderRow, i9.MatRow, i9.MatNoDataRow, i10.MatPaginator, i11.MatSort, i11.MatSortHeader, i12.MatFormField, i12.MatLabel, i12.MatSuffix, i13.MatInput, i14.MatOption, i15.MatSelect, i16.MatTooltip, i17.MatProgressSpinner, i18.MatIcon, TableTabsComponent, TableTooltipComponent, i1$1.AsyncPipe], styles: ["@charset \"UTF-8\";[_nghost-%COMP%]{--table-color: #1976d2;--table-text-color: white;--table-header-bg: #1976d2;--table-header-text: white;--table-scrollbar-bg: #f5f5f5;--table-scrollbar-thumb: var(--table-color)}.table-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.table-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.table-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}.overflow-x-auto[_ngcontent-%COMP%]::-webkit-scrollbar, .overflow-y-auto[_ngcontent-%COMP%]::-webkit-scrollbar, .overflow-auto[_ngcontent-%COMP%]::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.overflow-x-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, .overflow-y-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, .overflow-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.overflow-x-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, .overflow-y-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, .overflow-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}[_nghost-%COMP%]     .mat-table .mat-header-cell, [_nghost-%COMP%]     .mat-header-cell, [_nghost-%COMP%]     th.mat-header-cell, [_nghost-%COMP%]     .mat-mdc-table .mat-mdc-header-cell, [_nghost-%COMP%]     .mat-mdc-header-cell, [_nghost-%COMP%]     th.mat-mdc-header-cell{background-color:var(--table-header-bg, #1976d2)!important;color:var(--table-header-text, white)!important;font-weight:600}  .fa-filter,   i.fa-filter{color:var(--table-color, #1976d2)!important}  .rounded-xl.border{border-color:var(--table-color, #1976d2)!important}  .border-gray-200.rounded-xl{border-color:var(--table-color, #1976d2)!important}  .mdc-notched-outline__notch{border-right:none!important}.mat-mdc-text-field-wrapper.mdc-text-field--outlined[_ngcontent-%COMP%]   .mat-mdc-form-field-infix[_ngcontent-%COMP%]{padding-bottom:0}  .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:0}.mat-mdc-text-field-wrapper.mdc-text-field--outlined.mdc-text-field--disabled[_ngcontent-%COMP%]{background:rgba(0,0,0,.15);background-size:1px 100%!important;background-repeat:repeat-x!important}.mdc-text-field--disabled[_ngcontent-%COMP%]   .mdc-text-field__input[_ngcontent-%COMP%]{color:#525252}button[_ngcontent-%COMP%]:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)){transition:all .2s ease;cursor:pointer}button[_ngcontent-%COMP%]:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):hover:not(:disabled){opacity:.9;transform:scale(1.02)}button[_ngcontent-%COMP%]:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):disabled{opacity:.5;cursor:not-allowed;transform:none}  .hide-length .mat-mdc-paginator-range-label{display:none}  .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-next.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base{visibility:hidden}  .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-last.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base.ng-star-inserted{visibility:hidden}  .mat-mdc-text-field-wrapper.mdc-text-field.ng-tns-c162-1.mdc-text-field--filled{width:25dvw}  .custom-filter .mat-mdc-text-field-wrapper{width:20dvw;max-width:300px}button[matTooltip=\"Adicionar novo filtro\"][_ngcontent-%COMP%], button[_ngcontent-%COMP%]:has(i.fa-plus){display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:2px solid #93c5fd;background-color:#dbeafe;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;color:#2563eb;transition:all .3s;cursor:pointer;transform:translateY(0)}button[matTooltip=\"Adicionar novo filtro\"][_ngcontent-%COMP%]:hover, button[_ngcontent-%COMP%]:has(i.fa-plus):hover{transform:translateY(-2px);border-color:#60a5fa;background-color:#bfdbfe;box-shadow:0 4px 6px #0000001a}button[matTooltip=\"Aplicar filtros\"][_ngcontent-%COMP%], button[_ngcontent-%COMP%]:has(i.fa-search){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#16a34a;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Aplicar filtros\"][_ngcontent-%COMP%]:hover, button[_ngcontent-%COMP%]:has(i.fa-search):hover{background-color:#15803d}button[matTooltip=\"Aplicar filtros\"][_ngcontent-%COMP%]:disabled, button[_ngcontent-%COMP%]:has(i.fa-search):disabled{opacity:.5;cursor:not-allowed}button[matTooltip=\"Limpar filtros\"][_ngcontent-%COMP%], button[_ngcontent-%COMP%]:has(i.fas.fa-redo-alt){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#ef4444;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Limpar filtros\"][_ngcontent-%COMP%]:hover, button[_ngcontent-%COMP%]:has(i.fas.fa-redo-alt):hover{background-color:#dc2626}button[matTooltip=\"Exportar Tabela\"][_ngcontent-%COMP%], button[_ngcontent-%COMP%]:has(i.fa-download){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#f97316;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Exportar Tabela\"][_ngcontent-%COMP%]:hover:not(:disabled), button[_ngcontent-%COMP%]:has(i.fa-download):hover:not(:disabled){background-color:#ea580c}button[matTooltip=\"Exportar Tabela\"][_ngcontent-%COMP%]:disabled, button[_ngcontent-%COMP%]:has(i.fa-download):disabled{opacity:.5;cursor:not-allowed}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
         type: Component,
-        args: [{ selector: 'lib-table', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"data\" class=\"card-body\">\n  <div class=\"flex flex-col justify-between gap-6\">\n    <!-- UNIFIED CONTROL PANEL: FILTERS, SORT & ACTIONS -->\n    <div\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\n      *ngIf=\"\n        data.pagination === true &&\n        (dropdownItems.length > 0 ||\n          sortableDropdownItems.length > 0 ||\n          data.actionButton)\n      \"\n    >\n      <!-- PANEL HEADER: Title and Custom Action -->\n      <div\n        class=\"mb-4 flex flex-col items-start justify-between gap-4 border-b-2 border-gray-200 pb-4 md:flex-row md:items-center\"\n      >\n        <!-- Left Side: Title & Main Action Button -->\n        <div class=\"flex flex-wrap items-center gap-4\">\n          <div class=\"flex items-center gap-2\">\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\n            <span class=\"text-lg font-semibold text-gray-700\"\n              >Filtros e A\u00E7\u00F5es</span\n            >\n          </div>\n          <button\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\n            [ngClass]=\"getActionButtonClass()\"\n            [routerLink]=\"data.actionButton.routerLink\"\n            (click)=\"\n              data.actionButton.method ? data.actionButton.method($event) : null\n            \"\n          >\n            <i\n              *ngIf=\"data.actionButton.icon\"\n              [class]=\"data.actionButton.icon\"\n            ></i>\n            {{ data.actionButton.label }}\n          </button>\n        </div>\n      </div>\n\n      <!-- SORT FIELD (Integrated with filters) -->\n      <div class=\"mb-4\" *ngIf=\"sortableDropdownItems.length > 0\">\n        <div class=\"flex flex-wrap items-center gap-3 p-2\">\n          <div class=\"min-w-[200px] flex-1\">\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label class=\"flex items-center gap-2\">\n                <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\n                <span>Ordenar por</span>\n              </mat-label>\n              <mat-select placeholder=\"Selecione...\" [formControl]=\"selectSort\">\n                <mat-option\n                  *ngFor=\"let item of sortableDropdownItems\"\n                  [value]=\"item\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\n                    <span>{{ item.title }}</span>\n                  </div>\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n      <!-- FILTERS CONTENT (WITH REFINEMENTS) -->\n      <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\n        <div\n          [formGroup]=\"$any(filterGroup)\"\n          *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\n          class=\"flex flex-wrap items-center gap-3 p-2\"\n        >\n          <!-- FILTER TYPE SELECTOR -->\n          <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label>Tipo de filtro</mat-label>\n              <mat-select\n                placeholder=\"Selecione o tipo...\"\n                formControlName=\"selectFilter\"\n                (selectionChange)=\"onSelectFilterChange()\"\n              >\n                <mat-option\n                  *ngFor=\"let item of getAvailableFilterOptions()\"\n                  [value]=\"item\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <i\n                      [class]=\"item.icon || 'fa fa-filter'\"\n                      class=\"text-sm text-blue-500\"\n                    ></i>\n                    <span>{{ item.title }}</span>\n                  </div>\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n\n          <!-- TEXT FILTER -->\n          <div\n            class=\"min-w-[200px] flex-1\"\n            *ngIf=\"\n              $any(filterGroup).get('selectFilter')?.value?.arrange === 'filter'\n            \"\n          >\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label class=\"flex items-center gap-2\">\n                <i class=\"fa fa-search text-gray-400\"></i>\n                <span>{{\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                    \"Filtrar\"\n                }}</span>\n              </mat-label>\n              <input\n                (keyup.enter)=\"search($event)\"\n                formControlName=\"typeFilter\"\n                matInput\n                placeholder=\"Digite para filtrar...\"\n                #input\n              />\n            </mat-form-field>\n          </div>\n\n          <!-- DROPDOWN FILTER -->\n          <div\n            class=\"min-w-[200px] flex-1\"\n            *ngIf=\"\n              $any(filterGroup).get('selectFilter')?.value &&\n              $any(filterGroup)\n                .get('selectFilter')\n                ?.value.hasOwnProperty('items')\n            \"\n          >\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label>{{\n                $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                  \"Selecione\"\n              }}</mat-label>\n              <mat-select\n                placeholder=\"Selecione...\"\n                formControlName=\"selectItem\"\n                multiple\n              >\n                <mat-option\n                  *ngFor=\"\n                    let item of $any(filterGroup).get('selectFilter')?.value\n                      .items\n                  \"\n                  [value]=\"item\"\n                >\n                  {{ item.label }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n\n          <!-- DATE FILTER -->\n          <div\n            class=\"min-w-[340px] flex-auto\"\n            *ngIf=\"\n              $any(filterGroup).get('selectFilter')?.value?.arrange ===\n              'filterByDate'\n            \"\n          >\n            <div\n              class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\n            >\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                <mat-label class=\"flex items-center gap-2\">\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\n                  <span>Data Inicial</span>\n                </mat-label>\n                <input\n                  type=\"text\"\n                  matInput\n                  (keydown.enter)=\"search($event)\"\n                  (input)=\"onDateInput($event, 'initialDate', i)\"\n                  formControlName=\"initialDate\"\n                  placeholder=\"DD/MM/AAAA\"\n                  maxlength=\"10\"\n                />\n              </mat-form-field>\n\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                <mat-label class=\"flex items-center gap-2\">\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\n                  <span>Data Final</span>\n                </mat-label>\n                <input\n                  type=\"text\"\n                  (keydown.enter)=\"search($event)\"\n                  (input)=\"onDateInput($event, 'finalDate', i)\"\n                  matInput\n                  formControlName=\"finalDate\"\n                  placeholder=\"DD/MM/AAAA\"\n                  maxlength=\"10\"\n                />\n              </mat-form-field>\n            </div>\n          </div>\n\n          <!-- REMOVE FILTER BUTTON -->\n          <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\n            <button\n              (click)=\"removeFilter(i)\"\n              class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\n              matTooltip=\"Remover filtro\"\n            >\n              <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- PANEL FOOTER: Add Filter & Action Buttons -->\n      <div\n        class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\n      >\n        <!-- Add Filter Button -->\n        <div *ngIf=\"dropdownItems.length > 0\">\n          <button\n            (click)=\"addFilter()\"\n            class=\"transform rounded-full border-2 border-blue-300 bg-blue-50 px-6 py-2 text-sm font-medium text-blue-600 transition-all duration-300 hover:-translate-y-0.5 hover:border-blue-400 hover:bg-blue-100 hover:shadow-md\"\n            matTooltip=\"Adicionar novo filtro\"\n          >\n            <i class=\"fa fa-plus mr-2\"></i>\n            Adicionar Filtro\n          </button>\n        </div>\n\n        <!-- Right Side: Search, Reset, Export -->\n        <div\n          class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\n          *ngIf=\"\n            this.hasFilterableColumn === true || this.hasSortableColumn === true\n          \"\n        >\n          <button\n            (click)=\"search()\"\n            type=\"button\"\n            class=\"flex items-center gap-2 rounded-lg bg-green-600 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-green-700\"\n            matTooltip=\"Aplicar filtros\"\n          >\n            <i class=\"fa fa-search\"></i>\n            Pesquisar\n          </button>\n\n          <button\n            (click)=\"resetFilter()\"\n            class=\"flex items-center gap-2 rounded-lg bg-red-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-red-600\"\n            matTooltip=\"Limpar filtros\"\n          >\n            <i class=\"fas fa-redo-alt\"></i>\n            Resetar\n          </button>\n\n          <button\n            *ngIf=\"data.download !== false && downloadTable\"\n            class=\"flex items-center gap-2 rounded-lg bg-orange-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-orange-600\"\n            matTooltipPosition=\"above\"\n            matTooltip=\"Exportar Tabela\"\n            [disabled]=\"\n              this.dataSource && this.dataSource.filteredData.length <= 0\n            \"\n            (click)=\"\n              $any(arrange) && downloadTable !== undefined\n                ? downloadTable($any(arrange), data.conditions || [])\n                : null\n            \"\n          >\n            <i class=\"fa fa-download\"></i>\n            Exportar\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <!-- UNIFIED CONTROL PANEL (for non-paginated tables): SEARCH, SORT & FILTERS -->\n    <div\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\n      *ngIf=\"\n        data.pagination === false &&\n        (hasFilterableColumn === true ||\n          dropdownItems.length > 0 ||\n          data.actionButton)\n      \"\n    >\n      <!-- PANEL HEADER: Title and Custom Action -->\n      <div\n        class=\"mb-4 flex flex-col items-start justify-between gap-4 border-b-2 border-gray-200 pb-4 md:flex-row md:items-center\"\n      >\n        <!-- Left Side: Title & Main Action Button -->\n        <div class=\"flex flex-wrap items-center gap-4\">\n          <div class=\"flex items-center gap-2\">\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\n            <span class=\"text-lg font-semibold text-gray-700\"\n              >Filtros e A\u00E7\u00F5es</span\n            >\n          </div>\n          <button\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\n            [ngClass]=\"getActionButtonClass()\"\n            [routerLink]=\"data.actionButton.routerLink\"\n            (click)=\"\n              data.actionButton.method ? data.actionButton.method($event) : null\n            \"\n          >\n            <i\n              *ngIf=\"data.actionButton.icon\"\n              [class]=\"data.actionButton.icon\"\n            ></i>\n            {{ data.actionButton.label }}\n          </button>\n        </div>\n      </div>\n\n      <!-- SIMPLE SEARCH -->\n      <div\n        class=\"mb-4\"\n        *ngIf=\"hasFilterableColumn === true && data.showSimpleSearch !== false\"\n      >\n        <mat-form-field appearance=\"outline\" class=\"w-full\">\n          <mat-label class=\"flex items-center gap-2\">\n            <i class=\"fa fa-search text-blue-500\"></i>\n            Buscar\n          </mat-label>\n          <input\n            matInput\n            (keyup.enter)=\"search($event)\"\n            (keyup)=\"applyFilter(filterInput.value)\"\n            placeholder=\"Digite para filtrar...\"\n            #filterInput\n          />\n          <mat-icon matSuffix class=\"text-gray-500\">search</mat-icon>\n        </mat-form-field>\n      </div>\n\n      <!-- FILTERS PANEL -->\n      <div *ngIf=\"dropdownItems.length > 0\">\n        <!-- FILTERS CONTENT -->\n        <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\n          <div\n            [formGroup]=\"$any(filterGroup)\"\n            *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\n            class=\"flex flex-wrap items-center gap-3\"\n          >\n            <!-- FILTER TYPE SELECTOR -->\n            <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\n                <mat-label>Tipo de filtro</mat-label>\n                <mat-select\n                  placeholder=\"Selecione o tipo...\"\n                  formControlName=\"selectFilter\"\n                  (selectionChange)=\"onSelectFilterChange()\"\n                >\n                  <mat-option\n                    *ngFor=\"let item of getAvailableFilterOptions()\"\n                    [value]=\"item\"\n                  >\n                    <div class=\"flex items-center gap-2\">\n                      <i\n                        [class]=\"item.icon || 'fa fa-filter'\"\n                        class=\"text-sm text-blue-500\"\n                      ></i>\n                      <span>{{ item.title }}</span>\n                    </div>\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n\n            <!-- TEXT FILTER -->\n            <div\n              class=\"min-w-[200px] flex-1\"\n              *ngIf=\"\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\n                'filter'\n              \"\n            >\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\n                <mat-label class=\"flex items-center gap-2\">\n                  <i class=\"fa fa-search text-gray-400\"></i>\n                  <span>{{\n                    $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                      \"Filtrar\"\n                  }}</span>\n                </mat-label>\n                <input\n                  (keyup.enter)=\"search($event)\"\n                  formControlName=\"typeFilter\"\n                  matInput\n                  placeholder=\"Digite para filtrar...\"\n                  #input\n                />\n              </mat-form-field>\n            </div>\n\n            <!-- DROPDOWN FILTER -->\n            <div\n              class=\"min-w-[200px] flex-1\"\n              *ngIf=\"\n                $any(filterGroup).get('selectFilter')?.value &&\n                $any(filterGroup)\n                  .get('selectFilter')\n                  ?.value.hasOwnProperty('items')\n              \"\n            >\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\n                <mat-label>{{\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                    \"Selecione\"\n                }}</mat-label>\n                <mat-select\n                  placeholder=\"Selecione...\"\n                  formControlName=\"selectItem\"\n                  multiple\n                >\n                  <mat-option\n                    *ngFor=\"\n                      let item of $any(filterGroup).get('selectFilter')?.value\n                        .items\n                    \"\n                    [value]=\"item\"\n                  >\n                    {{ item.label }}\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n\n            <!-- DATE FILTER -->\n            <div\n              class=\"min-w-[340px] flex-auto\"\n              *ngIf=\"\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\n                'filterByDate'\n              \"\n            >\n              <div\n                class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\n              >\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                  <mat-label class=\"flex items-center gap-2\">\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\n                    <span>Data Inicial</span>\n                  </mat-label>\n                  <input\n                    type=\"text\"\n                    matInput\n                    (keydown.enter)=\"search($event)\"\n                    (input)=\"onDateInput($event, 'initialDate', i)\"\n                    (blur)=\"onDateFilterChange()\"\n                    formControlName=\"initialDate\"\n                    placeholder=\"DD/MM/AAAA\"\n                    maxlength=\"10\"\n                  />\n                </mat-form-field>\n\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                  <mat-label class=\"flex items-center gap-2\">\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\n                    <span>Data Final</span>\n                  </mat-label>\n                  <input\n                    type=\"text\"\n                    (keydown.enter)=\"search($event)\"\n                    (input)=\"onDateInput($event, 'finalDate', i)\"\n                    (blur)=\"onDateFilterChange()\"\n                    matInput\n                    formControlName=\"finalDate\"\n                    placeholder=\"DD/MM/AAAA\"\n                    maxlength=\"10\"\n                  />\n                </mat-form-field>\n              </div>\n            </div>\n\n            <!-- REMOVE FILTER BUTTON -->\n            <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\n              <button\n                (click)=\"removeFilter(i)\"\n                class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\n                matTooltip=\"Remover filtro\"\n              >\n                <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <!-- PANEL FOOTER: Add Filter & Actions -->\n        <div\n          class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\n        >\n          <!-- Add Filter Button -->\n          <div *ngIf=\"dropdownItems.length > 0\">\n            <button\n              (click)=\"addFilter()\"\n              class=\"transform rounded-full border-2 border-blue-300 bg-blue-50 px-6 py-2 text-sm font-medium text-blue-600 transition-all duration-300 hover:-translate-y-0.5 hover:border-blue-400 hover:bg-blue-100 hover:shadow-md\"\n              matTooltip=\"Adicionar novo filtro\"\n            >\n              <i class=\"fa fa-plus mr-2\"></i>\n              Adicionar Filtro\n            </button>\n          </div>\n\n          <!-- Action Buttons -->\n          <div\n            class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\n            *ngIf=\"\n              this.hasFilterableColumn === true ||\n              this.hasSortableColumn === true\n            \"\n          >\n            <button\n              (click)=\"search()\"\n              type=\"button\"\n              class=\"flex items-center gap-2 rounded-lg bg-green-600 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-green-700\"\n              matTooltip=\"Aplicar filtros\"\n            >\n              <i class=\"fa fa-search\"></i>\n              Pesquisar\n            </button>\n\n            <button\n              (click)=\"resetFilter()\"\n              class=\"flex items-center gap-2 rounded-lg bg-red-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-red-600\"\n              matTooltip=\"Limpar filtros\"\n            >\n              <i class=\"fas fa-redo-alt\"></i>\n              Resetar\n            </button>\n\n            <button\n              *ngIf=\"data.download !== false && downloadTable\"\n              class=\"flex items-center gap-2 rounded-lg bg-orange-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-orange-600\"\n              matTooltipPosition=\"above\"\n              matTooltip=\"Exportar Tabela\"\n              [disabled]=\"\n                this.dataSource && this.dataSource.filteredData.length <= 0\n              \"\n              (click)=\"handleDownload()\"\n            >\n              <i class=\"fa fa-download\"></i>\n              Exportar\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col\">\n      <!-- TABS COMPONENT -->\n      <lib-table-tabs\n        *ngIf=\"data.tabs && data.tabs.tabsData && data.tabs.tabsData.length > 0\"\n        [tabsData]=\"data.tabs.tabsData\"\n        [selectedTab]=\"selectedTab\"\n        (tabSelected)=\"onTabSelected($event)\"\n      ></lib-table-tabs>\n      <div\n        class=\"mat-elevation-z8 w-full overflow-x-auto rounded-xl table-container\"\n      >\n        <table\n          mat-table\n          [dataSource]=\"dataSource\"\n          matSort\n          #sort=\"matSort\"\n          matSortActive=\"createdAt\"\n          matSortDirection=\"desc\"\n        >\n          <ng-container\n            *ngFor=\"let col of data.displayedColumns; trackBy: trackByProperty\"\n            matColumnDef=\"{{ col.property }}\"\n          >\n            <ng-container *matHeaderCellDef>\n              <!-- IF THE COLUMN IS NOT SORTABLE, THEN DON'T SHOW THE SORT BUTTONS -->\n              <th\n                *ngIf=\"!col.isSortable || data.pagination === true\"\n                mat-header-cell\n              >\n                {{ col.title }}\n              </th>\n              <!-- IF THE COLUMN IS SORTABLE, THEN SHOW THE SORT BUTTONS -->\n              <th\n                *ngIf=\"col.isSortable && data.pagination === false\"\n                mat-header-cell\n                mat-sort-header\n              >\n                {{ col.title }}\n              </th>\n              <td\n                mat-cell\n                *matCellDef=\"let row\"\n                (click)=\"col.method ? col.method(row) : null\"\n                (mouseenter)=\"onCellMouseEnter($event, row, col)\"\n                (mouseleave)=\"onCellMouseLeave()\"\n                (mousemove)=\"onCellMouseMove($event)\"\n              >\n                <!-- CHECK IF THE COLUMN MUST BE DISPLAYED -->\n                <span *ngIf=\"!col.image && !col.iconClass && !col.method\">\n                  <ng-container>\n                    <span\n                      *ngIf=\"\n                        col.charLimit &&\n                          row[col.property] &&\n                          row[col.property].length > col.charLimit;\n                        else withinLimit\n                      \"\n                    >\n                      <a\n                        *ngIf=\"col.hasLink === true\"\n                        [href]=\"row[col.property]\"\n                        target=\"_blank\"\n                      >\n                        {{ getDisplayValue(col, row) }}\n                      </a>\n                      <a\n                        *ngIf=\"col.hasLink && isString(col.hasLink)\"\n                        [href]=\"col.hasLink\"\n                        target=\"_blank\"\n                      >\n                        {{ getDisplayValue(col, row) }}\n                      </a>\n                      <span\n                        *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\n                      >\n                        {{ getDisplayValue(col, row) }}\n                      </span>\n                    </span>\n                  </ng-container>\n                  <ng-template #withinLimit>\n                    <a\n                      *ngIf=\"col.hasLink === true\"\n                      [href]=\"row[col.property]\"\n                      target=\"_blank\"\n                    >\n                      {{ getDisplayValue(col, row, true) }}\n                    </a>\n                    <a\n                      *ngIf=\"col.hasLink && isString(col.hasLink)\"\n                      [href]=\"col.hasLink\"\n                      target=\"_blank\"\n                    >\n                      {{ getDisplayValue(col, row, true) }}\n                    </a>\n                    <span\n                      *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\n                    >\n                      {{ getDisplayValue(col, row, true) }}\n                    </span>\n                  </ng-template>\n                </span>\n                <!------------------- IMAGE ------------------>\n                <!-- Imagem com loading -->\n                <div\n                  *ngIf=\"\n                    col.image && col.image.path && !col.iconClass && !col.method\n                  \"\n                  class=\"relative inline-block\"\n                >\n                  <mat-spinner\n                    *ngIf=\"isImageLoading(row, col)\"\n                    [diameter]=\"32\"\n                    class=\"absolute inset-0 m-auto\"\n                  ></mat-spinner>\n                  <img\n                    [src]=\"col.image.path + '/' + row[col.property]\"\n                    [ngClass]=\"col.image.class\"\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\n                    alt=\"\"\n                    (load)=\"onImageLoad(row, col)\"\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\n                  />\n                </div>\n\n                <!-- Imagem com URL completa e loading -->\n                <div\n                  *ngIf=\"\n                    col.image && col.image.url && !col.iconClass && !col.method\n                  \"\n                  class=\"relative inline-block\"\n                >\n                  <mat-spinner\n                    *ngIf=\"isImageLoading(row, col)\"\n                    [diameter]=\"32\"\n                    class=\"absolute inset-0 m-auto\"\n                  ></mat-spinner>\n                  <img\n                    [src]=\"row[col.property]\"\n                    [ngClass]=\"col.image.class\"\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\n                    alt=\"\"\n                    (load)=\"onImageLoad(row, col)\"\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\n                  />\n                </div>\n                <ng-container *ngIf=\"col.iconClass\">\n                  <button\n                    *ngFor=\"let iconClass of col.iconClass\"\n                    (click)=\"\n                      iconClass.buttonMethod\n                        ? iconClass.buttonMethod(row, $event)\n                        : $event.stopPropagation()\n                    \"\n                  >\n                    <span\n                      [ngClass]=\"iconClass.class\"\n                      *ngIf=\"\n                        iconClass.condition === undefined ||\n                        (iconClass.condition !== undefined &&\n                          $any(iconClass.condition)(row))\n                      \"\n                      >{{ iconClass.text }}</span\n                    >\n                  </button>\n                </ng-container>\n              </td>\n            </ng-container>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"columnProperties\"></tr>\n          <tr\n            [ngClass]=\"getTableRowNgClass()\"\n            mat-row\n            *matRowDef=\"let row; columns: columnProperties\"\n            (click)=\"goToDetails(row)\"\n          ></tr>\n\n          <!-- ROW SHOWN WHEN THERE IS NO MATCHING DATA. -->\n          <tr class=\"mat-row\" *matNoDataRow>\n            <td *ngIf=\"!(isLoading$ | async)\" class=\"mat-cell p-4\" colspan=\"4\">\n              Nenhum resultado encontrado para a busca\n            </td>\n          </tr>\n        </table>\n\n        <div class=\"flex justify-center\" *ngIf=\"isLoading$ | async\">\n          <mat-spinner></mat-spinner>\n        </div>\n\n        <div class=\"paginator-container\">\n          <mat-paginator\n            #paginator\n            [pageSizeOptions]=\"[25, 50, 100]\"\n            [pageSize]=\"pageSize\"\n            [length]=\"totalItems\"\n            showFirstLastButtons\n            aria-label=\"Select page of periodic elements\"\n            (page)=\"onPageChange($event)\"\n            [ngClass]=\"getPaginatorNgClass()\"\n          >\n          </mat-paginator>\n          <!-- <div\n            *ngIf=\"\n              !(isLoading$ | async) &&\n              dataSource?.data &&\n              dataSource.data.length > 0 &&\n              data?.filterFn\n            \"\n            class=\"page-number-display\"\n          >\n            {{ currentPageNumber }}\n          </div> -->\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- TOOLTIP PERSONALIZADO -->\n  <lib-table-tooltip\n    [state]=\"tooltipState\"\n    [styles]=\"getTooltipStyles()\"\n  ></lib-table-tooltip>\n</div>\n", styles: ["@charset \"UTF-8\";:host{--table-color: #1976d2;--table-text-color: white;--table-header-bg: #1976d2;--table-header-text: white;--table-scrollbar-bg: #f5f5f5;--table-scrollbar-thumb: var(--table-color)}.table-container::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.table-container::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.table-container::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}.overflow-x-auto::-webkit-scrollbar,.overflow-y-auto::-webkit-scrollbar,.overflow-auto::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.overflow-x-auto::-webkit-scrollbar-thumb,.overflow-y-auto::-webkit-scrollbar-thumb,.overflow-auto::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.overflow-x-auto::-webkit-scrollbar-thumb:hover,.overflow-y-auto::-webkit-scrollbar-thumb:hover,.overflow-auto::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}:host ::ng-deep .mat-table .mat-header-cell,:host ::ng-deep .mat-header-cell,:host ::ng-deep th.mat-header-cell,:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell,:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep th.mat-mdc-header-cell{background-color:var(--table-header-bg, #1976d2)!important;color:var(--table-header-text, white)!important;font-weight:600}::ng-deep .fa-filter,::ng-deep i.fa-filter{color:var(--table-color, #1976d2)!important}::ng-deep .rounded-xl.border{border-color:var(--table-color, #1976d2)!important}::ng-deep .border-gray-200.rounded-xl{border-color:var(--table-color, #1976d2)!important}::ng-deep .mdc-notched-outline__notch{border-right:none!important}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:0}::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:0}.mat-mdc-text-field-wrapper.mdc-text-field--outlined.mdc-text-field--disabled{background:rgba(0,0,0,.15);background-size:1px 100%!important;background-repeat:repeat-x!important}.mdc-text-field--disabled .mdc-text-field__input{color:#525252}button:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)){transition:all .2s ease;cursor:pointer}button:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):hover:not(:disabled){opacity:.9;transform:scale(1.02)}button:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):disabled{opacity:.5;cursor:not-allowed;transform:none}::ng-deep .hide-length .mat-mdc-paginator-range-label{display:none}::ng-deep .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-next.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base{visibility:hidden}::ng-deep .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-last.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base.ng-star-inserted{visibility:hidden}::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field.ng-tns-c162-1.mdc-text-field--filled{width:25dvw}::ng-deep .custom-filter .mat-mdc-text-field-wrapper{width:20dvw;max-width:300px}button[matTooltip=\"Adicionar novo filtro\"],button:has(i.fa-plus){display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:2px solid #93c5fd;background-color:#dbeafe;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;color:#2563eb;transition:all .3s;cursor:pointer;transform:translateY(0)}button[matTooltip=\"Adicionar novo filtro\"]:hover,button:has(i.fa-plus):hover{transform:translateY(-2px);border-color:#60a5fa;background-color:#bfdbfe;box-shadow:0 4px 6px #0000001a}button[matTooltip=\"Aplicar filtros\"],button:has(i.fa-search){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#16a34a;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Aplicar filtros\"]:hover,button:has(i.fa-search):hover{background-color:#15803d}button[matTooltip=\"Aplicar filtros\"]:disabled,button:has(i.fa-search):disabled{opacity:.5;cursor:not-allowed}button[matTooltip=\"Limpar filtros\"],button:has(i.fas.fa-redo-alt){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#ef4444;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Limpar filtros\"]:hover,button:has(i.fas.fa-redo-alt):hover{background-color:#dc2626}button[matTooltip=\"Exportar Tabela\"],button:has(i.fa-download){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#f97316;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Exportar Tabela\"]:hover:not(:disabled),button:has(i.fa-download):hover:not(:disabled){background-color:#ea580c}button[matTooltip=\"Exportar Tabela\"]:disabled,button:has(i.fa-download):disabled{opacity:.5;cursor:not-allowed}\n"] }]
+        args: [{ selector: 'lib-table', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"data\" class=\"card-body\">\n  <div class=\"flex flex-col justify-between gap-6\">\n    <!-- UNIFIED CONTROL PANEL: FILTERS, SORT & ACTIONS -->\n    <div\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\n      *ngIf=\"\n        data.pagination === true &&\n        (dropdownItems.length > 0 ||\n          sortableDropdownItems.length > 0 ||\n          data.actionButton)\n      \"\n    >\n      <!-- PANEL HEADER: Title and Custom Action -->\n      <div\n        class=\"mb-4 flex flex-col items-start justify-between gap-4 border-b-2 border-gray-200 pb-4 md:flex-row md:items-center\"\n      >\n        <!-- Left Side: Title & Main Action Button -->\n        <div class=\"flex flex-wrap items-center gap-4\">\n          <div class=\"flex items-center gap-2\">\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\n            <span class=\"text-lg font-semibold text-gray-700\"\n              >Filtros e A\u00E7\u00F5es</span\n            >\n          </div>\n          <button\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\n            [ngClass]=\"getActionButtonClass()\"\n            [routerLink]=\"data.actionButton.routerLink\"\n            (click)=\"\n              data.actionButton.method ? data.actionButton.method($event) : null\n            \"\n          >\n            <i\n              *ngIf=\"data.actionButton.icon\"\n              [class]=\"data.actionButton.icon\"\n            ></i>\n            {{ data.actionButton.label }}\n          </button>\n        </div>\n      </div>\n\n      <!-- SORT FIELD (Integrated with filters) -->\n      <div class=\"mb-4\" *ngIf=\"sortableDropdownItems.length > 0\">\n        <div class=\"flex flex-wrap items-center gap-3 p-2\">\n          <div class=\"min-w-[200px] flex-1\">\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label class=\"flex items-center gap-2\">\n                <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\n                <span>Ordenar por</span>\n              </mat-label>\n              <mat-select placeholder=\"Selecione...\" [formControl]=\"selectSort\">\n                <mat-option\n                  *ngFor=\"let item of sortableDropdownItems\"\n                  [value]=\"item\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\n                    <span>{{ item.title }}</span>\n                  </div>\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n      <!-- FILTERS CONTENT (WITH REFINEMENTS) -->\n      <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\n        <div\n          [formGroup]=\"$any(filterGroup)\"\n          *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\n          class=\"flex flex-wrap items-center gap-3 p-2\"\n        >\n          <!-- FILTER TYPE SELECTOR -->\n          <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label>Tipo de filtro</mat-label>\n              <mat-select\n                placeholder=\"Selecione o tipo...\"\n                formControlName=\"selectFilter\"\n                (selectionChange)=\"onSelectFilterChange()\"\n              >\n                <mat-option\n                  *ngFor=\"let item of getAvailableFilterOptions(filterGroup)\"\n                  [value]=\"item\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <i\n                      [class]=\"item.icon || 'fa fa-filter'\"\n                      class=\"text-sm text-blue-500\"\n                    ></i>\n                    <span>{{ item.title }}</span>\n                  </div>\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n\n          <!-- TEXT FILTER -->\n          <div\n            class=\"min-w-[200px] flex-1\"\n            *ngIf=\"\n              $any(filterGroup).get('selectFilter')?.value?.arrange === 'filter'\n            \"\n          >\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label class=\"flex items-center gap-2\">\n                <i class=\"fa fa-search text-gray-400\"></i>\n                <span>{{\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                    \"Filtrar\"\n                }}</span>\n              </mat-label>\n              <input\n                (keyup.enter)=\"search($event)\"\n                formControlName=\"typeFilter\"\n                matInput\n                placeholder=\"Digite para filtrar...\"\n                #input\n              />\n            </mat-form-field>\n          </div>\n\n          <!-- DROPDOWN FILTER -->\n          <div\n            class=\"min-w-[200px] flex-1\"\n            *ngIf=\"\n              $any(filterGroup).get('selectFilter')?.value &&\n              $any(filterGroup)\n                .get('selectFilter')\n                ?.value.hasOwnProperty('items')\n            \"\n          >\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label>{{\n                $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                  \"Selecione\"\n              }}</mat-label>\n              <mat-select\n                placeholder=\"Selecione...\"\n                formControlName=\"selectItem\"\n                multiple\n              >\n                <mat-option\n                  *ngFor=\"\n                    let item of $any(filterGroup).get('selectFilter')?.value\n                      .items\n                  \"\n                  [value]=\"item\"\n                >\n                  {{ item.label }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n\n          <!-- DATE FILTER -->\n          <div\n            class=\"min-w-[340px] flex-auto\"\n            *ngIf=\"\n              $any(filterGroup).get('selectFilter')?.value?.arrange ===\n              'filterByDate'\n            \"\n          >\n            <div\n              class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\n            >\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                <mat-label class=\"flex items-center gap-2\">\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\n                  <span>Data Inicial</span>\n                </mat-label>\n                <input\n                  type=\"text\"\n                  matInput\n                  (keydown.enter)=\"search($event)\"\n                  (input)=\"onDateInput($event, 'initialDate', i)\"\n                  formControlName=\"initialDate\"\n                  placeholder=\"DD/MM/AAAA\"\n                  maxlength=\"10\"\n                />\n              </mat-form-field>\n\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                <mat-label class=\"flex items-center gap-2\">\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\n                  <span>Data Final</span>\n                </mat-label>\n                <input\n                  type=\"text\"\n                  (keydown.enter)=\"search($event)\"\n                  (input)=\"onDateInput($event, 'finalDate', i)\"\n                  matInput\n                  formControlName=\"finalDate\"\n                  placeholder=\"DD/MM/AAAA\"\n                  maxlength=\"10\"\n                />\n              </mat-form-field>\n            </div>\n          </div>\n\n          <!-- REMOVE FILTER BUTTON -->\n          <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\n            <button\n              (click)=\"removeFilter(i)\"\n              class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\n              matTooltip=\"Remover filtro\"\n            >\n              <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- PANEL FOOTER: Add Filter & Action Buttons -->\n      <div\n        class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\n      >\n        <!-- Add Filter Button -->\n        <div *ngIf=\"dropdownItems.length > 0\">\n          <button\n            (click)=\"addFilter()\"\n            class=\"transform rounded-full border-2 border-blue-300 bg-blue-50 px-6 py-2 text-sm font-medium text-blue-600 transition-all duration-300 hover:-translate-y-0.5 hover:border-blue-400 hover:bg-blue-100 hover:shadow-md\"\n            matTooltip=\"Adicionar novo filtro\"\n          >\n            <i class=\"fa fa-plus mr-2\"></i>\n            Adicionar Filtro\n          </button>\n        </div>\n\n        <!-- Right Side: Search, Reset, Export -->\n        <div\n          class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\n          *ngIf=\"\n            this.hasFilterableColumn === true || this.hasSortableColumn === true\n          \"\n        >\n          <button\n            (click)=\"search()\"\n            type=\"button\"\n            class=\"flex items-center gap-2 rounded-lg bg-green-600 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-green-700\"\n            matTooltip=\"Aplicar filtros\"\n          >\n            <i class=\"fa fa-search\"></i>\n            Pesquisar\n          </button>\n\n          <button\n            (click)=\"resetFilter()\"\n            class=\"flex items-center gap-2 rounded-lg bg-red-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-red-600\"\n            matTooltip=\"Limpar filtros\"\n          >\n            <i class=\"fas fa-redo-alt\"></i>\n            Resetar\n          </button>\n\n          <button\n            *ngIf=\"data.download !== false && downloadTable\"\n            class=\"flex items-center gap-2 rounded-lg bg-orange-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-orange-600\"\n            matTooltipPosition=\"above\"\n            matTooltip=\"Exportar Tabela\"\n            [disabled]=\"\n              this.dataSource && this.dataSource.filteredData.length <= 0\n            \"\n            (click)=\"\n              $any(arrange) && downloadTable !== undefined\n                ? downloadTable($any(arrange), data.conditions || [])\n                : null\n            \"\n          >\n            <i class=\"fa fa-download\"></i>\n            Exportar\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <!-- UNIFIED CONTROL PANEL (for non-paginated tables): SEARCH, SORT & FILTERS -->\n    <div\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\n      *ngIf=\"\n        data.pagination === false &&\n        (hasFilterableColumn === true ||\n          dropdownItems.length > 0 ||\n          data.actionButton)\n      \"\n    >\n      <!-- PANEL HEADER: Title and Custom Action -->\n      <div\n        class=\"mb-4 flex flex-col items-start justify-between gap-4 border-b-2 border-gray-200 pb-4 md:flex-row md:items-center\"\n      >\n        <!-- Left Side: Title & Main Action Button -->\n        <div class=\"flex flex-wrap items-center gap-4\">\n          <div class=\"flex items-center gap-2\">\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\n            <span class=\"text-lg font-semibold text-gray-700\"\n              >Filtros e A\u00E7\u00F5es</span\n            >\n          </div>\n          <button\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\n            [ngClass]=\"getActionButtonClass()\"\n            [routerLink]=\"data.actionButton.routerLink\"\n            (click)=\"\n              data.actionButton.method ? data.actionButton.method($event) : null\n            \"\n          >\n            <i\n              *ngIf=\"data.actionButton.icon\"\n              [class]=\"data.actionButton.icon\"\n            ></i>\n            {{ data.actionButton.label }}\n          </button>\n        </div>\n      </div>\n\n      <!-- SIMPLE SEARCH -->\n      <div\n        class=\"mb-4\"\n        *ngIf=\"hasFilterableColumn === true && data.showSimpleSearch !== false\"\n      >\n        <mat-form-field appearance=\"outline\" class=\"w-full\">\n          <mat-label class=\"flex items-center gap-2\">\n            <i class=\"fa fa-search text-blue-500\"></i>\n            Buscar\n          </mat-label>\n          <input\n            matInput\n            (keyup.enter)=\"search($event)\"\n            (keyup)=\"applyFilter(filterInput.value)\"\n            placeholder=\"Digite para filtrar...\"\n            #filterInput\n          />\n          <mat-icon matSuffix class=\"text-gray-500\">search</mat-icon>\n        </mat-form-field>\n      </div>\n\n      <!-- FILTERS PANEL -->\n      <div *ngIf=\"dropdownItems.length > 0\">\n        <!-- FILTERS CONTENT -->\n        <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\n          <div\n            [formGroup]=\"$any(filterGroup)\"\n            *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\n            class=\"flex flex-wrap items-center gap-3\"\n          >\n            <!-- FILTER TYPE SELECTOR -->\n            <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\n                <mat-label>Tipo de filtro</mat-label>\n                <mat-select\n                  placeholder=\"Selecione o tipo...\"\n                  formControlName=\"selectFilter\"\n                  (selectionChange)=\"onSelectFilterChange()\"\n                >\n                  <mat-option\n                    *ngFor=\"let item of getAvailableFilterOptions(filterGroup)\"\n                    [value]=\"item\"\n                  >\n                    <div class=\"flex items-center gap-2\">\n                      <i\n                        [class]=\"item.icon || 'fa fa-filter'\"\n                        class=\"text-sm text-blue-500\"\n                      ></i>\n                      <span>{{ item.title }}</span>\n                    </div>\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n\n            <!-- TEXT FILTER -->\n            <div\n              class=\"min-w-[200px] flex-1\"\n              *ngIf=\"\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\n                'filter'\n              \"\n            >\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\n                <mat-label class=\"flex items-center gap-2\">\n                  <i class=\"fa fa-search text-gray-400\"></i>\n                  <span>{{\n                    $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                      \"Filtrar\"\n                  }}</span>\n                </mat-label>\n                <input\n                  (keyup.enter)=\"search($event)\"\n                  formControlName=\"typeFilter\"\n                  matInput\n                  placeholder=\"Digite para filtrar...\"\n                  #input\n                />\n              </mat-form-field>\n            </div>\n\n            <!-- DROPDOWN FILTER -->\n            <div\n              class=\"min-w-[200px] flex-1\"\n              *ngIf=\"\n                $any(filterGroup).get('selectFilter')?.value &&\n                $any(filterGroup)\n                  .get('selectFilter')\n                  ?.value.hasOwnProperty('items')\n              \"\n            >\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\n                <mat-label>{{\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                    \"Selecione\"\n                }}</mat-label>\n                <mat-select\n                  placeholder=\"Selecione...\"\n                  formControlName=\"selectItem\"\n                  multiple\n                >\n                  <mat-option\n                    *ngFor=\"\n                      let item of $any(filterGroup).get('selectFilter')?.value\n                        .items\n                    \"\n                    [value]=\"item\"\n                  >\n                    {{ item.label }}\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n\n            <!-- DATE FILTER -->\n            <div\n              class=\"min-w-[340px] flex-auto\"\n              *ngIf=\"\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\n                'filterByDate'\n              \"\n            >\n              <div\n                class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\n              >\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                  <mat-label class=\"flex items-center gap-2\">\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\n                    <span>Data Inicial</span>\n                  </mat-label>\n                  <input\n                    type=\"text\"\n                    matInput\n                    (keydown.enter)=\"search($event)\"\n                    (input)=\"onDateInput($event, 'initialDate', i)\"\n                    (blur)=\"onDateFilterChange()\"\n                    formControlName=\"initialDate\"\n                    placeholder=\"DD/MM/AAAA\"\n                    maxlength=\"10\"\n                  />\n                </mat-form-field>\n\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                  <mat-label class=\"flex items-center gap-2\">\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\n                    <span>Data Final</span>\n                  </mat-label>\n                  <input\n                    type=\"text\"\n                    (keydown.enter)=\"search($event)\"\n                    (input)=\"onDateInput($event, 'finalDate', i)\"\n                    (blur)=\"onDateFilterChange()\"\n                    matInput\n                    formControlName=\"finalDate\"\n                    placeholder=\"DD/MM/AAAA\"\n                    maxlength=\"10\"\n                  />\n                </mat-form-field>\n              </div>\n            </div>\n\n            <!-- REMOVE FILTER BUTTON -->\n            <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\n              <button\n                (click)=\"removeFilter(i)\"\n                class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\n                matTooltip=\"Remover filtro\"\n              >\n                <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <!-- PANEL FOOTER: Add Filter & Actions -->\n        <div\n          class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\n        >\n          <!-- Add Filter Button -->\n          <div *ngIf=\"dropdownItems.length > 0\">\n            <button\n              (click)=\"addFilter()\"\n              class=\"transform rounded-full border-2 border-blue-300 bg-blue-50 px-6 py-2 text-sm font-medium text-blue-600 transition-all duration-300 hover:-translate-y-0.5 hover:border-blue-400 hover:bg-blue-100 hover:shadow-md\"\n              matTooltip=\"Adicionar novo filtro\"\n            >\n              <i class=\"fa fa-plus mr-2\"></i>\n              Adicionar Filtro\n            </button>\n          </div>\n\n          <!-- Action Buttons -->\n          <div\n            class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\n            *ngIf=\"\n              this.hasFilterableColumn === true ||\n              this.hasSortableColumn === true\n            \"\n          >\n            <button\n              (click)=\"search()\"\n              type=\"button\"\n              class=\"flex items-center gap-2 rounded-lg bg-green-600 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-green-700\"\n              matTooltip=\"Aplicar filtros\"\n            >\n              <i class=\"fa fa-search\"></i>\n              Pesquisar\n            </button>\n\n            <button\n              (click)=\"resetFilter()\"\n              class=\"flex items-center gap-2 rounded-lg bg-red-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-red-600\"\n              matTooltip=\"Limpar filtros\"\n            >\n              <i class=\"fas fa-redo-alt\"></i>\n              Resetar\n            </button>\n\n            <button\n              *ngIf=\"data.download !== false && downloadTable\"\n              class=\"flex items-center gap-2 rounded-lg bg-orange-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-orange-600\"\n              matTooltipPosition=\"above\"\n              matTooltip=\"Exportar Tabela\"\n              [disabled]=\"\n                this.dataSource && this.dataSource.filteredData.length <= 0\n              \"\n              (click)=\"handleDownload()\"\n            >\n              <i class=\"fa fa-download\"></i>\n              Exportar\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col\">\n      <!-- TABS COMPONENT -->\n      <lib-table-tabs\n        *ngIf=\"data.tabs && data.tabs.tabsData && data.tabs.tabsData.length > 0\"\n        [tabsData]=\"data.tabs.tabsData\"\n        [selectedTab]=\"selectedTab\"\n        (tabSelected)=\"onTabSelected($event)\"\n      ></lib-table-tabs>\n      <div\n        class=\"mat-elevation-z8 w-full overflow-x-auto rounded-xl table-container\"\n      >\n        <table\n          mat-table\n          [dataSource]=\"dataSource\"\n          matSort\n          #sort=\"matSort\"\n          matSortActive=\"createdAt\"\n          matSortDirection=\"desc\"\n        >\n          <ng-container\n            *ngFor=\"let col of data.displayedColumns; trackBy: trackByProperty\"\n            matColumnDef=\"{{ col.property }}\"\n          >\n            <ng-container *matHeaderCellDef>\n              <!-- IF THE COLUMN IS NOT SORTABLE, THEN DON'T SHOW THE SORT BUTTONS -->\n              <th\n                *ngIf=\"!col.isSortable || data.pagination === true\"\n                mat-header-cell\n              >\n                {{ col.title }}\n              </th>\n              <!-- IF THE COLUMN IS SORTABLE, THEN SHOW THE SORT BUTTONS -->\n              <th\n                *ngIf=\"col.isSortable && data.pagination === false\"\n                mat-header-cell\n                mat-sort-header\n              >\n                {{ col.title }}\n              </th>\n              <td\n                mat-cell\n                *matCellDef=\"let row\"\n                (click)=\"col.method ? col.method(row) : null\"\n                (mouseenter)=\"onCellMouseEnter($event, row, col)\"\n                (mouseleave)=\"onCellMouseLeave()\"\n                (mousemove)=\"onCellMouseMove($event)\"\n              >\n                <!-- CHECK IF THE COLUMN MUST BE DISPLAYED -->\n                <span *ngIf=\"!col.image && !col.iconClass && !col.method\">\n                  <ng-container>\n                    <span\n                      *ngIf=\"\n                        col.charLimit &&\n                          row[col.property] &&\n                          row[col.property].length > col.charLimit;\n                        else withinLimit\n                      \"\n                    >\n                      <a\n                        *ngIf=\"col.hasLink === true\"\n                        [href]=\"row[col.property]\"\n                        target=\"_blank\"\n                      >\n                        {{ getDisplayValue(col, row) }}\n                      </a>\n                      <a\n                        *ngIf=\"col.hasLink && isString(col.hasLink)\"\n                        [href]=\"col.hasLink\"\n                        target=\"_blank\"\n                      >\n                        {{ getDisplayValue(col, row) }}\n                      </a>\n                      <span\n                        *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\n                      >\n                        {{ getDisplayValue(col, row) }}\n                      </span>\n                    </span>\n                  </ng-container>\n                  <ng-template #withinLimit>\n                    <a\n                      *ngIf=\"col.hasLink === true\"\n                      [href]=\"row[col.property]\"\n                      target=\"_blank\"\n                    >\n                      {{ getDisplayValue(col, row, true) }}\n                    </a>\n                    <a\n                      *ngIf=\"col.hasLink && isString(col.hasLink)\"\n                      [href]=\"col.hasLink\"\n                      target=\"_blank\"\n                    >\n                      {{ getDisplayValue(col, row, true) }}\n                    </a>\n                    <span\n                      *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\n                    >\n                      {{ getDisplayValue(col, row, true) }}\n                    </span>\n                  </ng-template>\n                </span>\n                <!------------------- IMAGE ------------------>\n                <!-- Imagem com loading -->\n                <div\n                  *ngIf=\"\n                    col.image && col.image.path && !col.iconClass && !col.method\n                  \"\n                  class=\"relative inline-block\"\n                >\n                  <mat-spinner\n                    *ngIf=\"isImageLoading(row, col)\"\n                    [diameter]=\"32\"\n                    class=\"absolute inset-0 m-auto\"\n                  ></mat-spinner>\n                  <img\n                    [src]=\"col.image.path + '/' + row[col.property]\"\n                    [ngClass]=\"col.image.class\"\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\n                    alt=\"\"\n                    (load)=\"onImageLoad(row, col)\"\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\n                  />\n                </div>\n\n                <!-- Imagem com URL completa e loading -->\n                <div\n                  *ngIf=\"\n                    col.image && col.image.url && !col.iconClass && !col.method\n                  \"\n                  class=\"relative inline-block\"\n                >\n                  <mat-spinner\n                    *ngIf=\"isImageLoading(row, col)\"\n                    [diameter]=\"32\"\n                    class=\"absolute inset-0 m-auto\"\n                  ></mat-spinner>\n                  <img\n                    [src]=\"row[col.property]\"\n                    [ngClass]=\"col.image.class\"\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\n                    alt=\"\"\n                    (load)=\"onImageLoad(row, col)\"\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\n                  />\n                </div>\n                <ng-container *ngIf=\"col.iconClass\">\n                  <button\n                    *ngFor=\"let iconClass of col.iconClass\"\n                    (click)=\"\n                      iconClass.buttonMethod\n                        ? iconClass.buttonMethod(row, $event)\n                        : $event.stopPropagation()\n                    \"\n                  >\n                    <span\n                      [ngClass]=\"iconClass.class\"\n                      *ngIf=\"\n                        iconClass.condition === undefined ||\n                        (iconClass.condition !== undefined &&\n                          $any(iconClass.condition)(row))\n                      \"\n                      >{{ iconClass.text }}</span\n                    >\n                  </button>\n                </ng-container>\n              </td>\n            </ng-container>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"columnProperties\"></tr>\n          <tr\n            [ngClass]=\"getTableRowNgClass()\"\n            mat-row\n            *matRowDef=\"let row; columns: columnProperties\"\n            (click)=\"goToDetails(row)\"\n          ></tr>\n\n          <!-- ROW SHOWN WHEN THERE IS NO MATCHING DATA. -->\n          <tr class=\"mat-row\" *matNoDataRow>\n            <td *ngIf=\"!(isLoading$ | async)\" class=\"mat-cell p-4\" colspan=\"4\">\n              Nenhum resultado encontrado para a busca\n            </td>\n          </tr>\n        </table>\n\n        <div class=\"flex justify-center\" *ngIf=\"isLoading$ | async\">\n          <mat-spinner></mat-spinner>\n        </div>\n\n        <div class=\"paginator-container\">\n          <mat-paginator\n            #paginator\n            [pageSizeOptions]=\"[25, 50, 100]\"\n            [pageSize]=\"pageSize\"\n            [length]=\"totalItems\"\n            showFirstLastButtons\n            aria-label=\"Select page of periodic elements\"\n            (page)=\"onPageChange($event)\"\n            [ngClass]=\"getPaginatorNgClass()\"\n          >\n          </mat-paginator>\n          <!-- <div\n            *ngIf=\"\n              !(isLoading$ | async) &&\n              dataSource?.data &&\n              dataSource.data.length > 0 &&\n              data?.filterFn\n            \"\n            class=\"page-number-display\"\n          >\n            {{ currentPageNumber }}\n          </div> -->\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- TOOLTIP PERSONALIZADO -->\n  <lib-table-tooltip\n    [state]=\"tooltipState\"\n    [styles]=\"getTooltipStyles()\"\n  ></lib-table-tooltip>\n</div>\n", styles: ["@charset \"UTF-8\";:host{--table-color: #1976d2;--table-text-color: white;--table-header-bg: #1976d2;--table-header-text: white;--table-scrollbar-bg: #f5f5f5;--table-scrollbar-thumb: var(--table-color)}.table-container::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.table-container::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.table-container::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}.overflow-x-auto::-webkit-scrollbar,.overflow-y-auto::-webkit-scrollbar,.overflow-auto::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.overflow-x-auto::-webkit-scrollbar-thumb,.overflow-y-auto::-webkit-scrollbar-thumb,.overflow-auto::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.overflow-x-auto::-webkit-scrollbar-thumb:hover,.overflow-y-auto::-webkit-scrollbar-thumb:hover,.overflow-auto::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}:host ::ng-deep .mat-table .mat-header-cell,:host ::ng-deep .mat-header-cell,:host ::ng-deep th.mat-header-cell,:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell,:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep th.mat-mdc-header-cell{background-color:var(--table-header-bg, #1976d2)!important;color:var(--table-header-text, white)!important;font-weight:600}::ng-deep .fa-filter,::ng-deep i.fa-filter{color:var(--table-color, #1976d2)!important}::ng-deep .rounded-xl.border{border-color:var(--table-color, #1976d2)!important}::ng-deep .border-gray-200.rounded-xl{border-color:var(--table-color, #1976d2)!important}::ng-deep .mdc-notched-outline__notch{border-right:none!important}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:0}::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:0}.mat-mdc-text-field-wrapper.mdc-text-field--outlined.mdc-text-field--disabled{background:rgba(0,0,0,.15);background-size:1px 100%!important;background-repeat:repeat-x!important}.mdc-text-field--disabled .mdc-text-field__input{color:#525252}button:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)){transition:all .2s ease;cursor:pointer}button:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):hover:not(:disabled){opacity:.9;transform:scale(1.02)}button:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):disabled{opacity:.5;cursor:not-allowed;transform:none}::ng-deep .hide-length .mat-mdc-paginator-range-label{display:none}::ng-deep .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-next.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base{visibility:hidden}::ng-deep .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-last.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base.ng-star-inserted{visibility:hidden}::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field.ng-tns-c162-1.mdc-text-field--filled{width:25dvw}::ng-deep .custom-filter .mat-mdc-text-field-wrapper{width:20dvw;max-width:300px}button[matTooltip=\"Adicionar novo filtro\"],button:has(i.fa-plus){display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:2px solid #93c5fd;background-color:#dbeafe;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;color:#2563eb;transition:all .3s;cursor:pointer;transform:translateY(0)}button[matTooltip=\"Adicionar novo filtro\"]:hover,button:has(i.fa-plus):hover{transform:translateY(-2px);border-color:#60a5fa;background-color:#bfdbfe;box-shadow:0 4px 6px #0000001a}button[matTooltip=\"Aplicar filtros\"],button:has(i.fa-search){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#16a34a;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Aplicar filtros\"]:hover,button:has(i.fa-search):hover{background-color:#15803d}button[matTooltip=\"Aplicar filtros\"]:disabled,button:has(i.fa-search):disabled{opacity:.5;cursor:not-allowed}button[matTooltip=\"Limpar filtros\"],button:has(i.fas.fa-redo-alt){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#ef4444;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Limpar filtros\"]:hover,button:has(i.fas.fa-redo-alt):hover{background-color:#dc2626}button[matTooltip=\"Exportar Tabela\"],button:has(i.fa-download){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#f97316;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Exportar Tabela\"]:hover:not(:disabled),button:has(i.fa-download):hover:not(:disabled){background-color:#ea580c}button[matTooltip=\"Exportar Tabela\"]:disabled,button:has(i.fa-download):disabled{opacity:.5;cursor:not-allowed}\n"] }]
     }], function () { return [{ type: i1$2.Router }, { type: TableService }, { type: FilterService }, { type: TooltipService }, { type: PaginationService }, { type: i1.AngularFirestore }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, { data: [{
             type: Input
         }], downloadTable: [{