ng-firebase-table-kxp 1.2.2 → 1.2.3

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Optional, Injectable, EventEmitter, Output, Input, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
+import { Component, Injectable, Optional, EventEmitter, ChangeDetectionStrategy, Output, Input, ViewChild, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i8 from '@angular/forms';
@@ -33,13 +33,18 @@ import * as i1 from '@angular/fire/compat/firestore';
 import * as i3 from 'ngx-toastr';
 
 class NgFirebaseTableKxpComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgFirebaseTableKxpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: NgFirebaseTableKxpComponent, isStandalone: false, selector: "lib-ng-firebase-table-kxp", ngImport: i0, template: ` <p>ng-firebase-table-kxp works!</p> `, isInline: true }); }
+    static { this.ɵfac = function NgFirebaseTableKxpComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NgFirebaseTableKxpComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NgFirebaseTableKxpComponent, selectors: [["lib-ng-firebase-table-kxp"]], standalone: false, decls: 2, vars: 0, template: function NgFirebaseTableKxpComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "p");
+            i0.ɵɵtext(1, "ng-firebase-table-kxp works!");
+            i0.ɵɵelementEnd();
+        } }, encapsulation: 2 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgFirebaseTableKxpComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-ng-firebase-table-kxp', standalone: false, template: ` <p>ng-firebase-table-kxp works!</p> ` }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NgFirebaseTableKxpComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-ng-firebase-table-kxp', standalone: false, template: ` <p>ng-firebase-table-kxp works!</p> ` }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NgFirebaseTableKxpComponent, { className: "NgFirebaseTableKxpComponent", filePath: "lib/ng-firebase-table-kxp.component.ts", lineNumber: 9 }); })();
 
 const TABLE_DEFAULTS = {
     SORT_FIELD: 'createdAt',
@@ -1244,18 +1249,18 @@ class TableService {
             console.warn('Falha ao rastrear índice ausente:', trackingError);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableService, deps: [{ token: i1.AngularFirestore, optional: true }, { token: i2.MatDialog, optional: true }, { token: i3.ToastrService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableService }); }
+    static { this.ɵfac = function TableService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableService)(i0.ɵɵinject(i1.AngularFirestore, 8), i0.ɵɵinject(i2.MatDialog, 8), i0.ɵɵinject(i3.ToastrService, 8)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TableService, factory: TableService.ɵfac }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.AngularFirestore, decorators: [{
-                    type: Optional
-                }] }, { type: i2.MatDialog, decorators: [{
-                    type: Optional
-                }] }, { type: i3.ToastrService, decorators: [{
-                    type: Optional
-                }] }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableService, [{
+        type: Injectable
+    }], () => [{ type: i1.AngularFirestore, decorators: [{
+                type: Optional
+            }] }, { type: i2.MatDialog, decorators: [{
+                type: Optional
+            }] }, { type: i3.ToastrService, decorators: [{
+                type: Optional
+            }] }], null); })();
 
 class FilterService {
     constructor(tableService) {
@@ -1659,15 +1664,15 @@ class FilterService {
         }
         return dropdownItems;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterService, deps: [{ token: TableService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterService, providedIn: 'root' }); }
+    static { this.ɵfac = function FilterService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilterService)(i0.ɵɵinject(TableService)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FilterService, factory: FilterService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: TableService }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], () => [{ type: TableService }], null); })();
 
 class TooltipService {
     constructor() {
@@ -1798,15 +1803,15 @@ class TooltipService {
             this.tooltipTimeout = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TooltipService, providedIn: 'root' }); }
+    static { this.ɵfac = function TooltipService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TooltipService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TooltipService, factory: TooltipService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TooltipService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], null, null); })();
 
 class PaginationService {
     calculateNavigation(event, currentState) {
@@ -1911,16 +1916,68 @@ class PaginationService {
     shouldShowNextButton(hasNextPage, isPaginated) {
         return hasNextPage || !isPaginated;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PaginationService, providedIn: 'root' }); }
+    static { this.ɵfac = function PaginationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaginationService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PaginationService, factory: PaginationService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PaginationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], null, null); })();
 
+function TableTabsComponent_div_0_ng_container_1_ng_container_2_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tab_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("ngClass", tab_r5.counterClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", tab_r5.counter, " ");
+} }
+function TableTabsComponent_div_0_ng_container_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "button", 4);
+    i0.ɵɵlistener("click", function TableTabsComponent_div_0_ng_container_1_ng_container_2_Template_button_click_1_listener() { const j_r2 = i0.ɵɵrestoreView(_r1).index; const i_r3 = i0.ɵɵnextContext().index; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.onTabSelected(i_r3, j_r2)); });
+    i0.ɵɵtext(2);
+    i0.ɵɵtemplate(3, TableTabsComponent_div_0_ng_container_1_ng_container_2_span_3_Template, 2, 2, "span", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const tab_r5 = ctx.$implicit;
+    const j_r2 = ctx.index;
+    const i_r3 = i0.ɵɵnextContext().index;
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r3.isTabSelected(ctx_r3.getRealTabIndex(i_r3, j_r2)) ? "border-b-0 brightness-110" : "");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", tab_r5.label, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", tab_r5.counter !== undefined);
+} }
+function TableTabsComponent_div_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 3);
+    i0.ɵɵtemplate(2, TableTabsComponent_div_0_ng_container_1_ng_container_2_Template, 4, 3, "ng-container", 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const groupIndex_r6 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r3.getTabGroup(groupIndex_r6));
+} }
+function TableTabsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, TableTabsComponent_div_0_ng_container_1_Template, 3, 1, "ng-container", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r3.getTabGroups());
+} }
 class TableTabsComponent {
     constructor() {
         this.tabsData = [];
@@ -1977,20 +2034,36 @@ class TableTabsComponent {
     isTabSelected(originalIndex) {
         return this.selectedTab === originalIndex;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TableTabsComponent, isStandalone: false, selector: "lib-table-tabs", inputs: { tabsData: "tabsData", selectedTab: "selectedTab" }, outputs: { tabSelected: "tabSelected" }, ngImport: i0, template: "<div class=\"mx-auto flex flex-col\" *ngIf=\"tabsData && tabsData.length > 0\">\r\n  <ng-container *ngFor=\"let groupIndex of getTabGroups(); let i = index\">\r\n    <div class=\"mx-auto flex flex-row\">\r\n      <ng-container *ngFor=\"let tab of getTabGroup(groupIndex); let j = index\">\r\n        <button\r\n          class=\"border-2 border-gray-300 bg-gray-200 px-4 py-2 font-medium transition hover:brightness-95\"\r\n          [ngClass]=\"\r\n            isTabSelected(getRealTabIndex(i, j))\r\n              ? 'border-b-0 brightness-110'\r\n              : ''\r\n          \"\r\n          (click)=\"onTabSelected(i, j)\"\r\n        >\r\n          {{ tab.label }}\r\n          <span\r\n            *ngIf=\"tab.counter !== undefined\"\r\n            class=\"ml-2 text-xs font-bold\"\r\n            [ngClass]=\"tab.counterClass\"\r\n          >\r\n            {{ tab.counter }}\r\n          </span>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = function TableTabsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableTabsComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableTabsComponent, selectors: [["lib-table-tabs"]], inputs: { tabsData: "tabsData", selectedTab: "selectedTab" }, outputs: { tabSelected: "tabSelected" }, standalone: false, decls: 1, vars: 1, consts: [["class", "mx-auto flex flex-col", 4, "ngIf"], [1, "mx-auto", "flex", "flex-col"], [4, "ngFor", "ngForOf"], [1, "mx-auto", "flex", "flex-row"], [1, "border-2", "border-gray-300", "bg-gray-200", "px-4", "py-2", "font-medium", "transition", "hover:brightness-95", 3, "click", "ngClass"], ["class", "ml-2 text-xs font-bold", 3, "ngClass", 4, "ngIf"], [1, "ml-2", "text-xs", "font-bold", 3, "ngClass"]], template: function TableTabsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TableTabsComponent_div_0_Template, 2, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.tabsData && ctx.tabsData.length > 0);
+        } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf], encapsulation: 2, changeDetection: 0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-table-tabs', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mx-auto flex flex-col\" *ngIf=\"tabsData && tabsData.length > 0\">\r\n  <ng-container *ngFor=\"let groupIndex of getTabGroups(); let i = index\">\r\n    <div class=\"mx-auto flex flex-row\">\r\n      <ng-container *ngFor=\"let tab of getTabGroup(groupIndex); let j = index\">\r\n        <button\r\n          class=\"border-2 border-gray-300 bg-gray-200 px-4 py-2 font-medium transition hover:brightness-95\"\r\n          [ngClass]=\"\r\n            isTabSelected(getRealTabIndex(i, j))\r\n              ? 'border-b-0 brightness-110'\r\n              : ''\r\n          \"\r\n          (click)=\"onTabSelected(i, j)\"\r\n        >\r\n          {{ tab.label }}\r\n          <span\r\n            *ngIf=\"tab.counter !== undefined\"\r\n            class=\"ml-2 text-xs font-bold\"\r\n            [ngClass]=\"tab.counterClass\"\r\n          >\r\n            {{ tab.counter }}\r\n          </span>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n\r\n" }]
-        }], propDecorators: { tabsData: [{
-                type: Input
-            }], selectedTab: [{
-                type: Input
-            }], tabSelected: [{
-                type: Output
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableTabsComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-table-tabs', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mx-auto flex flex-col\" *ngIf=\"tabsData && tabsData.length > 0\">\r\n  <ng-container *ngFor=\"let groupIndex of getTabGroups(); let i = index\">\r\n    <div class=\"mx-auto flex flex-row\">\r\n      <ng-container *ngFor=\"let tab of getTabGroup(groupIndex); let j = index\">\r\n        <button\r\n          class=\"border-2 border-gray-300 bg-gray-200 px-4 py-2 font-medium transition hover:brightness-95\"\r\n          [ngClass]=\"\r\n            isTabSelected(getRealTabIndex(i, j))\r\n              ? 'border-b-0 brightness-110'\r\n              : ''\r\n          \"\r\n          (click)=\"onTabSelected(i, j)\"\r\n        >\r\n          {{ tab.label }}\r\n          <span\r\n            *ngIf=\"tab.counter !== undefined\"\r\n            class=\"ml-2 text-xs font-bold\"\r\n            [ngClass]=\"tab.counterClass\"\r\n          >\r\n            {{ tab.counter }}\r\n          </span>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n\r\n" }]
+    }], null, { tabsData: [{
+            type: Input
+        }], selectedTab: [{
+            type: Input
+        }], tabSelected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableTabsComponent, { className: "TableTabsComponent", filePath: "lib/components/table-tabs/table-tabs.component.ts", lineNumber: 16 }); })();
 
+function TableTooltipComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("left", ctx_r0.tooltipPosition.x, "px")("top", ctx_r0.tooltipPosition.y, "px")("pointer-events", "none");
+    i0.ɵɵproperty("ngClass", (ctx_r0.tooltipBgColor || "bg-gray-800") + " " + (ctx_r0.tooltipTextColor || "text-white"))("ngStyle", ctx_r0.styles);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.tooltipContent, "\n");
+} }
 class TableTooltipComponent {
     constructor() {
         this.styles = {};
@@ -2010,18 +2083,829 @@ class TableTooltipComponent {
     get tooltipTextColor() {
         return this.state?.tooltipTextColor ?? 'text-white';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TableTooltipComponent, isStandalone: false, selector: "lib-table-tooltip", inputs: { state: "state", styles: "styles" }, ngImport: i0, template: "<div\r\n  *ngIf=\"showTooltip\"\r\n  class=\"fixed z-50 max-w-md break-words rounded-lg px-3 py-2 text-sm shadow-lg\"\r\n  [ngClass]=\"\r\n    (tooltipBgColor || 'bg-gray-800') + ' ' + (tooltipTextColor || 'text-white')\r\n  \"\r\n  [ngStyle]=\"styles\"\r\n  [style.left.px]=\"tooltipPosition.x\"\r\n  [style.top.px]=\"tooltipPosition.y\"\r\n  [style.pointer-events]=\"'none'\"\r\n>\r\n  {{ tooltipContent }}\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = function TableTooltipComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableTooltipComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableTooltipComponent, selectors: [["lib-table-tooltip"]], inputs: { state: "state", styles: "styles" }, standalone: false, decls: 1, vars: 1, consts: [["class", "fixed z-50 max-w-md break-words rounded-lg px-3 py-2 text-sm shadow-lg", 3, "ngClass", "ngStyle", "left", "top", "pointer-events", 4, "ngIf"], [1, "fixed", "z-50", "max-w-md", "break-words", "rounded-lg", "px-3", "py-2", "text-sm", "shadow-lg", 3, "ngClass", "ngStyle"]], template: function TableTooltipComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TableTooltipComponent_div_0_Template, 2, 9, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.showTooltip);
+        } }, dependencies: [i1$1.NgClass, i1$1.NgIf, i1$1.NgStyle], encapsulation: 2, changeDetection: 0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableTooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-table-tooltip', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  *ngIf=\"showTooltip\"\r\n  class=\"fixed z-50 max-w-md break-words rounded-lg px-3 py-2 text-sm shadow-lg\"\r\n  [ngClass]=\"\r\n    (tooltipBgColor || 'bg-gray-800') + ' ' + (tooltipTextColor || 'text-white')\r\n  \"\r\n  [ngStyle]=\"styles\"\r\n  [style.left.px]=\"tooltipPosition.x\"\r\n  [style.top.px]=\"tooltipPosition.y\"\r\n  [style.pointer-events]=\"'none'\"\r\n>\r\n  {{ tooltipContent }}\r\n</div>\r\n" }]
-        }], propDecorators: { state: [{
-                type: Input
-            }], styles: [{
-                type: Input
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableTooltipComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-table-tooltip', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  *ngIf=\"showTooltip\"\r\n  class=\"fixed z-50 max-w-md break-words rounded-lg px-3 py-2 text-sm shadow-lg\"\r\n  [ngClass]=\"\r\n    (tooltipBgColor || 'bg-gray-800') + ' ' + (tooltipTextColor || 'text-white')\r\n  \"\r\n  [ngStyle]=\"styles\"\r\n  [style.left.px]=\"tooltipPosition.x\"\r\n  [style.top.px]=\"tooltipPosition.y\"\r\n  [style.pointer-events]=\"'none'\"\r\n>\r\n  {{ tooltipContent }}\r\n</div>\r\n" }]
+    }], null, { state: [{
+            type: Input
+        }], styles: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableTooltipComponent, { className: "TableTooltipComponent", filePath: "lib/components/table-tooltip/table-tooltip.component.ts", lineNumber: 10 }); })();
 
+const _c0 = () => [25, 50, 100];
+function TableComponent_div_0_div_2_button_7_i_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassMap(ctx_r2.data.actionButton.icon);
+} }
+function TableComponent_div_0_div_2_button_7_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 34);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.data.actionButton.method ? ctx_r2.data.actionButton.method($event) : null); });
+    i0.ɵɵtemplate(1, TableComponent_div_0_div_2_button_7_i_1_Template, 1, 2, "i", 35);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r2.getActionButtonClass())("routerLink", ctx_r2.data.actionButton.routerLink);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.data.actionButton.icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.data.actionButton.label, " ");
+} }
+function TableComponent_div_0_div_2_div_8_mat_option_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 43)(1, "div", 25);
+    i0.ɵɵelement(2, "i", 40);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(item_r4.title);
+} }
+function TableComponent_div_0_div_2_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36)(1, "div", 37)(2, "div", 38)(3, "mat-form-field", 39)(4, "mat-label", 25);
+    i0.ɵɵelement(5, "i", 40);
+    i0.ɵɵelementStart(6, "span");
+    i0.ɵɵtext(7, "Ordenar por");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "mat-select", 41);
+    i0.ɵɵtemplate(9, TableComponent_div_0_div_2_div_8_mat_option_9_Template, 5, 2, "mat-option", 42);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("formControl", ctx_r2.selectSort);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.sortableDropdownItems);
+} }
+function TableComponent_div_0_div_2_div_9_div_1_div_1_mat_option_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 43)(1, "div", 25);
+    i0.ɵɵelement(2, "i", 51);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r6 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r6);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(item_r6.icon || "fa fa-filter");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r6.title);
+} }
+function TableComponent_div_0_div_2_div_9_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 38)(1, "mat-form-field", 39)(2, "mat-label");
+    i0.ɵɵtext(3, "Tipo de filtro");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "mat-select", 50);
+    i0.ɵɵlistener("selectionChange", function TableComponent_div_0_div_2_div_9_div_1_div_1_Template_mat_select_selectionChange_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onSelectFilterChange()); });
+    i0.ɵɵtemplate(5, TableComponent_div_0_div_2_div_9_div_1_div_1_mat_option_5_Template, 5, 4, "mat-option", 42);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngForOf", ctx_r2.getAvailableFilterOptions());
+} }
+function TableComponent_div_0_div_2_div_9_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 38)(1, "mat-form-field", 39)(2, "mat-label", 25);
+    i0.ɵɵelement(3, "i", 52);
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "input", 53, 2);
+    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(_r7); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.search($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    let tmp_10_0;
+    const filterGroup_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(((tmp_10_0 = filterGroup_r8.get("selectFilter")) == null ? null : tmp_10_0.value == null ? null : tmp_10_0.value.title) || "Filtrar");
+} }
+function TableComponent_div_0_div_2_div_9_div_1_div_3_mat_option_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 43);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r9 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r9);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r9.label, " ");
+} }
+function TableComponent_div_0_div_2_div_9_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 38)(1, "mat-form-field", 39)(2, "mat-label");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "mat-select", 54);
+    i0.ɵɵtemplate(5, TableComponent_div_0_div_2_div_9_div_1_div_3_mat_option_5_Template, 2, 2, "mat-option", 42);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    let tmp_9_0;
+    let tmp_10_0;
+    const filterGroup_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(((tmp_9_0 = filterGroup_r8.get("selectFilter")) == null ? null : tmp_9_0.value == null ? null : tmp_9_0.value.title) || "Selecione");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", (tmp_10_0 = filterGroup_r8.get("selectFilter")) == null ? null : tmp_10_0.value.items);
+} }
+function TableComponent_div_0_div_2_div_9_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 55)(1, "div", 56)(2, "mat-form-field", 57)(3, "mat-label", 25);
+    i0.ɵɵelement(4, "i", 58);
+    i0.ɵɵelementStart(5, "span");
+    i0.ɵɵtext(6, "Data Inicial");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "input", 59);
+    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(_r10); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.search($event)); })("input", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r10); const i_r11 = i0.ɵɵnextContext().index; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onDateInput($event, "initialDate", i_r11)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "mat-form-field", 57)(9, "mat-label", 25);
+    i0.ɵɵelement(10, "i", 58);
+    i0.ɵɵelementStart(11, "span");
+    i0.ɵɵtext(12, "Data Final");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "input", 60);
+    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(_r10); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.search($event)); })("input", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r10); const i_r11 = i0.ɵɵnextContext().index; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onDateInput($event, "finalDate", i_r11)); });
+    i0.ɵɵelementEnd()()()();
+} }
+function TableComponent_div_0_div_2_div_9_div_1_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 61)(1, "button", 62);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_9_div_1_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const i_r11 = i0.ɵɵnextContext().index; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.removeFilter(i_r11)); });
+    i0.ɵɵelement(2, "i", 63);
+    i0.ɵɵelementEnd()();
+} }
+function TableComponent_div_0_div_2_div_9_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46);
+    i0.ɵɵtemplate(1, TableComponent_div_0_div_2_div_9_div_1_div_1_Template, 6, 1, "div", 47)(2, TableComponent_div_0_div_2_div_9_div_1_div_2_Template, 8, 1, "div", 47)(3, TableComponent_div_0_div_2_div_9_div_1_div_3_Template, 6, 2, "div", 47)(4, TableComponent_div_0_div_2_div_9_div_1_div_4_Template, 14, 0, "div", 48)(5, TableComponent_div_0_div_2_div_9_div_1_div_5_Template, 3, 0, "div", 49);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_10_0;
+    let tmp_11_0;
+    let tmp_12_0;
+    const filterGroup_r8 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("formGroup", filterGroup_r8);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.dropdownItems.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ((tmp_10_0 = filterGroup_r8.get("selectFilter")) == null ? null : tmp_10_0.value == null ? null : tmp_10_0.value.arrange) === "filter");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ((tmp_11_0 = filterGroup_r8.get("selectFilter")) == null ? null : tmp_11_0.value) && ((tmp_11_0 = filterGroup_r8.get("selectFilter")) == null ? null : tmp_11_0.value.hasOwnProperty("items")));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ((tmp_12_0 = filterGroup_r8.get("selectFilter")) == null ? null : tmp_12_0.value == null ? null : tmp_12_0.value.arrange) === "filterByDate");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.filtersForm.length > 1);
+} }
+function TableComponent_div_0_div_2_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44);
+    i0.ɵɵtemplate(1, TableComponent_div_0_div_2_div_9_div_1_Template, 6, 6, "div", 45);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.filtersForm.controls);
+} }
+function TableComponent_div_0_div_2_div_11_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "button", 64);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_11_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.addFilter()); });
+    i0.ɵɵelement(2, "i", 65);
+    i0.ɵɵtext(3, " Adicionar Filtro ");
+    i0.ɵɵelementEnd()();
+} }
+function TableComponent_div_0_div_2_div_12_button_7_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 72);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.arrange && ctx_r2.downloadTable !== undefined ? ctx_r2.downloadTable(ctx_r2.arrange, ctx_r2.data.conditions || []) : null); });
+    i0.ɵɵelement(1, "i", 73);
+    i0.ɵɵtext(2, " Exportar ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("disabled", ctx_r2.dataSource && ctx_r2.dataSource.filteredData.length <= 0);
+} }
+function TableComponent_div_0_div_2_div_12_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66)(1, "button", 67);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.search()); });
+    i0.ɵɵelement(2, "i", 68);
+    i0.ɵɵtext(3, " Pesquisar ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 69);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.resetFilter()); });
+    i0.ɵɵelement(5, "i", 70);
+    i0.ɵɵtext(6, " Resetar ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, TableComponent_div_0_div_2_div_12_button_7_Template, 3, 1, "button", 71);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngIf", ctx_r2.data.download !== false && ctx_r2.downloadTable);
+} }
+function TableComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "div", 24)(3, "div", 25);
+    i0.ɵɵelement(4, "i", 26);
+    i0.ɵɵelementStart(5, "span", 27);
+    i0.ɵɵtext(6, "Filtros e A\u00E7\u00F5es");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(7, TableComponent_div_0_div_2_button_7_Template, 3, 4, "button", 28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(8, TableComponent_div_0_div_2_div_8_Template, 10, 2, "div", 29)(9, TableComponent_div_0_div_2_div_9_Template, 2, 1, "div", 30);
+    i0.ɵɵelementStart(10, "div", 31);
+    i0.ɵɵtemplate(11, TableComponent_div_0_div_2_div_11_Template, 4, 0, "div", 32)(12, TableComponent_div_0_div_2_div_12_Template, 8, 1, "div", 33);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngIf", ctx_r2.data.actionButton && ctx_r2.data.actionButton.condition);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.sortableDropdownItems.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.filtersForm.controls.length > 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.dropdownItems.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.hasFilterableColumn === true || ctx_r2.hasSortableColumn === true);
+} }
+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_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassMap(ctx_r2.data.actionButton.icon);
+} }
+function TableComponent_div_0_div_3_button_7_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 34);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.data.actionButton.method ? ctx_r2.data.actionButton.method($event) : null); });
+    i0.ɵɵtemplate(1, TableComponent_div_0_div_3_button_7_i_1_Template, 1, 2, "i", 35);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r2.getActionButtonClass())("routerLink", ctx_r2.data.actionButton.routerLink);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.data.actionButton.icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.data.actionButton.label, " ");
+} }
+function TableComponent_div_0_div_3_div_8_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 36)(1, "mat-form-field", 39)(2, "mat-label", 25);
+    i0.ɵɵelement(3, "i", 74);
+    i0.ɵɵtext(4, " Buscar ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "input", 75, 3);
+    i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_3_div_8_Template_input_keyup_enter_5_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.search($event)); })("keyup", function TableComponent_div_0_div_3_div_8_Template_input_keyup_5_listener() { i0.ɵɵrestoreView(_r17); const filterInput_r18 = i0.ɵɵreference(6); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.applyFilter(filterInput_r18.value)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "mat-icon", 76);
+    i0.ɵɵtext(8, "search");
+    i0.ɵɵelementEnd()()();
+} }
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_mat_option_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 43)(1, "div", 25);
+    i0.ɵɵelement(2, "i", 51);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r20 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r20);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(item_r20.icon || "fa fa-filter");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r20.title);
+} }
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 38)(1, "mat-form-field", 39)(2, "mat-label");
+    i0.ɵɵtext(3, "Tipo de filtro");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "mat-select", 50);
+    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(_r19); const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.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", 42);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngForOf", ctx_r2.getAvailableFilterOptions());
+} }
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 38)(1, "mat-form-field", 39)(2, "mat-label", 25);
+    i0.ɵɵelement(3, "i", 52);
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "input", 53, 2);
+    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(_r21); const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.search($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    let tmp_11_0;
+    const filterGroup_r22 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(((tmp_11_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_11_0.value == null ? null : tmp_11_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", 43);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r23 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r23);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r23.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", 38)(1, "mat-form-field", 39)(2, "mat-label");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "mat-select", 54);
+    i0.ɵɵtemplate(5, TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_mat_option_5_Template, 2, 2, "mat-option", 42);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    let tmp_10_0;
+    let tmp_11_0;
+    const filterGroup_r22 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(((tmp_10_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_10_0.value == null ? null : tmp_10_0.value.title) || "Selecione");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", (tmp_11_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_11_0.value.items);
+} }
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 55)(1, "div", 56)(2, "mat-form-field", 57)(3, "mat-label", 25);
+    i0.ɵɵelement(4, "i", 58);
+    i0.ɵɵelementStart(5, "span");
+    i0.ɵɵtext(6, "Data Inicial");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "input", 79);
+    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(_r24); const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.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(_r24); const i_r25 = i0.ɵɵnextContext().index; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onDateInput($event, "initialDate", i_r25)); })("blur", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_blur_7_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.onDateFilterChange()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "mat-form-field", 57)(9, "mat-label", 25);
+    i0.ɵɵelement(10, "i", 58);
+    i0.ɵɵelementStart(11, "span");
+    i0.ɵɵtext(12, "Data Final");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "input", 80);
+    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(_r24); const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.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(_r24); const i_r25 = i0.ɵɵnextContext().index; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onDateInput($event, "finalDate", i_r25)); })("blur", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_blur_13_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.onDateFilterChange()); });
+    i0.ɵɵelementEnd()()()();
+} }
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 61)(1, "button", 62);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r26); const i_r25 = i0.ɵɵnextContext().index; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.removeFilter(i_r25)); });
+    i0.ɵɵelement(2, "i", 63);
+    i0.ɵɵelementEnd()();
+} }
+function TableComponent_div_0_div_3_div_9_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵtemplate(1, TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_Template, 6, 1, "div", 47)(2, TableComponent_div_0_div_3_div_9_div_1_div_1_div_2_Template, 8, 1, "div", 47)(3, TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_Template, 6, 2, "div", 47)(4, TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template, 14, 0, "div", 48)(5, TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template, 3, 0, "div", 49);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_11_0;
+    let tmp_12_0;
+    let tmp_13_0;
+    const filterGroup_r22 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("formGroup", filterGroup_r22);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.dropdownItems.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ((tmp_11_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_11_0.value == null ? null : tmp_11_0.value.arrange) === "filter");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ((tmp_12_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_12_0.value) && ((tmp_12_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_12_0.value.hasOwnProperty("items")));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ((tmp_13_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_13_0.value == null ? null : tmp_13_0.value.arrange) === "filterByDate");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.filtersForm.length > 1);
+} }
+function TableComponent_div_0_div_3_div_9_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44);
+    i0.ɵɵtemplate(1, TableComponent_div_0_div_3_div_9_div_1_div_1_Template, 6, 6, "div", 77);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.filtersForm.controls);
+} }
+function TableComponent_div_0_div_3_div_9_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "button", 64);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.addFilter()); });
+    i0.ɵɵelement(2, "i", 65);
+    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 _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 72);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.handleDownload()); });
+    i0.ɵɵelement(1, "i", 73);
+    i0.ɵɵtext(2, " Exportar ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("disabled", ctx_r2.dataSource && ctx_r2.dataSource.filteredData.length <= 0);
+} }
+function TableComponent_div_0_div_3_div_9_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66)(1, "button", 67);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.search()); });
+    i0.ɵɵelement(2, "i", 68);
+    i0.ɵɵtext(3, " Pesquisar ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 69);
+    i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.resetFilter()); });
+    i0.ɵɵelement(5, "i", 70);
+    i0.ɵɵtext(6, " Resetar ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, TableComponent_div_0_div_3_div_9_div_4_button_7_Template, 3, 1, "button", 71);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngIf", ctx_r2.data.download !== false && ctx_r2.downloadTable);
+} }
+function TableComponent_div_0_div_3_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, TableComponent_div_0_div_3_div_9_div_1_Template, 2, 1, "div", 30);
+    i0.ɵɵelementStart(2, "div", 31);
+    i0.ɵɵtemplate(3, TableComponent_div_0_div_3_div_9_div_3_Template, 4, 0, "div", 32)(4, TableComponent_div_0_div_3_div_9_div_4_Template, 8, 1, "div", 33);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.filtersForm.controls.length > 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.dropdownItems.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.hasFilterableColumn === true || ctx_r2.hasSortableColumn === true);
+} }
+function TableComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "div", 24)(3, "div", 25);
+    i0.ɵɵelement(4, "i", 26);
+    i0.ɵɵelementStart(5, "span", 27);
+    i0.ɵɵtext(6, "Filtros e A\u00E7\u00F5es");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(7, TableComponent_div_0_div_3_button_7_Template, 3, 4, "button", 28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(8, TableComponent_div_0_div_3_div_8_Template, 9, 0, "div", 29)(9, TableComponent_div_0_div_3_div_9_Template, 5, 3, "div", 32);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngIf", ctx_r2.data.actionButton && ctx_r2.data.actionButton.condition);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.hasFilterableColumn === true && ctx_r2.data.showSimpleSearch !== false);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.dropdownItems.length > 0);
+} }
+function TableComponent_div_0_lib_table_tabs_5_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "lib-table-tabs", 81);
+    i0.ɵɵlistener("tabSelected", function TableComponent_div_0_lib_table_tabs_5_Template_lib_table_tabs_tabSelected_0_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onTabSelected($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("tabsData", ctx_r2.data.tabs.tabsData)("selectedTab", ctx_r2.selectedTab);
+} }
+function TableComponent_div_0_ng_container_9_ng_container_1_th_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 87);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", col_r31.title, " ");
+} }
+function TableComponent_div_0_ng_container_9_ng_container_1_th_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 88);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", col_r31.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", 93);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r33 = i0.ɵɵnextContext(3).$implicit;
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("href", row_r33[col_r31.property], i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getDisplayValue(col_r31, row_r33), " ");
+} }
+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", 93);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r33 = i0.ɵɵnextContext(3).$implicit;
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("href", col_r31.hasLink, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getDisplayValue(col_r31, row_r33), " ");
+} }
+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_r33 = i0.ɵɵnextContext(3).$implicit;
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getDisplayValue(col_r31, row_r33), " ");
+} }
+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");
+    i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_a_1_Template, 2, 2, "a", 92)(2, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_a_2_Template, 2, 2, "a", 92)(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_span_3_Template, 2, 1, "span", 32);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r31 = i0.ɵɵnextContext(4).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", col_r31.hasLink === true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", col_r31.hasLink && ctx_r2.isString(col_r31.hasLink));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", col_r31.hasLink !== true && !ctx_r2.isString(col_r31.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", 93);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r33 = i0.ɵɵnextContext(3).$implicit;
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("href", row_r33[col_r31.property], i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getDisplayValue(col_r31, row_r33, 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", 93);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r33 = i0.ɵɵnextContext(3).$implicit;
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("href", col_r31.hasLink, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getDisplayValue(col_r31, row_r33, 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_r33 = i0.ɵɵnextContext(3).$implicit;
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getDisplayValue(col_r31, row_r33, 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", 92)(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_a_1_Template, 2, 2, "a", 92)(2, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_span_2_Template, 2, 1, "span", 32);
+} if (rf & 2) {
+    const col_r31 = i0.ɵɵnextContext(4).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", col_r31.hasLink === true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", col_r31.hasLink && ctx_r2.isString(col_r31.hasLink));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", col_r31.hasLink !== true && !ctx_r2.isString(col_r31.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");
+    i0.ɵɵelementContainerStart(1);
+    i0.ɵɵtemplate(2, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_Template, 4, 3, "span", 91);
+    i0.ɵɵelementContainerEnd();
+    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, 4, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const withinLimit_r34 = i0.ɵɵreference(4);
+    const row_r33 = i0.ɵɵnextContext().$implicit;
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", col_r31.charLimit && row_r33[col_r31.property] && row_r33[col_r31.property].length > col_r31.charLimit)("ngIfElse", withinLimit_r34);
+} }
+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", 97);
+} if (rf & 2) {
+    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 _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 94);
+    i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_mat_spinner_1_Template, 1, 1, "mat-spinner", 95);
+    i0.ɵɵelementStart(2, "img", 96);
+    i0.ɵɵlistener("load", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template_img_load_2_listener() { i0.ɵɵrestoreView(_r35); const row_r33 = i0.ɵɵnextContext().$implicit; const col_r31 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onImageLoad(row_r33, col_r31)); })("error", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template_img_error_2_listener($event) { i0.ɵɵrestoreView(_r35); const row_r33 = i0.ɵɵnextContext().$implicit; const col_r31 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onImageError($event, row_r33, col_r31, col_r31.image.default)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r33 = i0.ɵɵnextContext().$implicit;
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.isImageLoading(row_r33, col_r31));
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("opacity-0", ctx_r2.isImageLoading(row_r33, col_r31));
+    i0.ɵɵproperty("src", col_r31.image.path + "/" + row_r33[col_r31.property], i0.ɵɵsanitizeUrl)("ngClass", col_r31.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", 97);
+} if (rf & 2) {
+    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 _r36 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 94);
+    i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_mat_spinner_1_Template, 1, 1, "mat-spinner", 95);
+    i0.ɵɵelementStart(2, "img", 96);
+    i0.ɵɵlistener("load", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template_img_load_2_listener() { i0.ɵɵrestoreView(_r36); const row_r33 = i0.ɵɵnextContext().$implicit; const col_r31 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onImageLoad(row_r33, col_r31)); })("error", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template_img_error_2_listener($event) { i0.ɵɵrestoreView(_r36); const row_r33 = i0.ɵɵnextContext().$implicit; const col_r31 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onImageError($event, row_r33, col_r31, col_r31.image.default)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r33 = i0.ɵɵnextContext().$implicit;
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.isImageLoading(row_r33, col_r31));
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("opacity-0", ctx_r2.isImageLoading(row_r33, col_r31));
+    i0.ɵɵproperty("src", row_r33[col_r31.property], i0.ɵɵsanitizeUrl)("ngClass", col_r31.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", 101);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const iconClass_r38 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("ngClass", iconClass_r38.class);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(iconClass_r38.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 _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 99);
+    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 iconClass_r38 = i0.ɵɵrestoreView(_r37).$implicit; const row_r33 = i0.ɵɵnextContext(2).$implicit; return i0.ɵɵresetView(iconClass_r38.buttonMethod ? iconClass_r38.buttonMethod(row_r33, $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", 100);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const iconClass_r38 = ctx.$implicit;
+    const row_r33 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", iconClass_r38.condition === undefined || iconClass_r38.condition !== undefined && iconClass_r38.condition(row_r33));
+} }
+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", 98);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const col_r31 = i0.ɵɵnextContext(3).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", col_r31.iconClass);
+} }
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 89);
+    i0.ɵɵlistener("click", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_click_0_listener() { const row_r33 = i0.ɵɵrestoreView(_r32).$implicit; const col_r31 = i0.ɵɵnextContext(2).$implicit; return i0.ɵɵresetView(col_r31.method ? col_r31.method(row_r33) : null); })("mouseenter", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mouseenter_0_listener($event) { const row_r33 = i0.ɵɵrestoreView(_r32).$implicit; const col_r31 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCellMouseEnter($event, row_r33, col_r31)); })("mouseleave", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mouseleave_0_listener() { i0.ɵɵrestoreView(_r32); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onCellMouseLeave()); })("mousemove", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mousemove_0_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onCellMouseMove($event)); });
+    i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_Template, 5, 2, "span", 32)(2, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template, 3, 5, "div", 90)(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template, 3, 5, "div", 90)(4, TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_Template, 2, 1, "ng-container", 32);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r31 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !col_r31.image && !col_r31.iconClass && !col_r31.method);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", col_r31.image && col_r31.image.path && !col_r31.iconClass && !col_r31.method);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", col_r31.image && col_r31.image.url && !col_r31.iconClass && !col_r31.method);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", col_r31.iconClass);
+} }
+function TableComponent_div_0_ng_container_9_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_th_1_Template, 2, 1, "th", 84)(2, TableComponent_div_0_ng_container_9_ng_container_1_th_2_Template, 2, 1, "th", 85)(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template, 5, 4, "td", 86);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const col_r31 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !col_r31.isSortable || ctx_r2.data.pagination === true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", col_r31.isSortable && ctx_r2.data.pagination === false);
+} }
+function TableComponent_div_0_ng_container_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0, 82);
+    i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_Template, 4, 2, "ng-container", 83);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const col_r31 = ctx.$implicit;
+    i0.ɵɵproperty("matColumnDef", i0.ɵɵinterpolate(col_r31.property));
+} }
+function TableComponent_div_0_tr_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "tr", 102);
+} }
+function TableComponent_div_0_tr_11_Template(rf, ctx) { if (rf & 1) {
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 103);
+    i0.ɵɵlistener("click", function TableComponent_div_0_tr_11_Template_tr_click_0_listener() { const row_r40 = i0.ɵɵrestoreView(_r39).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.goToDetails(row_r40)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.getTableRowNgClass());
+} }
+function TableComponent_div_0_tr_12_td_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 106);
+    i0.ɵɵtext(1, " Nenhum resultado encontrado para a busca ");
+    i0.ɵɵelementEnd();
+} }
+function TableComponent_div_0_tr_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 104);
+    i0.ɵɵtemplate(1, TableComponent_div_0_tr_12_td_1_Template, 2, 0, "td", 105);
+    i0.ɵɵpipe(2, "async");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(2, 1, ctx_r2.isLoading$));
+} }
+function TableComponent_div_0_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 107);
+    i0.ɵɵelement(1, "mat-spinner");
+    i0.ɵɵelementEnd();
+} }
+function TableComponent_div_0_div_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 108);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.currentPageNumber, " ");
+} }
+function TableComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
+    i0.ɵɵtemplate(2, TableComponent_div_0_div_2_Template, 13, 5, "div", 8)(3, TableComponent_div_0_div_3_Template, 10, 3, "div", 8);
+    i0.ɵɵelementStart(4, "div", 9);
+    i0.ɵɵtemplate(5, TableComponent_div_0_lib_table_tabs_5_Template, 1, 2, "lib-table-tabs", 10);
+    i0.ɵɵelementStart(6, "div", 11)(7, "table", 12, 0);
+    i0.ɵɵtemplate(9, TableComponent_div_0_ng_container_9_Template, 2, 2, "ng-container", 13)(10, TableComponent_div_0_tr_10_Template, 1, 0, "tr", 14)(11, TableComponent_div_0_tr_11_Template, 1, 1, "tr", 15)(12, TableComponent_div_0_tr_12_Template, 3, 3, "tr", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(13, TableComponent_div_0_div_13_Template, 2, 0, "div", 17);
+    i0.ɵɵpipe(14, "async");
+    i0.ɵɵelementStart(15, "div", 18)(16, "mat-paginator", 19, 1);
+    i0.ɵɵlistener("page", function TableComponent_div_0_Template_mat_paginator_page_16_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onPageChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(18, TableComponent_div_0_div_18_Template, 2, 1, "div", 20);
+    i0.ɵɵpipe(19, "async");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelement(20, "lib-table-tooltip", 21);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.data.pagination === true && (ctx_r2.dropdownItems.length > 0 || ctx_r2.sortableDropdownItems.length > 0 || ctx_r2.data.actionButton));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.data.pagination === false && (ctx_r2.hasFilterableColumn === true || ctx_r2.dropdownItems.length > 0 || ctx_r2.data.actionButton));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.data.tabs && ctx_r2.data.tabs.tabsData && ctx_r2.data.tabs.tabsData.length > 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("dataSource", ctx_r2.dataSource);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r2.data.displayedColumns)("ngForTrackBy", ctx_r2.trackByProperty);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("matHeaderRowDef", ctx_r2.columnProperties);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("matRowDefColumns", ctx_r2.columnProperties);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(14, 16, ctx_r2.isLoading$));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("pageSizeOptions", i0.ɵɵpureFunction0(20, _c0))("pageSize", ctx_r2.pageSize)("length", ctx_r2.totalItems)("ngClass", ctx_r2.getPaginatorNgClass());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(19, 18, ctx_r2.isLoading$) && (ctx_r2.dataSource == null ? null : ctx_r2.dataSource.data) && ctx_r2.dataSource.data.length > 0 && (ctx_r2.data == null ? null : ctx_r2.data.filterFn));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("state", ctx_r2.tooltipState)("styles", ctx_r2.getTooltipStyles());
+} }
 class TableComponent {
     // CONSTRUCTOR
     constructor(router, tableService, filterService, tooltipService, paginationService, firestore, el, cdr) {
@@ -2704,47 +3588,40 @@ class TableComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableComponent, deps: [{ token: i1$2.Router }, { token: TableService }, { token: FilterService }, { token: TooltipService }, { token: PaginationService }, { token: i1.AngularFirestore }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TableComponent, isStandalone: false, selector: "lib-table", inputs: { data: "data", downloadTable: "downloadTable" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, 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:#00000026;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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i9.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i9.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i10.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i11.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i11.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i12.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i12.MatLabel, selector: "mat-label" }, { kind: "directive", type: i12.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i14.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i15.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i16.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i17.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: TableTabsComponent, selector: "lib-table-tabs", inputs: ["tabsData", "selectedTab"], outputs: ["tabSelected"] }, { kind: "component", type: TableTooltipComponent, selector: "lib-table-tooltip", inputs: ["state", "styles"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = function TableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableComponent)(i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(TableService), i0.ɵɵdirectiveInject(FilterService), i0.ɵɵdirectiveInject(TooltipService), i0.ɵɵdirectiveInject(PaginationService), i0.ɵɵdirectiveInject(i1.AngularFirestore), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableComponent, selectors: [["lib-table"]], viewQuery: function TableComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(MatPaginator, 5);
+            i0.ɵɵviewQuery(MatSort, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sort = _t.first);
+        } }, inputs: { data: "data", downloadTable: "downloadTable" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["sort", "matSort"], ["paginator", ""], ["input", ""], ["filterInput", ""], ["withinLimit", ""], ["class", "card-body", 4, "ngIf"], [1, "card-body"], [1, "flex", "flex-col", "justify-between", "gap-6"], ["class", "rounded-xl border border-gray-200 bg-white p-4 shadow-lg", 4, "ngIf"], [1, "flex", "flex-col"], [3, "tabsData", "selectedTab", "tabSelected", 4, "ngIf"], [1, "mat-elevation-z8", "w-full", "overflow-x-auto", "rounded-xl", "table-container"], ["mat-table", "", "matSort", "", "matSortActive", "createdAt", "matSortDirection", "desc", 3, "dataSource"], [3, "matColumnDef", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-header-row", "", 4, "matHeaderRowDef"], ["mat-row", "", 3, "ngClass", "click", 4, "matRowDef", "matRowDefColumns"], ["class", "mat-row", 4, "matNoDataRow"], ["class", "flex justify-center", 4, "ngIf"], [1, "paginator-container"], ["showFirstLastButtons", "", "aria-label", "Select page of periodic elements", 3, "page", "pageSizeOptions", "pageSize", "length", "ngClass"], ["class", "page-number-display", 4, "ngIf"], [3, "state", "styles"], [1, "rounded-xl", "border", "border-gray-200", "bg-white", "p-4", "shadow-lg"], [1, "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"], [1, "flex", "flex-wrap", "items-center", "gap-4"], [1, "flex", "items-center", "gap-2"], [1, "fa", "fa-filter", "text-xl", "text-blue-500"], [1, "text-lg", "font-semibold", "text-gray-700"], [3, "ngClass", "routerLink", "click", 4, "ngIf"], ["class", "mb-4", 4, "ngIf"], ["class", "mb-4 space-y-3", 4, "ngIf"], [1, "-mb-2", "flex", "items-start", "justify-between", "gap-4", "border-t", "border-gray-200", "pt-4"], [4, "ngIf"], ["class", "flex flex-wrap gap-3 self-start sm:self-auto", 4, "ngIf"], [3, "click", "ngClass", "routerLink"], [3, "class", 4, "ngIf"], [1, "mb-4"], [1, "flex", "flex-wrap", "items-center", "gap-3", "p-2"], [1, "min-w-[200px]", "flex-1"], ["appearance", "outline", 1, "w-full"], [1, "fa", "fa-sort-alpha-down", "text-cyan-600"], ["placeholder", "Selecione...", 3, "formControl"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"], [1, "mb-4", "space-y-3"], ["class", "flex flex-wrap items-center gap-3 p-2", 3, "formGroup", 4, "ngFor", "ngForOf"], [1, "flex", "flex-wrap", "items-center", "gap-3", "p-2", 3, "formGroup"], ["class", "min-w-[200px] flex-1", 4, "ngIf"], ["class", "min-w-[340px] flex-auto", 4, "ngIf"], ["class", "ml-auto flex-shrink-0", 4, "ngIf"], ["placeholder", "Selecione o tipo...", "formControlName", "selectFilter", 3, "selectionChange"], [1, "text-sm", "text-blue-500"], [1, "fa", "fa-search", "text-gray-400"], ["formControlName", "typeFilter", "matInput", "", "placeholder", "Digite para filtrar...", 3, "keyup.enter"], ["placeholder", "Selecione...", "formControlName", "selectItem", "multiple", ""], [1, "min-w-[340px]", "flex-auto"], [1, "flex", "flex-col", "items-stretch", "gap-3", "sm:flex-row", "sm:items-center"], ["appearance", "outline", 1, "flex-1"], [1, "fa", "fa-calendar", "text-gray-400"], ["type", "text", "matInput", "", "formControlName", "initialDate", "placeholder", "DD/MM/AAAA", "maxlength", "10", 3, "keydown.enter", "input"], ["type", "text", "matInput", "", "formControlName", "finalDate", "placeholder", "DD/MM/AAAA", "maxlength", "10", 3, "keydown.enter", "input"], [1, "ml-auto", "flex-shrink-0"], ["matTooltip", "Remover filtro", 1, "flex", "h-10", "w-10", "items-center", "justify-center", "rounded-full", "transition-colors", "duration-300", "hover:bg-red-100", 3, "click"], [1, "fa", "fa-trash", "text-red-500", "hover:text-red-600"], ["matTooltip", "Adicionar novo filtro", 1, "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", 3, "click"], [1, "fa", "fa-plus", "mr-2"], [1, "flex", "flex-wrap", "gap-3", "self-start", "sm:self-auto"], ["type", "button", "matTooltip", "Aplicar filtros", 1, "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", 3, "click"], [1, "fa", "fa-search"], ["matTooltip", "Limpar filtros", 1, "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", 3, "click"], [1, "fas", "fa-redo-alt"], ["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", "matTooltipPosition", "above", "matTooltip", "Exportar Tabela", 3, "disabled", "click", 4, "ngIf"], ["matTooltipPosition", "above", "matTooltip", "Exportar Tabela", 1, "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", 3, "click", "disabled"], [1, "fa", "fa-download"], [1, "fa", "fa-search", "text-blue-500"], ["matInput", "", "placeholder", "Digite para filtrar...", 3, "keyup.enter", "keyup"], ["matSuffix", "", 1, "text-gray-500"], ["class", "flex flex-wrap items-center gap-3", 3, "formGroup", 4, "ngFor", "ngForOf"], [1, "flex", "flex-wrap", "items-center", "gap-3", 3, "formGroup"], ["type", "text", "matInput", "", "formControlName", "initialDate", "placeholder", "DD/MM/AAAA", "maxlength", "10", 3, "keydown.enter", "input", "blur"], ["type", "text", "matInput", "", "formControlName", "finalDate", "placeholder", "DD/MM/AAAA", "maxlength", "10", 3, "keydown.enter", "input", "blur"], [3, "tabSelected", "tabsData", "selectedTab"], [3, "matColumnDef"], [4, "matHeaderCellDef"], ["mat-header-cell", "", 4, "ngIf"], ["mat-header-cell", "", "mat-sort-header", "", 4, "ngIf"], ["mat-cell", "", 3, "click", "mouseenter", "mouseleave", "mousemove", 4, "matCellDef"], ["mat-header-cell", ""], ["mat-header-cell", "", "mat-sort-header", ""], ["mat-cell", "", 3, "click", "mouseenter", "mouseleave", "mousemove"], ["class", "relative inline-block", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["target", "_blank", 3, "href", 4, "ngIf"], ["target", "_blank", 3, "href"], [1, "relative", "inline-block"], ["class", "absolute inset-0 m-auto", 3, "diameter", 4, "ngIf"], ["alt", "", 3, "load", "error", "src", "ngClass"], [1, "absolute", "inset-0", "m-auto", 3, "diameter"], [3, "click", 4, "ngFor", "ngForOf"], [3, "click"], [3, "ngClass", 4, "ngIf"], [3, "ngClass"], ["mat-header-row", ""], ["mat-row", "", 3, "click", "ngClass"], [1, "mat-row"], ["class", "mat-cell p-4", "colspan", "4", 4, "ngIf"], ["colspan", "4", 1, "mat-cell", "p-4"], [1, "flex", "justify-center"], [1, "page-number-display"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TableComponent_div_0_Template, 21, 21, "div", 5);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.data);
+        } }, 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.MatSelect, i14.MatOption, i15.MatTooltip, i16.MatProgressSpinner, i17.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:#00000026;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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableComponent, decorators: [{
-            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:#00000026;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"] }]
-        }], ctorParameters: () => [{ type: i1$2.Router }, { type: TableService }, { type: FilterService }, { type: TooltipService }, { type: PaginationService }, { type: i1.AngularFirestore }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
-                type: Input
-            }], downloadTable: [{
-                type: Input
-            }], paginator: [{
-                type: ViewChild,
-                args: [MatPaginator]
-            }], sort: [{
-                type: ViewChild,
-                args: [MatSort]
-            }] } });
+(() => { (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:#00000026;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"] }]
+    }], () => [{ 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: [{
+            type: Input
+        }], paginator: [{
+            type: ViewChild,
+            args: [MatPaginator]
+        }], sort: [{
+            type: ViewChild,
+            args: [MatSort]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableComponent, { className: "TableComponent", filePath: "lib/components/table/table.component.ts", lineNumber: 64 }); })();
 
 class NgFirebaseTableKxpModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgFirebaseTableKxpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: NgFirebaseTableKxpModule, declarations: [NgFirebaseTableKxpComponent,
-            TableComponent,
-            TableTabsComponent,
-            TableTooltipComponent], imports: [CommonModule,
-            ReactiveFormsModule,
-            FormsModule,
-            RouterModule,
-            MatTableModule,
-            MatPaginatorModule,
-            MatSortModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatSelectModule,
-            MatTooltipModule,
-            MatProgressSpinnerModule,
-            MatIconModule,
-            MatDialogModule], exports: [NgFirebaseTableKxpComponent,
-            TableComponent,
-            TableTabsComponent,
-            TableTooltipComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgFirebaseTableKxpModule, providers: [TableService, FilterService, TooltipService, PaginationService], imports: [CommonModule,
+    static { this.ɵfac = function NgFirebaseTableKxpModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NgFirebaseTableKxpModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: NgFirebaseTableKxpModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [TableService, FilterService, TooltipService, PaginationService], imports: [CommonModule,
             ReactiveFormsModule,
             FormsModule,
             RouterModule,
@@ -2759,52 +3636,72 @@ class NgFirebaseTableKxpModule {
             MatIconModule,
             MatDialogModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgFirebaseTableKxpModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NgFirebaseTableKxpComponent,
-                        TableComponent,
-                        TableTabsComponent,
-                        TableTooltipComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        FormsModule,
-                        RouterModule,
-                        MatTableModule,
-                        MatPaginatorModule,
-                        MatSortModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatSelectModule,
-                        MatTooltipModule,
-                        MatProgressSpinnerModule,
-                        MatIconModule,
-                        MatDialogModule,
-                    ],
-                    exports: [
-                        NgFirebaseTableKxpComponent,
-                        TableComponent,
-                        TableTabsComponent,
-                        TableTooltipComponent,
-                    ],
-                    providers: [TableService, FilterService, TooltipService, PaginationService],
-                }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NgFirebaseTableKxpModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    NgFirebaseTableKxpComponent,
+                    TableComponent,
+                    TableTabsComponent,
+                    TableTooltipComponent,
+                ],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    FormsModule,
+                    RouterModule,
+                    MatTableModule,
+                    MatPaginatorModule,
+                    MatSortModule,
+                    MatFormFieldModule,
+                    MatInputModule,
+                    MatSelectModule,
+                    MatTooltipModule,
+                    MatProgressSpinnerModule,
+                    MatIconModule,
+                    MatDialogModule,
+                ],
+                exports: [
+                    NgFirebaseTableKxpComponent,
+                    TableComponent,
+                    TableTabsComponent,
+                    TableTooltipComponent,
+                ],
+                providers: [TableService, FilterService, TooltipService, PaginationService],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NgFirebaseTableKxpModule, { declarations: [NgFirebaseTableKxpComponent,
+        TableComponent,
+        TableTabsComponent,
+        TableTooltipComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        FormsModule,
+        RouterModule,
+        MatTableModule,
+        MatPaginatorModule,
+        MatSortModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatSelectModule,
+        MatTooltipModule,
+        MatProgressSpinnerModule,
+        MatIconModule,
+        MatDialogModule], exports: [NgFirebaseTableKxpComponent,
+        TableComponent,
+        TableTabsComponent,
+        TableTooltipComponent] }); })();
 
 class NgFirebaseTableKxpService {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgFirebaseTableKxpService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgFirebaseTableKxpService, providedIn: 'root' }); }
+    static { this.ɵfac = function NgFirebaseTableKxpService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NgFirebaseTableKxpService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NgFirebaseTableKxpService, factory: NgFirebaseTableKxpService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgFirebaseTableKxpService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NgFirebaseTableKxpService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], () => [], null); })();
 
 /*
  * Public API Surface of ng-firebase-table-kxp