ng-firebase-table-kxp 1.2.4 → 1.2.6

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

@@ -0,0 +1,4026 @@
+import * as i0 from '@angular/core';
+import { Component, Injectable, Optional, EventEmitter, ChangeDetectionStrategy, Input, Output, ViewChild, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i8 from '@angular/forms';
+import { FormGroup, FormControl, FormArray, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i1$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i9 from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import * as i10 from '@angular/material/paginator';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import * as i11 from '@angular/material/sort';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+import * as i12 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i13 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i14 from '@angular/material/core';
+import { MatOptionModule } from '@angular/material/core';
+import * as i15 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i16 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i17 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i18 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
+import { __awaiter } from 'tslib';
+import { firstValueFrom, BehaviorSubject, Subject, debounceTime, takeUntil } from 'rxjs';
+import firebase from 'firebase/compat/app';
+import * as moment from 'moment';
+import * as i1 from '@angular/fire/compat/firestore';
+import * as i3 from 'ngx-toastr';
+
+class NgFirebaseTableKxpComponent {
+}
+NgFirebaseTableKxpComponent.ɵfac = function NgFirebaseTableKxpComponent_Factory(t) { return new (t || NgFirebaseTableKxpComponent)(); };
+NgFirebaseTableKxpComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NgFirebaseTableKxpComponent, selectors: [["lib-ng-firebase-table-kxp"]], 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 });
+(function () {
+    (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);
+})();
+
+const TABLE_DEFAULTS = {
+    SORT_FIELD: 'createdAt',
+    SORT_ORDER: 'desc',
+    PAGE_SIZE: 25,
+    DEBOUNCE_TIME_MS: 500,
+    DEFAULT_BG_COLOR: '#1976d2',
+    DEFAULT_TEXT_COLOR: '#ffffff',
+};
+
+/**
+ * Obtém o valor aninhado de um objeto dado um caminho (ex: 'user.address.city')
+ */
+function getNestedValue(obj, path) {
+    if (!path)
+        return undefined;
+    const properties = path.split('.');
+    return properties.reduce((acc, currentPart) => acc && acc[currentPart], obj);
+}
+/**
+ * Formata um array de objetos em uma string com valores separados por vírgula
+ */
+function formatArrayValue(array, field) {
+    if (!Array.isArray(array) || array.length === 0) {
+        return '';
+    }
+    const values = array
+        .map((item) => {
+        if (typeof item === 'object' && item !== null) {
+            return item[field] || '';
+        }
+        return String(item);
+    })
+        .filter((value) => value !== '' && value !== null && value !== undefined);
+    return values.join(', ');
+}
+/**
+ * Obtém o valor de exibição para uma célula da tabela
+ */
+function getDisplayValue(col, row, withinLimit = false) {
+    let value;
+    if (col.calculateValue) {
+        value = col.calculateValue(row);
+    }
+    else {
+        value = getNestedValue(row, col.property);
+    }
+    if (Array.isArray(value) && col.arrayField) {
+        value = formatArrayValue(value, col.arrayField);
+    }
+    if (col.queryLength && row[col.property]) {
+        value = row[col.property];
+    }
+    value = col.pipe ? col.pipe.transform(value) : value;
+    if (value === null || value === undefined) {
+        value = '';
+    }
+    else {
+        value = String(value);
+    }
+    if (withinLimit || !col.charLimit || value.length <= col.charLimit) {
+        return value;
+    }
+    return value.substring(0, col.charLimit) + '...';
+}
+/**
+ * Verifica se um valor é string
+ */
+function isString(value) {
+    return typeof value === 'string';
+}
+/**
+ * TrackBy function para colunas
+ */
+function trackByProperty(_index, col) {
+    return col.property;
+}
+/**
+ * Gera uma chave única para identificar uma imagem em carregamento
+ */
+function getImageKey(row, col) {
+    const rowId = row.id || row._id || JSON.stringify(row);
+    return `${rowId}-${col.property}`;
+}
+
+class TableService {
+    constructor(ngFire, dialog, toastr) {
+        this.ngFire = ngFire;
+        this.dialog = dialog;
+        this.toastr = toastr;
+        this.operators = {
+            '==': (a, b) => a === b,
+            '!=': (a, b) => a !== b,
+            '>': (a, b) => a > b,
+            '<': (a, b) => a < b,
+            '>=': (a, b) => a >= b,
+            '<=': (a, b) => a <= b,
+            in: (a, b) => Array.isArray(b) && b.includes(a),
+            'not-in': (a, b) => Array.isArray(b) && !b.includes(a),
+            'array-contains': (a, b) => Array.isArray(a) && a.includes(b),
+            'array-contains-any': (a, b) => Array.isArray(a) &&
+                Array.isArray(b) &&
+                b.some((item) => a.includes(item)),
+            includes: (a, b) => {
+                if (typeof a === 'string' && typeof b === 'string') {
+                    return a.includes(b);
+                }
+                if (Array.isArray(a)) {
+                    return a.includes(b);
+                }
+                return false;
+            },
+        };
+    }
+    getItems(collection) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const querySnapshot = yield collection.get();
+                return querySnapshot.docs.map((doc) => {
+                    const data = doc.data();
+                    return Object.assign(Object.assign({}, (data !== null && data !== void 0 ? data : {})), { id: doc.id });
+                });
+            }
+            catch (error) {
+                console.warn('Collection não encontrada:', error);
+                return [];
+            }
+        });
+    }
+    executeQuery(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (params.filterFn) {
+                // Lógica com filtro no cliente (filterFn)
+                const BATCH_FETCH_SIZE = params.batchSize;
+                const GOAL_SIZE = params.batchSize + 1;
+                if (params.navigation === 'forward' || params.navigation === 'reload') {
+                    if (params.navigation === 'reload' && params.doc) {
+                        params.doc.lastDoc = null;
+                    }
+                    let lastDocCursor = params.doc ? params.doc.lastDoc : null;
+                    let pageResults = [];
+                    let allFetchedDocs = [];
+                    let hasMoreDocsInDb = true;
+                    while (pageResults.length < GOAL_SIZE && hasMoreDocsInDb) {
+                        let query = this.ngFire.collection(params.collection).ref;
+                        query = this.applyFilters(query, params.arrange, params.conditions);
+                        if (lastDocCursor) {
+                            query = query.startAfter(lastDocCursor);
+                        }
+                        query = query.limit(BATCH_FETCH_SIZE);
+                        const snapshot = yield query.get();
+                        if (snapshot.empty) {
+                            hasMoreDocsInDb = false;
+                            break;
+                        }
+                        lastDocCursor = snapshot.docs[snapshot.docs.length - 1];
+                        allFetchedDocs.push(...snapshot.docs);
+                        const batchUsers = snapshot.docs
+                            .map((doc) => {
+                            const data = doc.data();
+                            return Object.assign({ id: doc.id }, (data !== null && data !== void 0 ? data : {}));
+                        })
+                            .filter(params.filterFn);
+                        pageResults.push(...batchUsers);
+                        if (snapshot.size < BATCH_FETCH_SIZE) {
+                            hasMoreDocsInDb = false;
+                        }
+                    }
+                    const hasNextPage = pageResults.length > params.batchSize;
+                    const finalItems = pageResults.slice(0, params.batchSize);
+                    const firstDocOfPage = allFetchedDocs.find((doc) => { var _a; return doc.id === ((_a = finalItems[0]) === null || _a === void 0 ? void 0 : _a.id); }) || null;
+                    const lastDocOfPage = allFetchedDocs.find((doc) => { var _a; return doc.id === ((_a = finalItems[finalItems.length - 1]) === null || _a === void 0 ? void 0 : _a.id); }) || null;
+                    return {
+                        items: finalItems,
+                        filterLength: null,
+                        firstDoc: firstDocOfPage,
+                        lastDoc: lastDocOfPage,
+                        hasNextPage: hasNextPage,
+                        hasPreviousPage: !!(params.doc && params.doc.lastDoc) &&
+                            params.navigation !== 'reload',
+                        currentClientPageIndex: undefined,
+                    };
+                }
+                // Lógica para trás (backward)
+                else if (params.navigation === 'backward') {
+                    if (!params.doc || !params.doc.firstDoc) {
+                        return {
+                            items: [],
+                            filterLength: null,
+                            firstDoc: null,
+                            lastDoc: null,
+                            hasNextPage: true,
+                            hasPreviousPage: false,
+                            currentClientPageIndex: undefined,
+                        };
+                    }
+                    let pageResults = [];
+                    let allFetchedDocs = [];
+                    let hasMoreDocsInDb = true;
+                    let boundaryDoc = params.doc.firstDoc;
+                    while (pageResults.length < GOAL_SIZE && hasMoreDocsInDb) {
+                        if (!boundaryDoc)
+                            break;
+                        let query = this.ngFire.collection(params.collection).ref;
+                        query = this.applyFilters(query, params.arrange, params.conditions);
+                        query = query.endBefore(boundaryDoc);
+                        query = query.limitToLast(BATCH_FETCH_SIZE);
+                        const snapshot = yield query.get();
+                        if (snapshot.empty) {
+                            hasMoreDocsInDb = false;
+                            break;
+                        }
+                        boundaryDoc = snapshot
+                            .docs[0];
+                        allFetchedDocs = [...snapshot.docs, ...allFetchedDocs];
+                        const batchUsers = snapshot.docs
+                            .map((doc) => {
+                            const data = doc.data();
+                            return Object.assign({ id: doc.id }, (data !== null && data !== void 0 ? data : {}));
+                        })
+                            .filter(params.filterFn);
+                        pageResults = [...batchUsers, ...pageResults];
+                        if (snapshot.size < BATCH_FETCH_SIZE) {
+                            hasMoreDocsInDb = false;
+                        }
+                    }
+                    const finalItems = pageResults.slice(0, params.batchSize);
+                    const firstDocOfPage = allFetchedDocs.find((doc) => { var _a; return doc.id === ((_a = finalItems[0]) === null || _a === void 0 ? void 0 : _a.id); }) || null;
+                    const lastDocOfPage = allFetchedDocs.find((doc) => { var _a; return doc.id === ((_a = finalItems[finalItems.length - 1]) === null || _a === void 0 ? void 0 : _a.id); }) || null;
+                    return {
+                        items: finalItems,
+                        filterLength: null,
+                        firstDoc: firstDocOfPage,
+                        lastDoc: lastDocOfPage,
+                        hasNextPage: true,
+                        currentClientPageIndex: undefined,
+                    };
+                }
+            }
+            else {
+                let items = [];
+                let docs = [];
+                let hasNextPage = false;
+                let filterLength = null;
+                let query = this.ngFire.collection(params.collection).ref;
+                if (params.conditions) {
+                    params.conditions.forEach((c) => {
+                        if (c.operator === '!=') {
+                            query = query.orderBy(c.firestoreProperty);
+                        }
+                    });
+                }
+                query = this.applyFilters(query, params.arrange, params.conditions);
+                if (params.navigation === 'reload') {
+                    query = query.limit(params.batchSize + 1);
+                    if (params.doc && params.doc.firstDoc) {
+                        query = query.startAt(params.doc.firstDoc);
+                    }
+                }
+                else if (params.navigation === 'forward') {
+                    query = query.limit(params.batchSize + 1);
+                    if (params.doc && params.doc.lastDoc) {
+                        query = query.startAfter(params.doc.lastDoc);
+                    }
+                }
+                else {
+                    // backward
+                    query = query.limitToLast(params.batchSize + 1);
+                    if (params.doc && params.doc.firstDoc) {
+                        query = query.endBefore(params.doc.firstDoc);
+                    }
+                }
+                const itemCol = yield query.get();
+                itemCol.docs.forEach((doc) => docs.push(doc));
+                const itemPromises = docs.map((item) => __awaiter(this, void 0, void 0, function* () {
+                    const itemData = item.data();
+                    items.push(Object.assign({ id: item.id }, (itemData !== null && itemData !== void 0 ? itemData : {})));
+                }));
+                let lastDoc = docs[docs.length - 1] || null;
+                let firstDoc = docs[0];
+                if ((items.length > params.batchSize && params.navigation === 'forward') ||
+                    (params.navigation === 'reload' && items.length > params.batchSize)) {
+                    lastDoc = docs[docs.length - 2] || null;
+                    items.pop();
+                    hasNextPage = true;
+                }
+                if (items.length > params.batchSize && params.navigation === 'backward') {
+                    firstDoc = docs[1];
+                    items.shift();
+                    hasNextPage = true;
+                }
+                yield Promise.all(itemPromises);
+                return {
+                    items,
+                    filterLength,
+                    lastDoc,
+                    firstDoc,
+                    hasNextPage,
+                    currentClientPageIndex: undefined,
+                };
+            }
+            // Fallback para garantir que sempre retornamos algo
+            return {
+                items: [],
+                filterLength: null,
+                firstDoc: null,
+                lastDoc: null,
+                hasNextPage: false,
+                currentClientPageIndex: undefined,
+            };
+        });
+    }
+    applyFilters(query, arrange, conditions) {
+        if (conditions) {
+            conditions.map((cond) => {
+                query = query.where(cond.firestoreProperty, cond.operator, cond.dashProperty);
+            });
+        }
+        let hasFilterSpecificOrderBy = false;
+        let appliedOrderByField = null;
+        const equalsFilters = arrange.filters.filter((f) => f.arrange === 'equals' && !!f.filter);
+        const otherFilters = arrange.filters.filter((f) => f.arrange !== 'equals');
+        const equalsGroupedByProperty = equalsFilters.reduce((acc, current) => {
+            const prop = current.filter.property;
+            if (!acc[prop]) {
+                acc[prop] = [];
+            }
+            acc[prop].push(current.filter.filtering);
+            return acc;
+        }, {});
+        for (const prop in equalsGroupedByProperty) {
+            const values = equalsGroupedByProperty[prop];
+            if (values.length > 0) {
+                query = query.where(prop, 'in', values);
+            }
+        }
+        otherFilters.forEach((filterItem) => {
+            var _a, _b;
+            // Aplicar filtragem por busca
+            if (((_a = filterItem.filter) === null || _a === void 0 ? void 0 : _a.filtering) &&
+                ((_b = filterItem.filter) === null || _b === void 0 ? void 0 : _b.property) !== '' &&
+                filterItem.arrange === 'filter') {
+                query = query
+                    .where(filterItem.filter.property, '>=', filterItem.filter.filtering.trim().toUpperCase())
+                    .where(filterItem.filter.property, '<=', filterItem.filter.filtering.trim().toUpperCase() + '\uf8ff');
+                if (!hasFilterSpecificOrderBy) {
+                    query = query.orderBy(filterItem.filter.property);
+                    hasFilterSpecificOrderBy = true;
+                    appliedOrderByField = filterItem.filter.property;
+                }
+            }
+            // Aplicar filtro do tipo "filterByDate"
+            if (filterItem.dateFilter && filterItem.arrange === 'filterByDate') {
+                query = query
+                    .where(arrange.sortBy.field, '>=', filterItem.dateFilter.initial)
+                    .where(arrange.sortBy.field, '<=', filterItem.dateFilter.final);
+                if (!hasFilterSpecificOrderBy) {
+                    query = query.orderBy(arrange.sortBy.field);
+                    hasFilterSpecificOrderBy = true;
+                    appliedOrderByField = arrange.sortBy.field;
+                }
+            }
+        });
+        // Aplicar sortBy
+        if (arrange.sortBy && arrange.sortBy.field && arrange.sortBy.order) {
+            if (appliedOrderByField !== arrange.sortBy.field) {
+                query = query.orderBy(arrange.sortBy.field, arrange.sortBy.order);
+            }
+        }
+        return query;
+    }
+    getIdFilter(params) {
+        var _a, _b, _c;
+        if (!((_a = params.arrange) === null || _a === void 0 ? void 0 : _a.filters))
+            return null;
+        const idFilter = params.arrange.filters.find((f) => f.arrange === 'filter' &&
+            !!f.filter &&
+            f.filter.property === 'id' &&
+            !!f.filter.filtering);
+        return ((_c = (_b = idFilter === null || idFilter === void 0 ? void 0 : idFilter.filter) === null || _b === void 0 ? void 0 : _b.filtering) === null || _c === void 0 ? void 0 : _c.trim()) || null;
+    }
+    getDocumentById(collection, docId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const docRef = this.ngFire.collection(collection).doc(docId);
+                const docSnapshot = yield docRef.get().toPromise();
+                if (docSnapshot && docSnapshot.exists) {
+                    const data = docSnapshot.data();
+                    return Object.assign({ id: docSnapshot.id }, (data !== null && data !== void 0 ? data : {}));
+                }
+                return null;
+            }
+            catch (error) {
+                console.warn('Erro ao buscar documento por ID:', error);
+                return null;
+            }
+        });
+    }
+    searchByIdPartial(params, searchTerm) {
+        var _a, _b, _c, _d;
+        return __awaiter(this, void 0, void 0, function* () {
+            const exactMatch = yield this.getDocumentById(params.collection, searchTerm);
+            if (exactMatch) {
+                if (params.conditions) {
+                    const operators = this.operators;
+                    const passesConditions = params.conditions.every((cond) => {
+                        const operatorFn = operators[cond.operator];
+                        return operatorFn
+                            ? operatorFn(exactMatch[cond.firestoreProperty], cond.dashProperty)
+                            : false;
+                    });
+                    if (!passesConditions) {
+                        return {
+                            items: [],
+                            filterLength: 0,
+                            firstDoc: null,
+                            lastDoc: null,
+                            hasNextPage: false,
+                            hasPreviousPage: false,
+                            currentClientPageIndex: 0,
+                            totalPages: 0,
+                        };
+                    }
+                }
+                if (params.filterFn && !params.filterFn(exactMatch)) {
+                    return {
+                        items: [],
+                        filterLength: 0,
+                        firstDoc: null,
+                        lastDoc: null,
+                        hasNextPage: false,
+                        hasPreviousPage: false,
+                        currentClientPageIndex: 0,
+                        totalPages: 0,
+                    };
+                }
+                return {
+                    items: [exactMatch],
+                    filterLength: 1,
+                    firstDoc: null,
+                    lastDoc: null,
+                    hasNextPage: false,
+                    hasPreviousPage: false,
+                    currentClientPageIndex: 0,
+                    totalPages: 1,
+                };
+            }
+            const searchTermLower = searchTerm.toLowerCase();
+            const paramsWithoutIdFilter = Object.assign(Object.assign({}, params), { arrange: Object.assign(Object.assign({}, params.arrange), { filters: params.arrange.filters.filter((f) => { var _a; return !(f.arrange === 'filter' && ((_a = f.filter) === null || _a === void 0 ? void 0 : _a.property) === 'id'); }) }) });
+            let query = this.ngFire.collection(params.collection).ref;
+            // Aplicar conditions
+            if (params.conditions) {
+                params.conditions.forEach((cond) => {
+                    query = query.where(cond.firestoreProperty, cond.operator, cond.dashProperty);
+                });
+            }
+            // Aplicar sortBy
+            if (((_b = (_a = params.arrange) === null || _a === void 0 ? void 0 : _a.sortBy) === null || _b === void 0 ? void 0 : _b.field) && ((_d = (_c = params.arrange) === null || _c === void 0 ? void 0 : _c.sortBy) === null || _d === void 0 ? void 0 : _d.order)) {
+                query = query.orderBy(params.arrange.sortBy.field, params.arrange.sortBy.order);
+            }
+            const snapshot = yield query.get();
+            let items = snapshot.docs
+                .map((doc) => {
+                const data = doc.data();
+                return Object.assign({ id: doc.id }, (data !== null && data !== void 0 ? data : {}));
+            })
+                .filter((item) => item.id.toLowerCase().includes(searchTermLower));
+            // Separar equals filters e outros filtros
+            const equalsFilters = paramsWithoutIdFilter.arrange.filters.filter((f) => f.arrange === 'equals' && !!f.filter);
+            const otherFilters = paramsWithoutIdFilter.arrange.filters.filter((f) => {
+                var _a;
+                return f.arrange !== 'equals' &&
+                    (f.arrange !== 'filter' || ((_a = f.filter) === null || _a === void 0 ? void 0 : _a.property) !== 'id');
+            });
+            // Aplicar equals filters com lógica OR dentro de cada propriedade
+            if (equalsFilters.length > 0) {
+                // Agrupar por propriedade para aplicar OR
+                const groupedByProperty = equalsFilters.reduce((acc, f) => {
+                    const prop = f.filter.property;
+                    if (!acc[prop]) {
+                        acc[prop] = [];
+                    }
+                    acc[prop].push(f.filter.filtering);
+                    return acc;
+                }, {});
+                // Filtrar: item deve ter pelo menos um valor de CADA propriedade
+                items = items.filter((item) => {
+                    return Object.entries(groupedByProperty).every(([prop, values]) => {
+                        const itemValue = item[prop];
+                        return values.includes(itemValue);
+                    });
+                });
+            }
+            // Aplicar outros filtros
+            otherFilters.forEach((filterItem) => {
+                var _a, _b;
+                if (filterItem.arrange === 'filter' &&
+                    ((_a = filterItem.filter) === null || _a === void 0 ? void 0 : _a.filtering) &&
+                    ((_b = filterItem.filter) === null || _b === void 0 ? void 0 : _b.property)) {
+                    const filterValue = String(filterItem.filter.filtering)
+                        .trim()
+                        .toLowerCase();
+                    items = items.filter((item) => {
+                        var _a;
+                        const itemValue = String((_a = item[filterItem.filter.property]) !== null && _a !== void 0 ? _a : '').toLowerCase();
+                        return itemValue.includes(filterValue);
+                    });
+                }
+            });
+            // Aplicar filterFn se existir
+            if (params.filterFn) {
+                items = items.filter(params.filterFn);
+            }
+            // Paginação
+            const pageSize = params.batchSize;
+            let currentClientPageIndex = 0;
+            if (params.navigation === 'reload') {
+                currentClientPageIndex = 0;
+            }
+            else {
+                // Usar o índice passado pelo componente sem incrementar/decrementar
+                currentClientPageIndex = params.clientPageIndex || 0;
+            }
+            const startIndex = currentClientPageIndex * pageSize;
+            const endIndex = startIndex + pageSize;
+            const paginatedItems = items.slice(startIndex, endIndex);
+            const totalPages = Math.ceil(items.length / pageSize);
+            const hasNextPage = currentClientPageIndex < totalPages - 1;
+            const hasPreviousPage = currentClientPageIndex > 0;
+            return {
+                items: paginatedItems,
+                filterLength: items.length,
+                firstDoc: null,
+                lastDoc: null,
+                hasNextPage,
+                hasPreviousPage,
+                currentClientPageIndex,
+                totalPages,
+            };
+        });
+    }
+    shouldUseClientSideFallback(params) {
+        var _a, _b, _c;
+        const hasConditions = params.conditions && params.conditions.length > 0;
+        const hasArrangeFilters = ((_a = params.arrange) === null || _a === void 0 ? void 0 : _a.filters) && params.arrange.filters.length > 0;
+        const hasSortBy = (_c = (_b = params.arrange) === null || _b === void 0 ? void 0 : _b.sortBy) === null || _c === void 0 ? void 0 : _c.field;
+        if (params.filterFn) {
+            return false;
+        }
+        if (hasArrangeFilters) {
+            const equalsFilters = params.arrange.filters.filter((f) => f.arrange === 'equals' && !!f.filter);
+            if (equalsFilters.length > 0) {
+                const propertiesSet = new Set(equalsFilters.map((f) => f.filter.property));
+                if (propertiesSet.size > 1) {
+                    return true;
+                }
+            }
+        }
+        if (hasConditions && hasArrangeFilters && hasSortBy) {
+            return true;
+        }
+        if (hasConditions && hasArrangeFilters) {
+            return true;
+        }
+        if (hasArrangeFilters && params.arrange.filters.length > 1 && hasSortBy) {
+            const equalsFilters = params.arrange.filters.filter((f) => f.arrange === 'equals' && !!f.filter);
+            if (equalsFilters.length > 0) {
+                const propertiesSet = new Set(equalsFilters.map((f) => f.filter.property));
+                if (propertiesSet.size === 1 &&
+                    equalsFilters.length === params.arrange.filters.length) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    }
+    getPaginated(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const idFilterValue = this.getIdFilter(params);
+            if (idFilterValue) {
+                const result = yield this.searchByIdPartial(params, idFilterValue);
+                return result;
+            }
+            // Detectar preventivamente se deve usar fallback
+            if (this.shouldUseClientSideFallback(params)) {
+                yield this.trackMissingIndexPreventive(params.collection, params.arrange, params.conditions);
+                const result = yield this.executeClientSideQuery(params);
+                return result;
+            }
+            try {
+                const result = yield this.executeQuery(params);
+                return result;
+            }
+            catch (error) {
+                if (error &&
+                    typeof error === 'object' &&
+                    'code' in error &&
+                    error.code === 'failed-precondition') {
+                    yield this.trackMissingIndex(error, params.collection, params.arrange, params.conditions);
+                    const result = yield this.executeClientSideQuery(params);
+                    return result;
+                }
+                else if (error &&
+                    typeof error === 'object' &&
+                    'code' in error &&
+                    error.code === 'invalid-argument') {
+                    yield this.trackMissingIndex(error, params.collection, params.arrange, params.conditions);
+                    const result = yield this.executeClientSideQuery(params);
+                    return result;
+                }
+                else {
+                    throw error;
+                }
+            }
+        });
+    }
+    executeClientSideQuery(params) {
+        var _a, _b, _c;
+        return __awaiter(this, void 0, void 0, function* () {
+            // Otimizar usando pelo menos uma cláusula .where() quando possível
+            let query = this.ngFire.collection(params.collection).ref;
+            let appliedCondition = null;
+            let hasAppliedWhereClause = false;
+            // Primeiro, tenta aplicar condições simples
+            if (params.conditions && params.conditions.length > 0) {
+                const simpleCondition = params.conditions.find((cond) => ['==', '>', '<', '>=', '<=', 'in', 'array-contains'].includes(cond.operator));
+                if (simpleCondition) {
+                    query = query.where(simpleCondition.firestoreProperty, simpleCondition.operator, simpleCondition.dashProperty);
+                    appliedCondition = simpleCondition;
+                    hasAppliedWhereClause = true;
+                }
+            }
+            // Se não há condições disponíveis, tenta aplicar filtros do arrange
+            let appliedFirestoreFilter = null;
+            if (!hasAppliedWhereClause && ((_a = params.arrange) === null || _a === void 0 ? void 0 : _a.filters)) {
+                // Agrupar equals filters por propriedade
+                const equalsFilters = params.arrange.filters.filter((f) => f.arrange === 'equals' && !!f.filter);
+                const equalsGroupedByProperty = equalsFilters.reduce((acc, current) => {
+                    const prop = current.filter.property;
+                    if (!acc[prop]) {
+                        acc[prop] = [];
+                    }
+                    acc[prop].push(current.filter.filtering);
+                    return acc;
+                }, {});
+                // Se há apenas UMA propriedade com múltiplos valores, aplicar no Firestore com 'in'
+                const properties = Object.keys(equalsGroupedByProperty);
+                if (properties.length === 1 && equalsFilters.length > 0) {
+                    const prop = properties[0];
+                    const values = equalsGroupedByProperty[prop];
+                    query = query.where(prop, 'in', values);
+                    hasAppliedWhereClause = true;
+                    // Marcar TODOS os equals filters dessa propriedade como aplicados
+                    appliedFirestoreFilter = 'all-equals';
+                }
+                else if (properties.length === 0) {
+                    const otherFilter = params.arrange.filters.find((f) => {
+                        var _a, _b, _c, _d;
+                        return (f.arrange === 'filter' &&
+                            !!((_a = f.filter) === null || _a === void 0 ? void 0 : _a.filtering) &&
+                            !!((_b = f.filter) === null || _b === void 0 ? void 0 : _b.property)) ||
+                            (f.arrange === 'filterByDate' &&
+                                !!((_c = f.dateFilter) === null || _c === void 0 ? void 0 : _c.initial) &&
+                                !!((_d = f.dateFilter) === null || _d === void 0 ? void 0 : _d.final));
+                    });
+                    if (otherFilter) {
+                        if (otherFilter.arrange === 'filter' && otherFilter.filter) {
+                            const filterValue = otherFilter.filter.filtering
+                                .trim()
+                                .toUpperCase();
+                            query = query
+                                .where(otherFilter.filter.property, '>=', filterValue)
+                                .where(otherFilter.filter.property, '<=', filterValue + '\uf8ff');
+                            hasAppliedWhereClause = true;
+                            appliedFirestoreFilter = otherFilter;
+                        }
+                        else if (otherFilter.arrange === 'filterByDate' &&
+                            otherFilter.dateFilter &&
+                            ((_b = params.arrange.sortBy) === null || _b === void 0 ? void 0 : _b.field)) {
+                            query = query
+                                .where(params.arrange.sortBy.field, '>=', otherFilter.dateFilter.initial)
+                                .where(params.arrange.sortBy.field, '<=', otherFilter.dateFilter.final);
+                            hasAppliedWhereClause = true;
+                            appliedFirestoreFilter = otherFilter;
+                        }
+                    }
+                }
+            }
+            const allDocsSnapshot = yield query.get();
+            let items = allDocsSnapshot.docs.map((doc) => {
+                const data = doc.data();
+                return Object.assign({ id: doc.id }, (data !== null && data !== void 0 ? data : {}));
+            });
+            // Aplicar condições restantes
+            if (params.conditions) {
+                const remainingConditions = params.conditions.filter((cond) => cond !== appliedCondition);
+                if (remainingConditions.length > 0) {
+                    const operators = this.operators;
+                    items = items.filter((item) => {
+                        return remainingConditions.every((cond) => {
+                            const operatorFn = operators[cond.operator];
+                            return operatorFn
+                                ? operatorFn(item[cond.firestoreProperty], cond.dashProperty)
+                                : false;
+                        });
+                    });
+                }
+            }
+            const { filters, sortBy } = params.arrange;
+            // Track which filter was already applied in Firestore to avoid double filtering
+            if (hasAppliedWhereClause && !appliedCondition && ((_c = params.arrange) === null || _c === void 0 ? void 0 : _c.filters)) {
+                const equalsFilter = params.arrange.filters.find((f) => { var _a; return f.arrange === 'equals' && !!((_a = f.filter) === null || _a === void 0 ? void 0 : _a.filtering); });
+                if (equalsFilter) {
+                    appliedFirestoreFilter = equalsFilter;
+                }
+                else {
+                    const foundFilter = params.arrange.filters.find((f) => {
+                        var _a, _b, _c, _d;
+                        return (f.arrange === 'filter' &&
+                            !!((_a = f.filter) === null || _a === void 0 ? void 0 : _a.filtering) &&
+                            !!((_b = f.filter) === null || _b === void 0 ? void 0 : _b.property)) ||
+                            (f.arrange === 'filterByDate' &&
+                                !!((_c = f.dateFilter) === null || _c === void 0 ? void 0 : _c.initial) &&
+                                !!((_d = f.dateFilter) === null || _d === void 0 ? void 0 : _d.final));
+                    });
+                    if (foundFilter) {
+                        appliedFirestoreFilter = foundFilter;
+                    }
+                }
+            }
+            const equalsFilters = filters.filter((f) => f.arrange === 'equals');
+            const otherFilters = filters.filter((f) => f.arrange !== 'equals');
+            // Aplicar equals filters no client-side apenas se não foram aplicados no Firestore
+            if (appliedFirestoreFilter !== 'all-equals' && equalsFilters.length > 0) {
+                // Agrupar por propriedade para aplicar OR dentro de cada propriedade
+                const groupedByProperty = equalsFilters.reduce((acc, f) => {
+                    if (f.filter) {
+                        const prop = f.filter.property;
+                        if (!acc[prop]) {
+                            acc[prop] = [];
+                        }
+                        acc[prop].push(f.filter.filtering);
+                    }
+                    return acc;
+                }, {});
+                // Filtrar: item deve ter pelo menos um valor de CADA propriedade
+                // (AND entre propriedades, OR dentro de cada propriedade)
+                items = items.filter((item) => {
+                    return Object.entries(groupedByProperty).every(([prop, values]) => {
+                        const itemValue = item[prop];
+                        return values.includes(itemValue);
+                    });
+                });
+            }
+            otherFilters.forEach((filterItem) => {
+                var _a, _b, _c, _d;
+                if (appliedFirestoreFilter === filterItem) {
+                    return;
+                }
+                if (filterItem.arrange === 'filter' &&
+                    ((_a = filterItem.filter) === null || _a === void 0 ? void 0 : _a.filtering) &&
+                    ((_b = filterItem.filter) === null || _b === void 0 ? void 0 : _b.property)) {
+                    const filterValue = String(filterItem.filter.filtering)
+                        .trim()
+                        .toLowerCase();
+                    items = items.filter((item) => {
+                        var _a;
+                        const itemValue = String((_a = item[filterItem.filter.property]) !== null && _a !== void 0 ? _a : '').toLowerCase();
+                        return itemValue.includes(filterValue);
+                    });
+                }
+                if (filterItem.arrange === 'filterByDate' &&
+                    ((_c = filterItem.dateFilter) === null || _c === void 0 ? void 0 : _c.initial) &&
+                    ((_d = filterItem.dateFilter) === null || _d === void 0 ? void 0 : _d.final) &&
+                    sortBy.field) {
+                    items = items.filter((item) => {
+                        try {
+                            const fieldValue = item[sortBy.field];
+                            if (!fieldValue) {
+                                return false;
+                            }
+                            let itemDate;
+                            const fieldValueObj = fieldValue;
+                            if (fieldValueObj &&
+                                typeof fieldValueObj === 'object' &&
+                                'toDate' in fieldValueObj &&
+                                typeof fieldValueObj.toDate === 'function') {
+                                itemDate = fieldValueObj.toDate();
+                            }
+                            else if (fieldValueObj instanceof Date) {
+                                itemDate = fieldValueObj;
+                            }
+                            else if (typeof fieldValueObj === 'string') {
+                                itemDate = new Date(fieldValueObj);
+                                if (isNaN(itemDate.getTime())) {
+                                    return false;
+                                }
+                            }
+                            else if (typeof fieldValueObj === 'number') {
+                                itemDate = new Date(fieldValueObj);
+                            }
+                            else {
+                                return false;
+                            }
+                            if (!filterItem.dateFilter) {
+                                return false;
+                            }
+                            return (itemDate >= filterItem.dateFilter.initial &&
+                                itemDate <= filterItem.dateFilter.final);
+                        }
+                        catch (error) {
+                            console.warn('Erro ao processar filtro de data para o item:', item.id, error);
+                            return false;
+                        }
+                    });
+                }
+            });
+            // Aplicar filterFn se existir
+            if (params.filterFn) {
+                items = items.filter(params.filterFn);
+            }
+            if (sortBy && sortBy.field && sortBy.order) {
+                items.sort((a, b) => {
+                    const valA = a[sortBy.field];
+                    const valB = b[sortBy.field];
+                    if (valA === null || valA === undefined)
+                        return 1;
+                    if (valB === null || valB === undefined)
+                        return -1;
+                    if (valA < valB) {
+                        return sortBy.order === 'asc' ? -1 : 1;
+                    }
+                    if (valA > valB) {
+                        return sortBy.order === 'asc' ? 1 : -1;
+                    }
+                    return 0;
+                });
+            }
+            // Implementação adequada da paginação
+            let currentClientPageIndex = 0;
+            // Determinar a página atual baseada na navegação
+            if (params.navigation === 'reload') {
+                currentClientPageIndex = 0;
+            }
+            else {
+                currentClientPageIndex = params.clientPageIndex || 0;
+            }
+            const pageSize = params.batchSize;
+            const startIndex = currentClientPageIndex * pageSize;
+            const endIndex = startIndex + pageSize;
+            const paginatedItems = items.slice(startIndex, endIndex);
+            const totalPages = Math.ceil(items.length / pageSize);
+            const hasNextPage = currentClientPageIndex < totalPages - 1;
+            const hasPreviousPage = currentClientPageIndex > 0;
+            return {
+                items: paginatedItems,
+                filterLength: items.length,
+                lastDoc: null,
+                firstDoc: null,
+                hasNextPage: hasNextPage,
+                hasPreviousPage: hasPreviousPage,
+                currentClientPageIndex: currentClientPageIndex,
+                totalPages: totalPages,
+            };
+        });
+    }
+    getItemsData(collection, arrange, conditions = undefined) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                let query = this.ngFire.collection(collection).ref;
+                query = this.applyFilters(query, arrange, conditions);
+                const snapshot = yield query.get();
+                return yield Promise.all(snapshot.docs.map((doc) => __awaiter(this, void 0, void 0, function* () {
+                    const data = doc.data();
+                    const id = doc.id;
+                    return Object.assign({ id }, (data !== null && data !== void 0 ? data : {}));
+                })));
+            }
+            catch (e) {
+                throw e;
+            }
+        });
+    }
+    deleteIndex(id, col) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const batch = this.ngFire.firestore.batch();
+                const docRef = this.ngFire.collection(col).doc(id);
+                const docSnapshot = (yield firstValueFrom(docRef.get()));
+                const doc = docSnapshot.data();
+                batch.delete(docRef.ref);
+                if (doc && typeof doc['index'] === 'number') {
+                    yield this.reindex(doc['index'], col, batch);
+                }
+                yield batch.commit();
+                this.toastr.success('Item excluído com sucesso!');
+                return true;
+            }
+            catch (e) {
+                const error = e;
+                console.error('Erro ao deletar item:', error);
+                this.toastr.error('Erro ao deletar item.');
+                return false;
+            }
+        });
+    }
+    reindex(index, col, batch) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const snapshot = (yield firstValueFrom(this.ngFire.collection(col).get()));
+                const docs = snapshot.docs;
+                for (let doc of docs) {
+                    const data = doc.data();
+                    if (data &&
+                        typeof data['index'] === 'number' &&
+                        data['index'] > index) {
+                        data['index'] = (data['index'] - 1);
+                        const docRef = this.ngFire.collection(col).doc(doc.id).ref;
+                        batch.update(docRef, data);
+                    }
+                }
+            }
+            catch (error) {
+                console.error('Erro ao reindexar:', error);
+            }
+            return;
+        });
+    }
+    dateFormatValidator() {
+        return (control) => {
+            if (!control.value) {
+                return null;
+            }
+            const dateStr = control.value.trim();
+            const datePattern = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
+            if (!datePattern.test(dateStr)) {
+                return { invalidFormat: true };
+            }
+            const parts = dateStr.split('/');
+            const day = parts[0].padStart(2, '0');
+            const month = parts[1].padStart(2, '0');
+            const year = parts[2];
+            const normalizedDate = `${day}/${month}/${year}`;
+            const date = moment(normalizedDate, 'DD/MM/YYYY', true);
+            if (!date.isValid()) {
+                return { invalidDate: true };
+            }
+            return null;
+        };
+    }
+    updateIndex(index, id, col) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.ngFire.collection(col).doc(id).update({ index });
+        });
+    }
+    /**
+     * Extrai o link de criação de índice da mensagem de erro do Firestore
+     */
+    extractIndexLink(error) {
+        if (!error ||
+            typeof error !== 'object' ||
+            !('message' in error) ||
+            typeof error.message !== 'string')
+            return null;
+        const linkMatch = error.message.match(/(https:\/\/console\.firebase\.google\.com\/[^\s]+)/);
+        return linkMatch ? linkMatch[1] : null;
+    }
+    /**
+     * Rastreia índices ausentes ao usar fallback preventivo
+     */
+    trackMissingIndexPreventive(collection, arrange, conditions = undefined) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const querySignature = this.generateQuerySignature(collection, arrange, conditions);
+                const docId = `${collection}_${querySignature}`;
+                const indexLink = this.generateIndexLink(collection, arrange, conditions);
+                const indexInstructions = this.generateIndexInstructions(collection, arrange, conditions);
+                const trackingData = {
+                    collection,
+                    indexLink,
+                    indexInstructions,
+                    arrange: {
+                        sortBy: arrange.sortBy,
+                        filters: ((_a = arrange.filters) === null || _a === void 0 ? void 0 : _a.map((f) => {
+                            var _a, _b;
+                            return ({
+                                arrange: f.arrange,
+                                property: ((_a = f.filter) === null || _a === void 0 ? void 0 : _a.property) || null,
+                                dateField: f.arrange === 'filterByDate' ? (_b = arrange.sortBy) === null || _b === void 0 ? void 0 : _b.field : null,
+                            });
+                        })) || [],
+                    },
+                    conditions: (conditions === null || conditions === void 0 ? void 0 : conditions.map((c) => ({
+                        property: c.firestoreProperty,
+                        operator: c.operator,
+                    }))) || [],
+                    errorMessage: `Fallback preventivo usado para a collection ${collection}. A query exigiria índice composto.`,
+                    updatedAt: firebase.firestore.FieldValue.serverTimestamp(),
+                };
+                const docRef = this.ngFire.collection('missingIndexes').doc(docId);
+                const doc = yield docRef.get().toPromise();
+                if (doc && doc.exists) {
+                    yield docRef.update({
+                        count: firebase.firestore.FieldValue.increment(1),
+                        updatedAt: firebase.firestore.FieldValue.serverTimestamp(),
+                        lastError: trackingData['errorMessage'],
+                    });
+                }
+                else {
+                    yield docRef.set(Object.assign(Object.assign({}, trackingData), { count: 1, createdAt: firebase.firestore.FieldValue.serverTimestamp() }));
+                }
+            }
+            catch (trackingError) {
+                console.warn('Falha ao rastrear fallback preventivo:', trackingError);
+            }
+        });
+    }
+    /**
+     * Gera uma assinatura única para uma query
+     */
+    generateQuerySignature(collection, arrange, conditions = undefined) {
+        var _a;
+        const signature = {
+            collection,
+            sortBy: arrange.sortBy,
+            filters: ((_a = arrange.filters) === null || _a === void 0 ? void 0 : _a.map((f) => {
+                var _a;
+                return ({
+                    arrange: f.arrange,
+                    property: ((_a = f.filter) === null || _a === void 0 ? void 0 : _a.property) || null,
+                });
+            })) || [],
+            conditions: (conditions === null || conditions === void 0 ? void 0 : conditions.map((c) => ({
+                property: c.firestoreProperty,
+                operator: c.operator,
+            }))) || [],
+        };
+        return btoa(JSON.stringify(signature))
+            .replace(/[^a-zA-Z0-9]/g, '')
+            .substring(0, 20);
+    }
+    /**
+     * Gera instruções claras para criar o índice manualmente
+     */
+    generateIndexInstructions(collection, arrange, conditions = undefined) {
+        var _a;
+        const instructions = {
+            summary: '',
+            collection: collection,
+            fields: [],
+            queryExample: '',
+            stepByStep: [],
+            notes: [],
+        };
+        const fields = [];
+        if (conditions && conditions.length > 0) {
+            conditions.forEach((condition) => {
+                if (condition.firestoreProperty) {
+                    fields.push({
+                        field: condition.firestoreProperty,
+                        order: 'Ascending',
+                        type: 'WHERE clause',
+                        operator: condition.operator,
+                        description: `Filtrar por ${condition.firestoreProperty} usando operador ${condition.operator}`,
+                    });
+                }
+            });
+        }
+        if (arrange.filters && arrange.filters.length > 0) {
+            arrange.filters.forEach((filter) => {
+                var _a;
+                if ((_a = filter.filter) === null || _a === void 0 ? void 0 : _a.property) {
+                    fields.push({
+                        field: filter.filter.property,
+                        order: 'Ascending',
+                        type: 'WHERE clause (filter)',
+                        operator: filter.arrange === 'filter' ? 'CONTAINS' : 'RANGE',
+                        description: `Filtrar por ${filter.filter.property} usando filtro ${filter.arrange}`,
+                    });
+                }
+            });
+        }
+        if ((_a = arrange.sortBy) === null || _a === void 0 ? void 0 : _a.field) {
+            fields.push({
+                field: arrange.sortBy.field,
+                order: arrange.sortBy.order === 'desc' ? 'Descending' : 'Ascending',
+                type: 'ORDER BY clause',
+                operator: 'N/A',
+                description: `Ordenar resultados por ${arrange.sortBy.field} em ordem ${arrange.sortBy.order}`,
+            });
+        }
+        instructions.fields = fields;
+        const fieldNames = fields.map((f) => f.field).join(' + ');
+        instructions.summary = `Criar índice composto para ${collection}: ${fieldNames}`;
+        let queryExample = `db.collection('${collection}')`;
+        fields.forEach((field, index) => {
+            if (field.type.includes('WHERE')) {
+                if (field.operator === '==') {
+                    queryExample += `\n  .where('${field.field}', '==', 'value')`;
+                }
+                else if (field.operator === 'CONTAINS') {
+                    queryExample += `\n  .where('${field.field}', '>=', 'searchText')`;
+                }
+                else {
+                    queryExample += `\n  .where('${field.field}', '${field.operator}', 'value')`;
+                }
+            }
+        });
+        const orderByField = fields.find((f) => f.type.includes('ORDER BY'));
+        if (orderByField) {
+            queryExample += `\n  .orderBy('${orderByField.field}', '${orderByField.order.toLowerCase()}')`;
+        }
+        instructions.queryExample = queryExample;
+        instructions.stepByStep = [
+            '1. Ir para Firebase Console → Firestore → Indexes',
+            '2. Clicar em "Create Index"',
+            `3. Definir Collection ID: ${collection}`,
+            '4. Configurar campos nesta ORDEM EXATA:',
+            ...fields.map((field, index) => `   ${index + 1}. Campo: ${field.field}, Order: ${field.order}, Array: No`),
+            '5. Definir Query scopes: Collection',
+            '6. Clicar em "Create" e aguardar conclusão',
+        ];
+        instructions.notes = [
+            '⚠️ A ordem dos campos é CRÍTICA - deve corresponder exatamente à ordem da query',
+            '⚠️ As cláusulas WHERE devem vir ANTES do campo ORDER BY',
+            '⚠️ Este índice só funcionará para queries com esta combinação EXATA de campos',
+            '⚠️ A criação do índice pode levar vários minutos',
+        ];
+        return instructions;
+    }
+    /**
+     * Gera um link de índice baseado na estrutura da query
+     */
+    generateIndexLink(collection, arrange, conditions = undefined) {
+        var _a, _b, _c, _d;
+        try {
+            const indexFields = [];
+            if (conditions && conditions.length > 0) {
+                conditions.forEach((condition) => {
+                    if (condition.firestoreProperty) {
+                        indexFields.push(condition.firestoreProperty);
+                    }
+                });
+            }
+            if (arrange.filters && arrange.filters.length > 0) {
+                arrange.filters.forEach((filter) => {
+                    var _a;
+                    if ((_a = filter.filter) === null || _a === void 0 ? void 0 : _a.property) {
+                        indexFields.push(filter.filter.property);
+                    }
+                });
+            }
+            if ((_a = arrange.sortBy) === null || _a === void 0 ? void 0 : _a.field) {
+                indexFields.push(arrange.sortBy.field);
+            }
+            if (indexFields.length > 1) {
+                // Obter o projectId dinamicamente do Firebase
+                const options = (_d = (_c = (_b = this.ngFire) === null || _b === void 0 ? void 0 : _b.firestore) === null || _c === void 0 ? void 0 : _c.app) === null || _d === void 0 ? void 0 : _d.options;
+                const projectId = options === null || options === void 0 ? void 0 : options['projectId'];
+                if (!projectId) {
+                    console.warn('Não foi possível obter o projectId do Firebase');
+                    return null;
+                }
+                const baseUrl = `https://console.firebase.google.com/project/${projectId}/firestore/indexes`;
+                const queryParams = new URLSearchParams({
+                    create_composite: `collection=${collection}&fields=${indexFields.join(',')}`,
+                });
+                const finalLink = `${baseUrl}?${queryParams.toString()}`;
+                return finalLink;
+            }
+            return null;
+        }
+        catch (error) {
+            console.warn('Falha ao gerar link de índice:', error);
+            return null;
+        }
+    }
+    trackMissingIndex(error, collection, arrange, conditions = undefined) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const indexLink = this.extractIndexLink(error);
+                if (!indexLink)
+                    return;
+                const linkHash = btoa(indexLink)
+                    .replace(/[^a-zA-Z0-9]/g, '')
+                    .substring(0, 20);
+                const docId = `${collection}_${linkHash}`;
+                const indexInstructions = this.generateIndexInstructions(collection, arrange, conditions);
+                const trackingData = {
+                    collection,
+                    indexLink,
+                    indexInstructions,
+                    arrange: {
+                        sortBy: arrange.sortBy,
+                        filters: ((_a = arrange.filters) === null || _a === void 0 ? void 0 : _a.map((f) => {
+                            var _a, _b;
+                            return ({
+                                arrange: f.arrange,
+                                property: ((_a = f.filter) === null || _a === void 0 ? void 0 : _a.property) || null,
+                                dateField: f.arrange === 'filterByDate' ? (_b = arrange.sortBy) === null || _b === void 0 ? void 0 : _b.field : null,
+                            });
+                        })) || [],
+                    },
+                    conditions: (conditions === null || conditions === void 0 ? void 0 : conditions.map((c) => ({
+                        property: c.firestoreProperty,
+                        operator: c.operator,
+                    }))) || [],
+                    errorMessage: error &&
+                        typeof error === 'object' &&
+                        'message' in error &&
+                        typeof error.message === 'string'
+                        ? error.message
+                        : String(error),
+                    updatedAt: firebase.firestore.FieldValue.serverTimestamp(),
+                };
+                const docRef = this.ngFire.collection('missingIndexes').doc(docId);
+                const doc = yield docRef.get().toPromise();
+                const errorMessage = error &&
+                    typeof error === 'object' &&
+                    'message' in error &&
+                    typeof error.message === 'string'
+                    ? error.message
+                    : String(error);
+                if (doc && doc.exists) {
+                    yield docRef.update({
+                        count: firebase.firestore.FieldValue.increment(1),
+                        updatedAt: firebase.firestore.FieldValue.serverTimestamp(),
+                        lastError: errorMessage,
+                    });
+                }
+                else {
+                    yield docRef.set(Object.assign(Object.assign({}, trackingData), { count: 1, createdAt: firebase.firestore.FieldValue.serverTimestamp() }));
+                }
+            }
+            catch (trackingError) {
+                console.warn('Falha ao rastrear índice ausente:', trackingError);
+            }
+        });
+    }
+}
+TableService.ɵfac = function TableService_Factory(t) { return new (t || TableService)(i0.ɵɵinject(i1.AngularFirestore, 8), i0.ɵɵinject(i2.MatDialog, 8), i0.ɵɵinject(i3.ToastrService, 8)); };
+TableService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TableService, factory: TableService.ɵfac });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableService, [{
+            type: Injectable
+        }], function () {
+        return [{ type: i1.AngularFirestore, decorators: [{
+                        type: Optional
+                    }] }, { type: i2.MatDialog, decorators: [{
+                        type: Optional
+                    }] }, { type: i3.ToastrService, decorators: [{
+                        type: Optional
+                    }] }];
+    }, null);
+})();
+
+class FilterService {
+    constructor(tableService) {
+        this.tableService = tableService;
+    }
+    /**
+     * Cria um novo FormGroup para um filtro
+     */
+    createFilterGroup() {
+        const dateValidator = this.tableService.dateFormatValidator();
+        return new FormGroup({
+            selectFilter: new FormControl(''),
+            typeFilter: new FormControl(''),
+            selectItem: new FormControl(''),
+            initialDate: new FormControl('', [dateValidator]),
+            finalDate: new FormControl('', [dateValidator]),
+        });
+    }
+    /**
+     * Adiciona um novo filtro ao FormArray
+     */
+    addFilter(filtersForm, isPaginated, filterData) {
+        var _a, _b, _c, _d, _e, _f;
+        if (isPaginated &&
+            this.hasActiveDateFilter(filtersForm) &&
+            ((_a = filterData === null || filterData === void 0 ? void 0 : filterData.selectFilter) === null || _a === void 0 ? void 0 : _a.arrange) === 'filterByDate') {
+            return;
+        }
+        const newFilterGroup = this.createFilterGroup();
+        if (filterData) {
+            if (filterData.selectFilter) {
+                (_b = newFilterGroup.get('selectFilter')) === null || _b === void 0 ? void 0 : _b.setValue(filterData.selectFilter);
+            }
+            if (filterData.typeFilter) {
+                (_c = newFilterGroup.get('typeFilter')) === null || _c === void 0 ? void 0 : _c.setValue(filterData.typeFilter);
+            }
+            if (filterData.selectItem) {
+                (_d = newFilterGroup.get('selectItem')) === null || _d === void 0 ? void 0 : _d.setValue(filterData.selectItem);
+            }
+            if (filterData.initialDate) {
+                (_e = newFilterGroup.get('initialDate')) === null || _e === void 0 ? void 0 : _e.setValue(filterData.initialDate);
+            }
+            if (filterData.finalDate) {
+                (_f = newFilterGroup.get('finalDate')) === null || _f === void 0 ? void 0 : _f.setValue(filterData.finalDate);
+            }
+        }
+        filtersForm.push(newFilterGroup);
+    }
+    /**
+     * Verifica se há um filtro de data ativo
+     */
+    hasActiveDateFilter(filtersForm) {
+        return filtersForm.controls.some((control) => {
+            var _a;
+            const group = control;
+            const selectedFilter = (_a = group.get('selectFilter')) === null || _a === void 0 ? void 0 : _a.value;
+            return (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.arrange) === 'filterByDate';
+        });
+    }
+    /**
+     * Retorna as opções de filtro disponíveis
+     */
+    getAvailableFilterOptions(dropdownItems, isPaginated, filtersForm) {
+        if (isPaginated && this.hasActiveDateFilter(filtersForm)) {
+            return dropdownItems.filter((item) => item.arrange !== 'filterByDate');
+        }
+        return dropdownItems;
+    }
+    /**
+     * Remove um filtro do FormArray
+     */
+    removeFilter(filtersForm, index) {
+        filtersForm.removeAt(index);
+        if (filtersForm.length === 0) {
+            this.addFilter(filtersForm, false);
+        }
+    }
+    /**
+     * Remove todos os filtros do FormArray
+     */
+    removeAllFilters(filtersForm) {
+        filtersForm.clear();
+        this.addFilter(filtersForm, false);
+    }
+    /**
+     * Aplica máscara de data (DD/MM/AAAA)
+     */
+    applyDateMask(event, controlName, filterGroup) {
+        var _a;
+        const input = event.target;
+        let value = input.value.replace(/\D/g, '');
+        if (value.length > 8) {
+            value = value.slice(0, 8);
+        }
+        if (value.length <= 2) {
+            // mantém como está
+        }
+        else if (value.length <= 4) {
+            value = value.slice(0, 2) + '/' + value.slice(2);
+        }
+        else {
+            value =
+                value.slice(0, 2) + '/' + value.slice(2, 4) + '/' + value.slice(4, 8);
+        }
+        (_a = filterGroup.get(controlName)) === null || _a === void 0 ? void 0 : _a.setValue(value, { emitEvent: false });
+    }
+    /**
+     * Aplica filtros client-side aos itens
+     */
+    applyClientSideFilters(items, filtersForm, sortBy) {
+        let filteredItems = [...items];
+        const dateFiltersByProperty = {};
+        const otherFilters = [];
+        filtersForm.controls.forEach((control) => {
+            var _a, _b, _c;
+            const group = control;
+            const selectedFilter = (_a = group.get('selectFilter')) === null || _a === void 0 ? void 0 : _a.value;
+            if (!selectedFilter)
+                return;
+            const arrange = selectedFilter.arrange;
+            if (arrange === 'filterByDate') {
+                const initial = (_b = group.get('initialDate')) === null || _b === void 0 ? void 0 : _b.value;
+                const final = (_c = group.get('finalDate')) === null || _c === void 0 ? void 0 : _c.value;
+                if (initial && final && initial.trim() && final.trim()) {
+                    try {
+                        const datePattern = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
+                        if (!datePattern.test(initial) || !datePattern.test(final)) {
+                            return;
+                        }
+                        const [dayI, monthI, yearI] = initial.split('/');
+                        const initialDate = new Date(`${monthI}/${dayI}/${yearI}`);
+                        const [dayF, monthF, yearF] = final.split('/');
+                        const finalDate = new Date(`${monthF}/${dayF}/${yearF}`);
+                        finalDate.setHours(23, 59, 59);
+                        if (isNaN(initialDate.getTime()) || isNaN(finalDate.getTime())) {
+                            return;
+                        }
+                        const dateField = selectedFilter.property || sortBy.field;
+                        if (!dateFiltersByProperty[dateField]) {
+                            dateFiltersByProperty[dateField] = [];
+                        }
+                        dateFiltersByProperty[dateField].push({
+                            initial: initialDate,
+                            final: finalDate,
+                        });
+                    }
+                    catch (error) {
+                        console.warn('Erro ao processar datas do filtro:', error);
+                    }
+                }
+            }
+            else {
+                otherFilters.push({ group, selectedFilter, arrange });
+            }
+        });
+        // Aplicar filtros de data
+        Object.keys(dateFiltersByProperty).forEach((dateField) => {
+            const intervals = dateFiltersByProperty[dateField];
+            filteredItems = filteredItems.filter((item) => {
+                try {
+                    const fieldValue = item[dateField];
+                    if (!fieldValue) {
+                        return false;
+                    }
+                    let itemDate;
+                    if (typeof fieldValue.toDate === 'function') {
+                        itemDate = fieldValue.toDate();
+                    }
+                    else if (fieldValue instanceof Date) {
+                        itemDate = fieldValue;
+                    }
+                    else if (typeof fieldValue === 'string') {
+                        itemDate = new Date(fieldValue);
+                        if (isNaN(itemDate.getTime())) {
+                            return false;
+                        }
+                    }
+                    else if (typeof fieldValue === 'number') {
+                        itemDate = new Date(fieldValue);
+                    }
+                    else {
+                        return false;
+                    }
+                    return intervals.some((interval) => itemDate >= interval.initial && itemDate <= interval.final);
+                }
+                catch (error) {
+                    console.warn('Erro ao processar filtro de data para o item:', item.id, error);
+                    return false;
+                }
+            });
+        });
+        // Aplicar outros filtros
+        otherFilters.forEach(({ group, selectedFilter, arrange }) => {
+            var _a, _b;
+            if (arrange === 'filter') {
+                const filterValue = (_a = group.get('typeFilter')) === null || _a === void 0 ? void 0 : _a.value;
+                if (filterValue && filterValue.trim()) {
+                    const property = selectedFilter.property;
+                    filteredItems = filteredItems.filter((item) => {
+                        const value = String(item[property] || '')
+                            .trim()
+                            .toLocaleLowerCase();
+                        return value.includes(filterValue.trim().toLocaleLowerCase());
+                    });
+                }
+            }
+            else if (selectedFilter.hasOwnProperty('items') &&
+                arrange === 'equals') {
+                const selectedItems = (_b = group.get('selectItem')) === null || _b === void 0 ? void 0 : _b.value;
+                if (Array.isArray(selectedItems) && selectedItems.length > 0) {
+                    filteredItems = filteredItems.filter((item) => {
+                        return selectedItems.some((selectedItem) => {
+                            const itemValue = item[selectedItem.property];
+                            return itemValue === selectedItem.value;
+                        });
+                    });
+                }
+            }
+        });
+        return filteredItems;
+    }
+    /**
+     * Constrói o objeto Arrange a partir dos filtros ativos
+     */
+    buildArrangeFromFilters(filtersForm, sortBy) {
+        const activeFilters = filtersForm.controls
+            .flatMap((control) => {
+            var _a, _b, _c, _d, _e;
+            const group = control;
+            const selectedFilter = (_a = group.get('selectFilter')) === null || _a === void 0 ? void 0 : _a.value;
+            if (!selectedFilter)
+                return [];
+            const arrange = selectedFilter.arrange;
+            if (arrange === 'filter') {
+                const filterValue = (_b = group.get('typeFilter')) === null || _b === void 0 ? void 0 : _b.value;
+                if (!filterValue)
+                    return [];
+                return {
+                    arrange,
+                    filter: {
+                        property: selectedFilter.property,
+                        filtering: filterValue,
+                    },
+                    dateFilter: undefined,
+                };
+            }
+            if (arrange === 'filterByDate') {
+                const initial = (_c = group.get('initialDate')) === null || _c === void 0 ? void 0 : _c.value;
+                const final = (_d = group.get('finalDate')) === null || _d === void 0 ? void 0 : _d.value;
+                if (initial && final) {
+                    try {
+                        const [dayI, monthI, yearI] = initial.split('/');
+                        const initialDate = new Date(`${monthI}/${dayI}/${yearI}`);
+                        const [dayF, monthF, yearF] = final.split('/');
+                        const finalDate = new Date(`${monthF}/${dayF}/${yearF}`);
+                        finalDate.setHours(23, 59, 59);
+                        return {
+                            arrange,
+                            filter: undefined,
+                            dateFilter: {
+                                initial: initialDate,
+                                final: finalDate,
+                            },
+                        };
+                    }
+                    catch (error) {
+                        return [];
+                    }
+                }
+                return [];
+            }
+            if (selectedFilter.hasOwnProperty('items') && arrange === 'equals') {
+                const selectedItems = (_e = group.get('selectItem')) === null || _e === void 0 ? void 0 : _e.value;
+                if (Array.isArray(selectedItems) && selectedItems.length > 0) {
+                    return selectedItems.map((item) => ({
+                        arrange,
+                        filter: {
+                            property: item.property,
+                            filtering: item.value,
+                        },
+                        dateFilter: undefined,
+                    }));
+                }
+            }
+            return [];
+        })
+            .filter((f) => { var _a; return f && (((_a = f.filter) === null || _a === void 0 ? void 0 : _a.filtering) !== undefined || f.dateFilter); });
+        return {
+            filters: activeFilters,
+            sortBy: sortBy,
+        };
+    }
+    /**
+     * Extrai filtros ativos para paginação
+     */
+    extractActiveFilters(filtersForm) {
+        return filtersForm.controls
+            .flatMap((control) => {
+            var _a, _b, _c, _d, _e;
+            const group = control;
+            const selectedFilter = (_a = group.get('selectFilter')) === null || _a === void 0 ? void 0 : _a.value;
+            if (!selectedFilter)
+                return [];
+            const arrange = selectedFilter.arrange;
+            if (arrange === 'filter') {
+                const filterValue = (_b = group.get('typeFilter')) === null || _b === void 0 ? void 0 : _b.value;
+                if (!filterValue)
+                    return [];
+                return {
+                    arrange,
+                    filter: {
+                        property: selectedFilter.property,
+                        filtering: filterValue,
+                    },
+                    dateFilter: undefined,
+                };
+            }
+            if (arrange === 'filterByDate') {
+                const initial = (_c = group.get('initialDate')) === null || _c === void 0 ? void 0 : _c.value;
+                const final = (_d = group.get('finalDate')) === null || _d === void 0 ? void 0 : _d.value;
+                if (initial && final) {
+                    const [dayI, monthI, yearI] = initial.split('/');
+                    const initialDate = new Date(`${monthI}/${dayI}/${yearI}`);
+                    const [dayF, monthF, yearF] = final.split('/');
+                    const finalDate = new Date(`${monthF}/${dayF}/${yearF}`);
+                    finalDate.setHours(23, 59, 59);
+                    return {
+                        arrange,
+                        filter: undefined,
+                        dateFilter: {
+                            initial: initialDate,
+                            final: finalDate,
+                        },
+                    };
+                }
+                return [];
+            }
+            if (selectedFilter.hasOwnProperty('items') && arrange === 'equals') {
+                const selectedItems = (_e = group.get('selectItem')) === null || _e === void 0 ? void 0 : _e.value;
+                if (Array.isArray(selectedItems) && selectedItems.length > 0) {
+                    return selectedItems.map((item) => ({
+                        arrange,
+                        filter: {
+                            property: item.property,
+                            filtering: item.value,
+                        },
+                        dateFilter: undefined,
+                    }));
+                }
+            }
+            return [];
+        })
+            .filter((f) => { var _a; return f && (((_a = f.filter) === null || _a === void 0 ? void 0 : _a.filtering) !== undefined || f.dateFilter); });
+    }
+    /**
+     * Inicializa os dropdownItems baseado nas colunas
+     */
+    initializeDropdownItems(displayedColumns) {
+        const dropdownItems = [];
+        const sortableDropdownItems = [];
+        let hasFilterableColumn = false;
+        let hasSortableColumn = false;
+        displayedColumns.forEach((col) => {
+            if (col.isFilterable) {
+                hasFilterableColumn = true;
+                dropdownItems.push(Object.assign(Object.assign({}, col), { arrange: 'filter', title: col.title }));
+            }
+            if (col.isSortable) {
+                hasSortableColumn = true;
+                sortableDropdownItems.push(Object.assign(Object.assign({}, col), { arrange: 'ascending', title: col.title + ': crescente' }));
+                sortableDropdownItems.push(Object.assign(Object.assign({}, col), { arrange: 'descending', title: col.title + ': decrescente' }));
+            }
+            if (col.isFilterableByDate) {
+                dropdownItems.push(Object.assign(Object.assign({}, col), { arrange: 'filterByDate', title: col.title + ': filtro por data' }));
+            }
+        });
+        return {
+            dropdownItems,
+            sortableDropdownItems,
+            hasFilterableColumn,
+            hasSortableColumn,
+        };
+    }
+    /**
+     * Adiciona opções de filtro customizadas
+     */
+    addFilterableOptions(dropdownItems, filterableOptions) {
+        if (filterableOptions &&
+            Array.isArray(filterableOptions) &&
+            filterableOptions.length > 0) {
+            filterableOptions.forEach((option) => dropdownItems.push(Object.assign(Object.assign({}, option), { arrange: 'equals' })));
+        }
+        return dropdownItems;
+    }
+}
+FilterService.ɵfac = function FilterService_Factory(t) { return new (t || FilterService)(i0.ɵɵinject(TableService)); };
+FilterService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FilterService, factory: FilterService.ɵfac, providedIn: 'root' });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterService, [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], function () { return [{ type: TableService }]; }, null);
+})();
+
+class TooltipService {
+    constructor() {
+        this.tooltipTimeout = null;
+    }
+    /**
+     * Cria um estado inicial para o tooltip
+     */
+    createInitialState() {
+        return {
+            hoveredCell: null,
+            showTooltip: false,
+            tooltipContent: '',
+            tooltipPosition: { x: 0, y: 0 },
+            tooltipBgColor: 'bg-gray-800',
+            tooltipBgStyle: null,
+            tooltipTextColor: 'text-white',
+            tooltipTextStyle: null,
+        };
+    }
+    /**
+     * Processa as cores do tooltip
+     */
+    processTooltipColors(config) {
+        const result = {
+            bgColor: 'bg-gray-800',
+            bgStyle: null,
+            textColor: 'text-white',
+            textStyle: null,
+        };
+        const tooltipBgColor = (config === null || config === void 0 ? void 0 : config.color) || 'bg-gray-800';
+        if (tooltipBgColor.startsWith('#') || tooltipBgColor.startsWith('rgb')) {
+            result.bgColor = '';
+            result.bgStyle = { 'background-color': tooltipBgColor };
+        }
+        else {
+            result.bgColor = tooltipBgColor;
+            result.bgStyle = null;
+        }
+        const tooltipTextColor = (config === null || config === void 0 ? void 0 : config.text) || 'text-white';
+        if (tooltipTextColor.startsWith('#') ||
+            tooltipTextColor.startsWith('rgb')) {
+            result.textColor = '';
+            result.textStyle = { color: tooltipTextColor };
+        }
+        else {
+            result.textColor = tooltipTextColor;
+            result.textStyle = null;
+        }
+        return result;
+    }
+    /**
+     * Manipula o evento de mouse enter na célula
+     */
+    handleMouseEnter(event, row, col, getDisplayValue, onShow) {
+        // Só mostrar tooltip se a coluna tiver charLimit definido
+        if (!col.charLimit) {
+            return;
+        }
+        const fullValue = getDisplayValue(col, row, true);
+        // Só mostrar tooltip se o valor completo for maior que o limite
+        if (fullValue.length <= col.charLimit) {
+            return;
+        }
+        const colors = this.processTooltipColors(col.tooltip);
+        const state = {
+            hoveredCell: { row, col },
+            tooltipContent: fullValue,
+            tooltipBgColor: colors.bgColor,
+            tooltipBgStyle: colors.bgStyle,
+            tooltipTextColor: colors.textColor,
+            tooltipTextStyle: colors.textStyle,
+            tooltipPosition: {
+                x: event.clientX + 10,
+                y: event.clientY - 10,
+            },
+        };
+        onShow(state);
+        // Limpar timeout anterior se existir
+        if (this.tooltipTimeout) {
+            clearTimeout(this.tooltipTimeout);
+        }
+        // Timeout para mostrar o tooltip
+        this.tooltipTimeout = setTimeout(() => {
+            onShow({ showTooltip: true });
+        }, 500);
+    }
+    /**
+     * Manipula o evento de mouse leave na célula
+     */
+    handleMouseLeave(onHide) {
+        if (this.tooltipTimeout) {
+            clearTimeout(this.tooltipTimeout);
+            this.tooltipTimeout = null;
+        }
+        onHide(this.createInitialState());
+    }
+    /**
+     * Manipula o movimento do mouse
+     */
+    handleMouseMove(event, showTooltip, onMove) {
+        if (showTooltip) {
+            onMove({
+                x: event.clientX + 10,
+                y: event.clientY - 10,
+            });
+        }
+    }
+    /**
+     * Combina estilos do tooltip para aplicação
+     */
+    getTooltipStyles(state) {
+        const styles = {};
+        if (state.tooltipBgStyle) {
+            Object.assign(styles, state.tooltipBgStyle);
+        }
+        if (state.tooltipTextStyle) {
+            Object.assign(styles, state.tooltipTextStyle);
+        }
+        return styles;
+    }
+    /**
+     * Limpa recursos ao destruir
+     */
+    destroy() {
+        if (this.tooltipTimeout) {
+            clearTimeout(this.tooltipTimeout);
+            this.tooltipTimeout = null;
+        }
+    }
+}
+TooltipService.ɵfac = function TooltipService_Factory(t) { return new (t || TooltipService)(); };
+TooltipService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TooltipService, factory: TooltipService.ɵfac, providedIn: 'root' });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipService, [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], null, null);
+})();
+
+class PaginationService {
+    calculateNavigation(event, currentState) {
+        var _a;
+        const previousPageIndex = (_a = event.previousPageIndex) !== null && _a !== void 0 ? _a : 0;
+        const pageIndex = event.pageIndex;
+        const eventPageSize = event.pageSize;
+        const totalItems = currentState.totalItems;
+        const currentComponentPageSize = currentState.pageSize;
+        let navigationDirection = 'reload';
+        let resetDocs = false;
+        let originalPageSize = null;
+        let shouldNavigate = true;
+        let newClientPageIndex = pageIndex;
+        let newPageNumber = currentState.currentPageNumber;
+        const lastPageIndex = Math.max(0, Math.ceil(totalItems / eventPageSize) - 1);
+        // Atualizar número da página
+        if (previousPageIndex !== undefined && pageIndex > previousPageIndex) {
+            newPageNumber++;
+        }
+        else if (previousPageIndex !== undefined &&
+            pageIndex < previousPageIndex) {
+            newPageNumber = Math.max(1, newPageNumber - 1);
+        }
+        // Mudança de tamanho de página
+        if (eventPageSize !== currentComponentPageSize) {
+            navigationDirection = 'forward';
+            resetDocs = true;
+            newClientPageIndex = 0;
+        }
+        // Indo para primeira página
+        else if (pageIndex === 0 &&
+            previousPageIndex !== undefined &&
+            pageIndex < previousPageIndex) {
+            navigationDirection = 'forward';
+            newPageNumber = 1;
+            newClientPageIndex = 0;
+            resetDocs = true;
+        }
+        // Indo para última página (salto)
+        else if (pageIndex === lastPageIndex &&
+            previousPageIndex !== undefined &&
+            pageIndex > previousPageIndex &&
+            pageIndex - previousPageIndex > 1) {
+            navigationDirection = 'backward';
+            resetDocs = true;
+            const itemsExpectedInLastPage = totalItems - lastPageIndex * eventPageSize;
+            if (itemsExpectedInLastPage > 0 &&
+                itemsExpectedInLastPage < eventPageSize) {
+                originalPageSize = currentComponentPageSize;
+            }
+        }
+        // Próxima página
+        else if (previousPageIndex !== undefined && pageIndex > previousPageIndex) {
+            navigationDirection = 'forward';
+            resetDocs = false;
+        }
+        // Página anterior
+        else if (previousPageIndex !== undefined && pageIndex < previousPageIndex) {
+            navigationDirection = 'backward';
+            resetDocs = false;
+        }
+        // Mesma página (reload)
+        else if (previousPageIndex !== undefined &&
+            pageIndex === previousPageIndex) {
+            navigationDirection = 'reload';
+            resetDocs = false;
+        }
+        // Caso inicial (primeira carga)
+        else if (previousPageIndex === undefined && pageIndex === 0) {
+            shouldNavigate = false;
+        }
+        // Caso não tratado
+        else {
+            console.warn('Condição de navegação não tratada:', event);
+            shouldNavigate = false;
+        }
+        return {
+            direction: navigationDirection,
+            resetDocs,
+            originalPageSize,
+            shouldNavigate,
+            newClientPageIndex,
+            newPageNumber,
+        };
+    }
+    /**
+     * Calcula o número de itens esperados na última página
+     */
+    calculateLastPageItemCount(totalItems, pageSize) {
+        const lastPageIndex = Math.max(0, Math.ceil(totalItems / pageSize) - 1);
+        return totalItems - lastPageIndex * pageSize;
+    }
+    /**
+     * Calcula o índice da última página
+     */
+    calculateLastPageIndex(totalItems, pageSize) {
+        return Math.max(0, Math.ceil(totalItems / pageSize) - 1);
+    }
+    /**
+     * Verifica se deve mostrar o botão de próxima página
+     */
+    shouldShowNextButton(hasNextPage, isPaginated) {
+        return hasNextPage || !isPaginated;
+    }
+}
+PaginationService.ɵfac = function PaginationService_Factory(t) { return new (t || PaginationService)(); };
+PaginationService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PaginationService, factory: PaginationService.ɵfac, providedIn: 'root' });
+(function () {
+    (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(1);
+        i0.ɵɵtextInterpolate1(" ", tab_r5.counter, " ");
+    }
+}
+function TableTabsComponent_div_0_ng_container_1_ng_container_2_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r11 = 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 restoredCtx = i0.ɵɵrestoreView(_r11); const j_r6 = restoredCtx.index; const i_r3 = i0.ɵɵnextContext().index; const ctx_r9 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r9.onTabSelected(i_r3, j_r6)); });
+        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_r6 = ctx.index;
+        const i_r3 = i0.ɵɵnextContext().index;
+        const ctx_r4 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngClass", ctx_r4.isTabSelected(ctx_r4.getRealTabIndex(i_r3, j_r6)) ? "border-b-0 brightness-110" : "");
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", tab_r5.label, " ");
+        i0.ɵɵadvance(1);
+        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_r2 = ctx.$implicit;
+        const ctx_r1 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx_r1.getTabGroup(groupIndex_r2));
+    }
+}
+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_r0 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx_r0.getTabGroups());
+    }
+}
+class TableTabsComponent {
+    constructor() {
+        this.tabsData = [];
+        this.selectedTab = 0;
+        this.tabSelected = new EventEmitter();
+        this.TABS_PER_GROUP = 6;
+    }
+    /**
+     * Retorna os índices dos grupos de tabs (invertidos para exibição vertical)
+     */
+    getTabGroups() {
+        if (!this.tabsData || this.tabsData.length === 0)
+            return [];
+        const totalGroups = Math.ceil(this.tabsData.length / this.TABS_PER_GROUP);
+        const groups = [];
+        for (let i = totalGroups - 1; i >= 0; i--) {
+            groups.push(i);
+        }
+        return groups;
+    }
+    /**
+     * Retorna os tabs de um grupo específico
+     */
+    getTabGroup(groupIndex) {
+        if (!this.tabsData || this.tabsData.length === 0)
+            return [];
+        const startIndex = groupIndex * this.TABS_PER_GROUP;
+        const endIndex = Math.min(startIndex + this.TABS_PER_GROUP, this.tabsData.length);
+        return this.tabsData.slice(startIndex, endIndex);
+    }
+    /**
+     * Calcula o índice real do tab considerando a inversão vertical
+     */
+    getRealTabIndex(groupDisplayIndex, tabIndexInGroup) {
+        if (!this.tabsData)
+            return 0;
+        const totalGroups = Math.ceil(this.tabsData.length / this.TABS_PER_GROUP);
+        const realGroupIndex = totalGroups - 1 - groupDisplayIndex;
+        return realGroupIndex * this.TABS_PER_GROUP + tabIndexInGroup;
+    }
+    /**
+     * Manipula a seleção de um tab
+     */
+    onTabSelected(groupDisplayIndex, tabIndexInGroup) {
+        const realIndex = this.getRealTabIndex(groupDisplayIndex, tabIndexInGroup);
+        const tab = this.tabsData[realIndex];
+        if (tab) {
+            this.tabSelected.emit({ tab, index: realIndex });
+        }
+    }
+    /**
+     * Verifica se um tab está selecionado
+     */
+    isTabSelected(originalIndex) {
+        return this.selectedTab === originalIndex;
+    }
+}
+TableTabsComponent.ɵfac = function TableTabsComponent_Factory(t) { return new (t || TableTabsComponent)(); };
+TableTabsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableTabsComponent, selectors: [["lib-table-tabs"]], inputs: { tabsData: "tabsData", selectedTab: "selectedTab" }, outputs: { tabSelected: "tabSelected" }, 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, "ngClass", "click"], ["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 });
+(function () {
+    (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
+            }] });
+})();
+
+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(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r0.tooltipContent, "\n");
+    }
+}
+class TableTooltipComponent {
+    constructor() {
+        this.styles = {};
+    }
+    get showTooltip() {
+        var _a, _b;
+        return (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.showTooltip) !== null && _b !== void 0 ? _b : false;
+    }
+    get tooltipContent() {
+        var _a, _b;
+        return (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.tooltipContent) !== null && _b !== void 0 ? _b : '';
+    }
+    get tooltipPosition() {
+        var _a, _b;
+        return (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.tooltipPosition) !== null && _b !== void 0 ? _b : { x: 0, y: 0 };
+    }
+    get tooltipBgColor() {
+        var _a, _b;
+        return (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.tooltipBgColor) !== null && _b !== void 0 ? _b : 'bg-gray-800';
+    }
+    get tooltipTextColor() {
+        var _a, _b;
+        return (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.tooltipTextColor) !== null && _b !== void 0 ? _b : 'text-white';
+    }
+}
+TableTooltipComponent.ɵfac = function TableTooltipComponent_Factory(t) { return new (t || TableTooltipComponent)(); };
+TableTooltipComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableTooltipComponent, selectors: [["lib-table-tooltip"]], inputs: { state: "state", styles: "styles" }, 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 });
+(function () {
+    (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
+            }] });
+})();
+
+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_r16 = i0.ɵɵnextContext(4);
+        i0.ɵɵclassMap(ctx_r16.data.actionButton.icon);
+    }
+}
+function TableComponent_div_0_div_2_button_7_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r18 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "button", 30);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_2_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r17.data.actionButton.method ? ctx_r17.data.actionButton.method($event) : null); });
+        i0.ɵɵtemplate(1, TableComponent_div_0_div_2_button_7_i_1_Template, 1, 2, "i", 31);
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r11 = i0.ɵɵnextContext(3);
+        i0.ɵɵproperty("ngClass", ctx_r11.getActionButtonClass())("routerLink", ctx_r11.data.actionButton.routerLink);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r11.data.actionButton.icon);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r11.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", 39)(1, "div", 21);
+        i0.ɵɵelement(2, "i", 36);
+        i0.ɵɵelementStart(3, "span");
+        i0.ɵɵtext(4);
+        i0.ɵɵelementEnd()()();
+    }
+    if (rf & 2) {
+        const item_r20 = ctx.$implicit;
+        i0.ɵɵproperty("value", item_r20);
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate(item_r20.title);
+    }
+}
+function TableComponent_div_0_div_2_div_8_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 32)(1, "div", 33)(2, "div", 34)(3, "mat-form-field", 35)(4, "mat-label", 21);
+        i0.ɵɵelement(5, "i", 36);
+        i0.ɵɵelementStart(6, "span");
+        i0.ɵɵtext(7, "Ordenar por");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(8, "mat-select", 37);
+        i0.ɵɵtemplate(9, TableComponent_div_0_div_2_div_8_mat_option_9_Template, 5, 2, "mat-option", 38);
+        i0.ɵɵelementEnd()()()()();
+    }
+    if (rf & 2) {
+        const ctx_r12 = i0.ɵɵnextContext(3);
+        i0.ɵɵadvance(8);
+        i0.ɵɵproperty("formControl", ctx_r12.selectSort);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx_r12.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", 39)(1, "div", 21);
+        i0.ɵɵelement(2, "i", 47);
+        i0.ɵɵelementStart(3, "span");
+        i0.ɵɵtext(4);
+        i0.ɵɵelementEnd()()();
+    }
+    if (rf & 2) {
+        const item_r30 = ctx.$implicit;
+        i0.ɵɵproperty("value", item_r30);
+        i0.ɵɵadvance(2);
+        i0.ɵɵclassMap(item_r30.icon || "fa fa-filter");
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(item_r30.title);
+    }
+}
+function TableComponent_div_0_div_2_div_9_div_1_div_1_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r32 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label");
+        i0.ɵɵtext(3, "Tipo de filtro");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "mat-select", 46);
+        i0.ɵɵlistener("selectionChange", function TableComponent_div_0_div_2_div_9_div_1_div_1_Template_mat_select_selectionChange_4_listener() { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r31.onSelectFilterChange()); });
+        i0.ɵɵtemplate(5, TableComponent_div_0_div_2_div_9_div_1_div_1_mat_option_5_Template, 5, 4, "mat-option", 38);
+        i0.ɵɵelementEnd()()();
+    }
+    if (rf & 2) {
+        const ctx_r24 = i0.ɵɵnextContext(5);
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("ngForOf", ctx_r24.getAvailableFilterOptions());
+    }
+}
+function TableComponent_div_0_div_2_div_9_div_1_div_2_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r35 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label", 21);
+        i0.ɵɵelement(3, "i", 48);
+        i0.ɵɵelementStart(4, "span");
+        i0.ɵɵtext(5);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(6, "input", 49, 50);
+        i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_2_div_9_div_1_div_2_Template_input_keyup_enter_6_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r34.search($event)); });
+        i0.ɵɵelementEnd()()();
+    }
+    if (rf & 2) {
+        const filterGroup_r22 = i0.ɵɵnextContext().$implicit;
+        let tmp_0_0;
+        i0.ɵɵadvance(5);
+        i0.ɵɵtextInterpolate(((tmp_0_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_0_0.value == null ? null : tmp_0_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", 39);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const item_r38 = ctx.$implicit;
+        i0.ɵɵproperty("value", item_r38);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", item_r38.label, " ");
+    }
+}
+function TableComponent_div_0_div_2_div_9_div_1_div_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label");
+        i0.ɵɵtext(3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "mat-select", 51);
+        i0.ɵɵtemplate(5, TableComponent_div_0_div_2_div_9_div_1_div_3_mat_option_5_Template, 2, 2, "mat-option", 38);
+        i0.ɵɵelementEnd()()();
+    }
+    if (rf & 2) {
+        const filterGroup_r22 = i0.ɵɵnextContext().$implicit;
+        let tmp_0_0;
+        let tmp_1_0;
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(((tmp_0_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_0_0.value == null ? null : tmp_0_0.value.title) || "Selecione");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", (tmp_1_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_1_0.value.items);
+    }
+}
+function TableComponent_div_0_div_2_div_9_div_1_div_4_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r41 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 52)(1, "div", 53)(2, "mat-form-field", 54)(3, "mat-label", 21);
+        i0.ɵɵelement(4, "i", 55);
+        i0.ɵɵelementStart(5, "span");
+        i0.ɵɵtext(6, "Data Inicial");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(7, "input", 56);
+        i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_keydown_enter_7_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r40 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r40.search($event)); })("input", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r41); const i_r23 = i0.ɵɵnextContext().index; const ctx_r42 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r42.onDateInput($event, "initialDate", i_r23)); });
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(8, "mat-form-field", 54)(9, "mat-label", 21);
+        i0.ɵɵelement(10, "i", 55);
+        i0.ɵɵelementStart(11, "span");
+        i0.ɵɵtext(12, "Data Final");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(13, "input", 57);
+        i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_keydown_enter_13_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r44 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r44.search($event)); })("input", function TableComponent_div_0_div_2_div_9_div_1_div_4_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r41); const i_r23 = i0.ɵɵnextContext().index; const ctx_r45 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r45.onDateInput($event, "finalDate", i_r23)); });
+        i0.ɵɵelementEnd()()()();
+    }
+}
+function TableComponent_div_0_div_2_div_9_div_1_div_5_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r49 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 58)(1, "button", 59);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_9_div_1_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r49); const i_r23 = i0.ɵɵnextContext().index; const ctx_r47 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r47.removeFilter(i_r23)); });
+        i0.ɵɵelement(2, "i", 60);
+        i0.ɵɵelementEnd()();
+    }
+}
+function TableComponent_div_0_div_2_div_9_div_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 42);
+        i0.ɵɵtemplate(1, TableComponent_div_0_div_2_div_9_div_1_div_1_Template, 6, 1, "div", 43);
+        i0.ɵɵtemplate(2, TableComponent_div_0_div_2_div_9_div_1_div_2_Template, 8, 1, "div", 43);
+        i0.ɵɵtemplate(3, TableComponent_div_0_div_2_div_9_div_1_div_3_Template, 6, 2, "div", 43);
+        i0.ɵɵtemplate(4, TableComponent_div_0_div_2_div_9_div_1_div_4_Template, 14, 0, "div", 44);
+        i0.ɵɵtemplate(5, TableComponent_div_0_div_2_div_9_div_1_div_5_Template, 3, 0, "div", 45);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const filterGroup_r22 = ctx.$implicit;
+        const ctx_r21 = i0.ɵɵnextContext(4);
+        let tmp_2_0;
+        let tmp_3_0;
+        let tmp_4_0;
+        i0.ɵɵproperty("formGroup", filterGroup_r22);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r21.dropdownItems.length > 0);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ((tmp_2_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_2_0.value == null ? null : tmp_2_0.value.arrange) === "filter");
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ((tmp_3_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_3_0.value) && ((tmp_3_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_3_0.value.hasOwnProperty("items")));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ((tmp_4_0 = filterGroup_r22.get("selectFilter")) == null ? null : tmp_4_0.value == null ? null : tmp_4_0.value.arrange) === "filterByDate");
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r21.filtersForm.length > 1);
+    }
+}
+function TableComponent_div_0_div_2_div_9_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 40);
+        i0.ɵɵtemplate(1, TableComponent_div_0_div_2_div_9_div_1_Template, 6, 6, "div", 41);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r13 = i0.ɵɵnextContext(3);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx_r13.filtersForm.controls);
+    }
+}
+function TableComponent_div_0_div_2_div_11_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r51 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div")(1, "button", 61);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_11_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r51); const ctx_r50 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r50.addFilter()); });
+        i0.ɵɵelement(2, "i", 62);
+        i0.ɵɵtext(3, " Adicionar Filtro ");
+        i0.ɵɵelementEnd()();
+    }
+}
+function TableComponent_div_0_div_2_div_12_button_7_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r54 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "button", 69);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r53.arrange && ctx_r53.downloadTable !== undefined ? ctx_r53.downloadTable(ctx_r53.arrange, ctx_r53.data.conditions || []) : null); });
+        i0.ɵɵelement(1, "i", 70);
+        i0.ɵɵtext(2, " Exportar ");
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r52 = i0.ɵɵnextContext(4);
+        i0.ɵɵproperty("disabled", ctx_r52.dataSource && ctx_r52.dataSource.filteredData.length <= 0);
+    }
+}
+function TableComponent_div_0_div_2_div_12_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r56 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 63)(1, "button", 64);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r56); const ctx_r55 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r55.search()); });
+        i0.ɵɵelement(2, "i", 65);
+        i0.ɵɵtext(3, " Pesquisar ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "button", 66);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_2_div_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r56); const ctx_r57 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r57.resetFilter()); });
+        i0.ɵɵelement(5, "i", 67);
+        i0.ɵɵtext(6, " Resetar ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(7, TableComponent_div_0_div_2_div_12_button_7_Template, 3, 1, "button", 68);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r15 = i0.ɵɵnextContext(3);
+        i0.ɵɵadvance(7);
+        i0.ɵɵproperty("ngIf", ctx_r15.data.download !== false && ctx_r15.downloadTable);
+    }
+}
+function TableComponent_div_0_div_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 18)(1, "div", 19)(2, "div", 20)(3, "div", 21);
+        i0.ɵɵelement(4, "i", 22);
+        i0.ɵɵelementStart(5, "span", 23);
+        i0.ɵɵtext(6, "Filtros e A\u00E7\u00F5es");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtemplate(7, TableComponent_div_0_div_2_button_7_Template, 3, 4, "button", 24);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtemplate(8, TableComponent_div_0_div_2_div_8_Template, 10, 2, "div", 25);
+        i0.ɵɵtemplate(9, TableComponent_div_0_div_2_div_9_Template, 2, 1, "div", 26);
+        i0.ɵɵelementStart(10, "div", 27);
+        i0.ɵɵtemplate(11, TableComponent_div_0_div_2_div_11_Template, 4, 0, "div", 28);
+        i0.ɵɵtemplate(12, TableComponent_div_0_div_2_div_12_Template, 8, 1, "div", 29);
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const ctx_r1 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(7);
+        i0.ɵɵproperty("ngIf", ctx_r1.data.actionButton && ctx_r1.data.actionButton.condition);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r1.sortableDropdownItems.length > 0);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r1.filtersForm.controls.length > 0);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx_r1.dropdownItems.length > 0);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r1.hasFilterableColumn === true || ctx_r1.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_r61 = i0.ɵɵnextContext(4);
+        i0.ɵɵclassMap(ctx_r61.data.actionButton.icon);
+    }
+}
+function TableComponent_div_0_div_3_button_7_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r63 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "button", 30);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_3_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r63); const ctx_r62 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r62.data.actionButton.method ? ctx_r62.data.actionButton.method($event) : null); });
+        i0.ɵɵtemplate(1, TableComponent_div_0_div_3_button_7_i_1_Template, 1, 2, "i", 31);
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r58 = i0.ɵɵnextContext(3);
+        i0.ɵɵproperty("ngClass", ctx_r58.getActionButtonClass())("routerLink", ctx_r58.data.actionButton.routerLink);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r58.data.actionButton.icon);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r58.data.actionButton.label, " ");
+    }
+}
+function TableComponent_div_0_div_3_div_8_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r66 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 32)(1, "mat-form-field", 35)(2, "mat-label", 21);
+        i0.ɵɵelement(3, "i", 71);
+        i0.ɵɵtext(4, " Buscar ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(5, "input", 72, 73);
+        i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_3_div_8_Template_input_keyup_enter_5_listener($event) { i0.ɵɵrestoreView(_r66); const ctx_r65 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r65.search($event)); })("keyup", function TableComponent_div_0_div_3_div_8_Template_input_keyup_5_listener() { i0.ɵɵrestoreView(_r66); const _r64 = i0.ɵɵreference(6); const ctx_r67 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r67.applyFilter(_r64.value)); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(7, "mat-icon", 74);
+        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", 39)(1, "div", 21);
+        i0.ɵɵelement(2, "i", 47);
+        i0.ɵɵelementStart(3, "span");
+        i0.ɵɵtext(4);
+        i0.ɵɵelementEnd()()();
+    }
+    if (rf & 2) {
+        const item_r80 = ctx.$implicit;
+        i0.ɵɵproperty("value", item_r80);
+        i0.ɵɵadvance(2);
+        i0.ɵɵclassMap(item_r80.icon || "fa fa-filter");
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(item_r80.title);
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r82 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label");
+        i0.ɵɵtext(3, "Tipo de filtro");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "mat-select", 46);
+        i0.ɵɵlistener("selectionChange", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_Template_mat_select_selectionChange_4_listener() { i0.ɵɵrestoreView(_r82); const ctx_r81 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r81.onSelectFilterChange()); });
+        i0.ɵɵtemplate(5, TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_mat_option_5_Template, 5, 4, "mat-option", 38);
+        i0.ɵɵelementEnd()()();
+    }
+    if (rf & 2) {
+        const ctx_r74 = i0.ɵɵnextContext(6);
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("ngForOf", ctx_r74.getAvailableFilterOptions());
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_2_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r85 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label", 21);
+        i0.ɵɵelement(3, "i", 48);
+        i0.ɵɵelementStart(4, "span");
+        i0.ɵɵtext(5);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(6, "input", 49, 50);
+        i0.ɵɵlistener("keyup.enter", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_2_Template_input_keyup_enter_6_listener($event) { i0.ɵɵrestoreView(_r85); const ctx_r84 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r84.search($event)); });
+        i0.ɵɵelementEnd()()();
+    }
+    if (rf & 2) {
+        const filterGroup_r72 = i0.ɵɵnextContext().$implicit;
+        let tmp_0_0;
+        i0.ɵɵadvance(5);
+        i0.ɵɵtextInterpolate(((tmp_0_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_0_0.value == null ? null : tmp_0_0.value.title) || "Filtrar");
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_mat_option_5_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-option", 39);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const item_r88 = ctx.$implicit;
+        i0.ɵɵproperty("value", item_r88);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", item_r88.label, " ");
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 34)(1, "mat-form-field", 35)(2, "mat-label");
+        i0.ɵɵtext(3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "mat-select", 51);
+        i0.ɵɵtemplate(5, TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_mat_option_5_Template, 2, 2, "mat-option", 38);
+        i0.ɵɵelementEnd()()();
+    }
+    if (rf & 2) {
+        const filterGroup_r72 = i0.ɵɵnextContext().$implicit;
+        let tmp_0_0;
+        let tmp_1_0;
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(((tmp_0_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_0_0.value == null ? null : tmp_0_0.value.title) || "Selecione");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", (tmp_1_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_1_0.value.items);
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r91 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 52)(1, "div", 53)(2, "mat-form-field", 54)(3, "mat-label", 21);
+        i0.ɵɵelement(4, "i", 55);
+        i0.ɵɵelementStart(5, "span");
+        i0.ɵɵtext(6, "Data Inicial");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(7, "input", 77);
+        i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_keydown_enter_7_listener($event) { i0.ɵɵrestoreView(_r91); const ctx_r90 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r90.search($event)); })("input", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r91); const i_r73 = i0.ɵɵnextContext().index; const ctx_r92 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r92.onDateInput($event, "initialDate", i_r73)); })("blur", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_blur_7_listener() { i0.ɵɵrestoreView(_r91); const ctx_r94 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r94.onDateFilterChange()); });
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(8, "mat-form-field", 54)(9, "mat-label", 21);
+        i0.ɵɵelement(10, "i", 55);
+        i0.ɵɵelementStart(11, "span");
+        i0.ɵɵtext(12, "Data Final");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(13, "input", 78);
+        i0.ɵɵlistener("keydown.enter", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_keydown_enter_13_listener($event) { i0.ɵɵrestoreView(_r91); const ctx_r95 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r95.search($event)); })("input", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r91); const i_r73 = i0.ɵɵnextContext().index; const ctx_r96 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r96.onDateInput($event, "finalDate", i_r73)); })("blur", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template_input_blur_13_listener() { i0.ɵɵrestoreView(_r91); const ctx_r98 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r98.onDateFilterChange()); });
+        i0.ɵɵelementEnd()()()();
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r101 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 58)(1, "button", 59);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r101); const i_r73 = i0.ɵɵnextContext().index; const ctx_r99 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r99.removeFilter(i_r73)); });
+        i0.ɵɵelement(2, "i", 60);
+        i0.ɵɵelementEnd()();
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_1_div_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 76);
+        i0.ɵɵtemplate(1, TableComponent_div_0_div_3_div_9_div_1_div_1_div_1_Template, 6, 1, "div", 43);
+        i0.ɵɵtemplate(2, TableComponent_div_0_div_3_div_9_div_1_div_1_div_2_Template, 8, 1, "div", 43);
+        i0.ɵɵtemplate(3, TableComponent_div_0_div_3_div_9_div_1_div_1_div_3_Template, 6, 2, "div", 43);
+        i0.ɵɵtemplate(4, TableComponent_div_0_div_3_div_9_div_1_div_1_div_4_Template, 14, 0, "div", 44);
+        i0.ɵɵtemplate(5, TableComponent_div_0_div_3_div_9_div_1_div_1_div_5_Template, 3, 0, "div", 45);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const filterGroup_r72 = ctx.$implicit;
+        const ctx_r71 = i0.ɵɵnextContext(5);
+        let tmp_2_0;
+        let tmp_3_0;
+        let tmp_4_0;
+        i0.ɵɵproperty("formGroup", filterGroup_r72);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r71.dropdownItems.length > 0);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ((tmp_2_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_2_0.value == null ? null : tmp_2_0.value.arrange) === "filter");
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ((tmp_3_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_3_0.value) && ((tmp_3_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_3_0.value.hasOwnProperty("items")));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ((tmp_4_0 = filterGroup_r72.get("selectFilter")) == null ? null : tmp_4_0.value == null ? null : tmp_4_0.value.arrange) === "filterByDate");
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r71.filtersForm.length > 1);
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 40);
+        i0.ɵɵtemplate(1, TableComponent_div_0_div_3_div_9_div_1_div_1_Template, 6, 6, "div", 75);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r68 = i0.ɵɵnextContext(4);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx_r68.filtersForm.controls);
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_3_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r103 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div")(1, "button", 61);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r103); const ctx_r102 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r102.addFilter()); });
+        i0.ɵɵelement(2, "i", 62);
+        i0.ɵɵtext(3, " Adicionar Filtro ");
+        i0.ɵɵelementEnd()();
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_4_button_7_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r106 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "button", 69);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r106); const ctx_r105 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r105.handleDownload()); });
+        i0.ɵɵelement(1, "i", 70);
+        i0.ɵɵtext(2, " Exportar ");
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r104 = i0.ɵɵnextContext(5);
+        i0.ɵɵproperty("disabled", ctx_r104.dataSource && ctx_r104.dataSource.filteredData.length <= 0);
+    }
+}
+function TableComponent_div_0_div_3_div_9_div_4_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r108 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 63)(1, "button", 64);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r108); const ctx_r107 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r107.search()); });
+        i0.ɵɵelement(2, "i", 65);
+        i0.ɵɵtext(3, " Pesquisar ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "button", 66);
+        i0.ɵɵlistener("click", function TableComponent_div_0_div_3_div_9_div_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r108); const ctx_r109 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r109.resetFilter()); });
+        i0.ɵɵelement(5, "i", 67);
+        i0.ɵɵtext(6, " Resetar ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(7, TableComponent_div_0_div_3_div_9_div_4_button_7_Template, 3, 1, "button", 68);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r70 = i0.ɵɵnextContext(4);
+        i0.ɵɵadvance(7);
+        i0.ɵɵproperty("ngIf", ctx_r70.data.download !== false && ctx_r70.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", 26);
+        i0.ɵɵelementStart(2, "div", 27);
+        i0.ɵɵtemplate(3, TableComponent_div_0_div_3_div_9_div_3_Template, 4, 0, "div", 28);
+        i0.ɵɵtemplate(4, TableComponent_div_0_div_3_div_9_div_4_Template, 8, 1, "div", 29);
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const ctx_r60 = i0.ɵɵnextContext(3);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r60.filtersForm.controls.length > 0);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx_r60.dropdownItems.length > 0);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r60.hasFilterableColumn === true || ctx_r60.hasSortableColumn === true);
+    }
+}
+function TableComponent_div_0_div_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 18)(1, "div", 19)(2, "div", 20)(3, "div", 21);
+        i0.ɵɵelement(4, "i", 22);
+        i0.ɵɵelementStart(5, "span", 23);
+        i0.ɵɵtext(6, "Filtros e A\u00E7\u00F5es");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtemplate(7, TableComponent_div_0_div_3_button_7_Template, 3, 4, "button", 24);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtemplate(8, TableComponent_div_0_div_3_div_8_Template, 9, 0, "div", 25);
+        i0.ɵɵtemplate(9, TableComponent_div_0_div_3_div_9_Template, 5, 3, "div", 28);
+        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(1);
+        i0.ɵɵproperty("ngIf", ctx_r2.hasFilterableColumn === true && ctx_r2.data.showSimpleSearch !== false);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r2.dropdownItems.length > 0);
+    }
+}
+function TableComponent_div_0_lib_table_tabs_5_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r111 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "lib-table-tabs", 79);
+        i0.ɵɵlistener("tabSelected", function TableComponent_div_0_lib_table_tabs_5_Template_lib_table_tabs_tabSelected_0_listener($event) { i0.ɵɵrestoreView(_r111); const ctx_r110 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r110.onTabSelected($event)); });
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r3 = i0.ɵɵnextContext(2);
+        i0.ɵɵproperty("tabsData", ctx_r3.data.tabs.tabsData)("selectedTab", ctx_r3.selectedTab);
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_th_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "th", 85);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", col_r112.title, " ");
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_th_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "th", 86);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", col_r112.title, " ");
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_a_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "a", 92);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const row_r119 = i0.ɵɵnextContext(3).$implicit;
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        const ctx_r127 = i0.ɵɵnextContext(2);
+        i0.ɵɵproperty("href", row_r119[col_r112.property], i0.ɵɵsanitizeUrl);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r127.getDisplayValue(col_r112, row_r119), " ");
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_a_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "a", 92);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const row_r119 = i0.ɵɵnextContext(3).$implicit;
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        const ctx_r128 = i0.ɵɵnextContext(2);
+        i0.ɵɵproperty("href", col_r112.hasLink, i0.ɵɵsanitizeUrl);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r128.getDisplayValue(col_r112, row_r119), " ");
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_span_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "span");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const row_r119 = i0.ɵɵnextContext(3).$implicit;
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        const ctx_r129 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r129.getDisplayValue(col_r112, row_r119), " ");
+    }
+}
+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", 91);
+        i0.ɵɵtemplate(2, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_a_2_Template, 2, 2, "a", 91);
+        i0.ɵɵtemplate(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_span_2_span_3_Template, 2, 1, "span", 28);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const col_r112 = i0.ɵɵnextContext(4).$implicit;
+        const ctx_r124 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", col_r112.hasLink === true);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", col_r112.hasLink && ctx_r124.isString(col_r112.hasLink));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", col_r112.hasLink !== true && !ctx_r124.isString(col_r112.hasLink));
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_a_0_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "a", 92);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const row_r119 = i0.ɵɵnextContext(3).$implicit;
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        const ctx_r137 = i0.ɵɵnextContext(2);
+        i0.ɵɵproperty("href", row_r119[col_r112.property], i0.ɵɵsanitizeUrl);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r137.getDisplayValue(col_r112, row_r119, true), " ");
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_a_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "a", 92);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const row_r119 = i0.ɵɵnextContext(3).$implicit;
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        const ctx_r138 = i0.ɵɵnextContext(2);
+        i0.ɵɵproperty("href", col_r112.hasLink, i0.ɵɵsanitizeUrl);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r138.getDisplayValue(col_r112, row_r119, true), " ");
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_span_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "span");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const row_r119 = i0.ɵɵnextContext(3).$implicit;
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        const ctx_r139 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r139.getDisplayValue(col_r112, row_r119, true), " ");
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵtemplate(0, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_a_0_Template, 2, 2, "a", 91);
+        i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_a_1_Template, 2, 2, "a", 91);
+        i0.ɵɵtemplate(2, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_ng_template_3_span_2_Template, 2, 1, "span", 28);
+    }
+    if (rf & 2) {
+        const col_r112 = i0.ɵɵnextContext(4).$implicit;
+        const ctx_r126 = i0.ɵɵnextContext(2);
+        i0.ɵɵproperty("ngIf", col_r112.hasLink === true);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", col_r112.hasLink && ctx_r126.isString(col_r112.hasLink));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", col_r112.hasLink !== true && !ctx_r126.isString(col_r112.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", 89);
+        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, 90, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const _r125 = i0.ɵɵreference(4);
+        const row_r119 = i0.ɵɵnextContext().$implicit;
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", col_r112.charLimit && row_r119[col_r112.property] && row_r119[col_r112.property].length > col_r112.charLimit)("ngIfElse", _r125);
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_mat_spinner_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "mat-spinner", 96);
+    }
+    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 _r152 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 93);
+        i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_mat_spinner_1_Template, 1, 1, "mat-spinner", 94);
+        i0.ɵɵelementStart(2, "img", 95);
+        i0.ɵɵlistener("load", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template_img_load_2_listener() { i0.ɵɵrestoreView(_r152); const row_r119 = i0.ɵɵnextContext().$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r150 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r150.onImageLoad(row_r119, col_r112)); })("error", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template_img_error_2_listener($event) { i0.ɵɵrestoreView(_r152); const row_r119 = i0.ɵɵnextContext().$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r154 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r154.onImageError($event, row_r119, col_r112, col_r112.image.default)); });
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const row_r119 = i0.ɵɵnextContext().$implicit;
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        const ctx_r121 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r121.isImageLoading(row_r119, col_r112));
+        i0.ɵɵadvance(1);
+        i0.ɵɵclassProp("opacity-0", ctx_r121.isImageLoading(row_r119, col_r112));
+        i0.ɵɵproperty("src", col_r112.image.path + "/" + row_r119[col_r112.property], i0.ɵɵsanitizeUrl)("ngClass", col_r112.image.class);
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_mat_spinner_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "mat-spinner", 96);
+    }
+    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 _r162 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 93);
+        i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_mat_spinner_1_Template, 1, 1, "mat-spinner", 94);
+        i0.ɵɵelementStart(2, "img", 95);
+        i0.ɵɵlistener("load", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template_img_load_2_listener() { i0.ɵɵrestoreView(_r162); const row_r119 = i0.ɵɵnextContext().$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r160 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r160.onImageLoad(row_r119, col_r112)); })("error", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template_img_error_2_listener($event) { i0.ɵɵrestoreView(_r162); const row_r119 = i0.ɵɵnextContext().$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r164 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r164.onImageError($event, row_r119, col_r112, col_r112.image.default)); });
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const row_r119 = i0.ɵɵnextContext().$implicit;
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        const ctx_r122 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r122.isImageLoading(row_r119, col_r112));
+        i0.ɵɵadvance(1);
+        i0.ɵɵclassProp("opacity-0", ctx_r122.isImageLoading(row_r119, col_r112));
+        i0.ɵɵproperty("src", row_r119[col_r112.property], i0.ɵɵsanitizeUrl)("ngClass", col_r112.image.class);
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_span_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "span", 100);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const iconClass_r170 = i0.ɵɵnextContext().$implicit;
+        i0.ɵɵproperty("ngClass", iconClass_r170.class);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(iconClass_r170.text);
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r174 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "button", 98);
+        i0.ɵɵlistener("click", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_Template_button_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r174); const iconClass_r170 = restoredCtx.$implicit; const row_r119 = i0.ɵɵnextContext(2).$implicit; return i0.ɵɵresetView(iconClass_r170.buttonMethod ? iconClass_r170.buttonMethod(row_r119, $event) : $event.stopPropagation()); });
+        i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_span_1_Template, 2, 2, "span", 99);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const iconClass_r170 = ctx.$implicit;
+        const row_r119 = i0.ɵɵnextContext(2).$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", iconClass_r170.condition === undefined || iconClass_r170.condition !== undefined && iconClass_r170.condition(row_r119));
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementContainerStart(0);
+        i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_button_1_Template, 2, 1, "button", 97);
+        i0.ɵɵelementContainerEnd();
+    }
+    if (rf & 2) {
+        const col_r112 = i0.ɵɵnextContext(3).$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", col_r112.iconClass);
+    }
+}
+function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r180 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "td", 87);
+        i0.ɵɵlistener("click", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r180); const row_r119 = restoredCtx.$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; return i0.ɵɵresetView(col_r112.method ? col_r112.method(row_r119) : null); })("mouseenter", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mouseenter_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r180); const row_r119 = restoredCtx.$implicit; const col_r112 = i0.ɵɵnextContext(2).$implicit; const ctx_r181 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r181.onCellMouseEnter($event, row_r119, col_r112)); })("mouseleave", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mouseleave_0_listener() { i0.ɵɵrestoreView(_r180); const ctx_r183 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r183.onCellMouseLeave()); })("mousemove", function TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template_td_mousemove_0_listener($event) { i0.ɵɵrestoreView(_r180); const ctx_r184 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r184.onCellMouseMove($event)); });
+        i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_td_3_span_1_Template, 5, 2, "span", 28);
+        i0.ɵɵtemplate(2, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_2_Template, 3, 5, "div", 88);
+        i0.ɵɵtemplate(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_div_3_Template, 3, 5, "div", 88);
+        i0.ɵɵtemplate(4, TableComponent_div_0_ng_container_9_ng_container_1_td_3_ng_container_4_Template, 2, 1, "ng-container", 28);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const col_r112 = i0.ɵɵnextContext(2).$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !col_r112.image && !col_r112.iconClass && !col_r112.method);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", col_r112.image && col_r112.image.path && !col_r112.iconClass && !col_r112.method);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", col_r112.image && col_r112.image.url && !col_r112.iconClass && !col_r112.method);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", col_r112.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", 82);
+        i0.ɵɵtemplate(2, TableComponent_div_0_ng_container_9_ng_container_1_th_2_Template, 2, 1, "th", 83);
+        i0.ɵɵtemplate(3, TableComponent_div_0_ng_container_9_ng_container_1_td_3_Template, 5, 4, "td", 84);
+        i0.ɵɵelementContainerEnd();
+    }
+    if (rf & 2) {
+        const col_r112 = i0.ɵɵnextContext().$implicit;
+        const ctx_r113 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !col_r112.isSortable || ctx_r113.data.pagination === true);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", col_r112.isSortable && ctx_r113.data.pagination === false);
+    }
+}
+function TableComponent_div_0_ng_container_9_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementContainerStart(0, 80);
+        i0.ɵɵtemplate(1, TableComponent_div_0_ng_container_9_ng_container_1_Template, 4, 2, "ng-container", 81);
+        i0.ɵɵelementContainerEnd();
+    }
+    if (rf & 2) {
+        const col_r112 = ctx.$implicit;
+        i0.ɵɵpropertyInterpolate("matColumnDef", col_r112.property);
+    }
+}
+function TableComponent_div_0_tr_10_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "tr", 101);
+    }
+}
+function TableComponent_div_0_tr_11_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r189 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "tr", 102);
+        i0.ɵɵlistener("click", function TableComponent_div_0_tr_11_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r189); const row_r187 = restoredCtx.$implicit; const ctx_r188 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r188.goToDetails(row_r187)); });
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r7 = i0.ɵɵnextContext(2);
+        i0.ɵɵproperty("ngClass", ctx_r7.getTableRowNgClass());
+    }
+}
+function TableComponent_div_0_tr_12_td_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "td", 105);
+        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", 103);
+        i0.ɵɵtemplate(1, TableComponent_div_0_tr_12_td_1_Template, 2, 0, "td", 104);
+        i0.ɵɵpipe(2, "async");
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r8 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(2, 1, ctx_r8.isLoading$));
+    }
+}
+function TableComponent_div_0_div_13_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 106);
+        i0.ɵɵelement(1, "mat-spinner");
+        i0.ɵɵelementEnd();
+    }
+}
+const _c0 = function () { return [25, 50, 100]; };
+function TableComponent_div_0_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r192 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+        i0.ɵɵtemplate(2, TableComponent_div_0_div_2_Template, 13, 5, "div", 3);
+        i0.ɵɵtemplate(3, TableComponent_div_0_div_3_Template, 10, 3, "div", 3);
+        i0.ɵɵelementStart(4, "div", 4);
+        i0.ɵɵtemplate(5, TableComponent_div_0_lib_table_tabs_5_Template, 1, 2, "lib-table-tabs", 5);
+        i0.ɵɵelementStart(6, "div", 6)(7, "table", 7, 8);
+        i0.ɵɵtemplate(9, TableComponent_div_0_ng_container_9_Template, 2, 1, "ng-container", 9);
+        i0.ɵɵtemplate(10, TableComponent_div_0_tr_10_Template, 1, 0, "tr", 10);
+        i0.ɵɵtemplate(11, TableComponent_div_0_tr_11_Template, 1, 1, "tr", 11);
+        i0.ɵɵtemplate(12, TableComponent_div_0_tr_12_Template, 3, 3, "tr", 12);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(13, TableComponent_div_0_div_13_Template, 2, 0, "div", 13);
+        i0.ɵɵpipe(14, "async");
+        i0.ɵɵelementStart(15, "div", 14)(16, "mat-paginator", 15, 16);
+        i0.ɵɵlistener("page", function TableComponent_div_0_Template_mat_paginator_page_16_listener($event) { i0.ɵɵrestoreView(_r192); const ctx_r191 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r191.onPageChange($event)); });
+        i0.ɵɵelementEnd()()()()();
+        i0.ɵɵelement(18, "lib-table-tooltip", 17);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx_r0.data.pagination === true && (ctx_r0.dropdownItems.length > 0 || ctx_r0.sortableDropdownItems.length > 0 || ctx_r0.data.actionButton));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r0.data.pagination === false && (ctx_r0.hasFilterableColumn === true || ctx_r0.dropdownItems.length > 0 || ctx_r0.data.actionButton));
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx_r0.data.tabs && ctx_r0.data.tabs.tabsData && ctx_r0.data.tabs.tabsData.length > 0);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("dataSource", ctx_r0.dataSource);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx_r0.data.displayedColumns)("ngForTrackBy", ctx_r0.trackByProperty);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("matHeaderRowDef", ctx_r0.columnProperties);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("matRowDefColumns", ctx_r0.columnProperties);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(14, 15, ctx_r0.isLoading$));
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("pageSizeOptions", i0.ɵɵpureFunction0(17, _c0))("pageSize", ctx_r0.pageSize)("length", ctx_r0.totalItems)("ngClass", ctx_r0.getPaginatorNgClass());
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("state", ctx_r0.tooltipState)("styles", ctx_r0.getTooltipStyles());
+    }
+}
+class TableComponent {
+    // CONSTRUCTOR
+    constructor(router, tableService, filterService, tooltipService, paginationService, firestore, el, cdr) {
+        this.router = router;
+        this.tableService = tableService;
+        this.filterService = filterService;
+        this.tooltipService = tooltipService;
+        this.paginationService = paginationService;
+        this.firestore = firestore;
+        this.el = el;
+        this.cdr = cdr;
+        this.arrange = null;
+        this.currentPageNumber = 1;
+        this.currentClientPageIndex = 0;
+        this.isLoading$ = new BehaviorSubject(false);
+        this.items = [];
+        this.filteredItems = [];
+        this.lastDoc = null;
+        this.firstDoc = null;
+        this.sortBy = {
+            field: TABLE_DEFAULTS.SORT_FIELD,
+            order: TABLE_DEFAULTS.SORT_ORDER,
+        };
+        this.columnProperties = [];
+        this.selectSort = new FormControl('');
+        this.currentArrange = '';
+        this.hasNextPage = false;
+        this.dropdownItems = [];
+        this.sortableDropdownItems = [];
+        this.pageSize = TABLE_DEFAULTS.PAGE_SIZE;
+        this.totalItems = 0;
+        this.filterValue = null;
+        this.hasFilterableColumn = false;
+        this.hasSortableColumn = false;
+        this.filterSubject = new Subject();
+        this.debounceTimeMs = TABLE_DEFAULTS.DEBOUNCE_TIME_MS;
+        this.selectedTab = 0;
+        // Controle de loading de imagens
+        this.imageLoadingState = new Map();
+        this.destroy$ = new Subject();
+        this.filtersForm = new FormArray([this.filterService.createFilterGroup()]);
+        this.tooltipState = this.tooltipService.createInitialState();
+    }
+    getActionButtonClass() {
+        var _a, _b;
+        return ((((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.actionButton) === null || _b === void 0 ? void 0 : _b.colorClass) || 'bg-blue-500') +
+            ' flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white hover:opacity-70');
+    }
+    getTableRowNgClass() {
+        var _a, _b;
+        return {
+            'example-element-row': ((_a = this.data) === null || _a === void 0 ? void 0 : _a.isNotClickable) === true,
+            'example-element-row cursor-pointer': !((_b = this.data) === null || _b === void 0 ? void 0 : _b.isNotClickable),
+        };
+    }
+    getPaginatorNgClass() {
+        var _a, _b, _c, _d;
+        return {
+            'hide-length': ['filter', 'filterByDate', 'equals'].includes(this.currentArrange) ||
+                !!((_a = this.data) === null || _a === void 0 ? void 0 : _a.filterFn),
+            'hide-next-button': !this.hasNextPage && ((_b = this.data) === null || _b === void 0 ? void 0 : _b.pagination) === true,
+            'hide-last-button': (!this.hasNextPage && ((_c = this.data) === null || _c === void 0 ? void 0 : _c.pagination) === true) ||
+                !!((_d = this.data) === null || _d === void 0 ? void 0 : _d.filterFn),
+        };
+    }
+    // FILTER METHODS (delegados ao FilterService)
+    createFilterGroup() {
+        return this.filterService.createFilterGroup();
+    }
+    addFilter(filterData) {
+        this.filterService.addFilter(this.filtersForm, this.data.pagination === true, filterData);
+    }
+    hasActiveDateFilter() {
+        return this.filterService.hasActiveDateFilter(this.filtersForm);
+    }
+    getAvailableFilterOptions() {
+        return this.filterService.getAvailableFilterOptions(this.dropdownItems, this.data.pagination === true, this.filtersForm);
+    }
+    onSelectFilterChange() {
+        var _a;
+        const lastIndex = this.filtersForm.length - 1;
+        const lastFilter = this.filtersForm.at(lastIndex);
+        const selectedFilter = (_a = lastFilter.get('selectFilter')) === null || _a === void 0 ? void 0 : _a.value;
+        if (selectedFilter) {
+            if (selectedFilter.arrange === 'filterByDate' &&
+                this.data.pagination === true) {
+                return;
+            }
+            this.addFilter();
+        }
+    }
+    removeFilter(index) {
+        this.filterService.removeFilter(this.filtersForm, index);
+    }
+    removeAllFilters() {
+        this.filterService.removeAllFilters(this.filtersForm);
+        this.resetFilter();
+    }
+    onDateInput(event, controlName, filterIndex) {
+        const filterGroup = this.filtersForm.at(filterIndex);
+        this.filterService.applyDateMask(event, controlName, filterGroup);
+    }
+    onDateFilterChange() {
+        if (this.data.pagination === false) {
+            this.arrange = this.filterService.buildArrangeFromFilters(this.filtersForm, this.sortBy);
+            this.applyFiltersToDataSource();
+            this.cdr.markForCheck();
+        }
+    }
+    applyFiltersToDataSource() {
+        if (!this.dataSource)
+            return;
+        let filteredItems = this.filterService.applyClientSideFilters([...this.items], this.filtersForm, this.sortBy);
+        this.dataSource.data = filteredItems;
+        this.filteredItems = filteredItems;
+        this.totalItems = filteredItems.length;
+        this.cdr.markForCheck();
+    }
+    applyClientSideFilters(items) {
+        return this.filterService.applyClientSideFilters(items, this.filtersForm, this.sortBy);
+    }
+    buildArrangeFromFilters() {
+        return this.filterService.buildArrangeFromFilters(this.filtersForm, this.sortBy);
+    }
+    // TOOLTIP METHODS (delegados ao TooltipService)
+    getTooltipStyles() {
+        return this.tooltipService.getTooltipStyles(this.tooltipState);
+    }
+    onCellMouseEnter(event, row, col) {
+        this.tooltipService.handleMouseEnter(event, row, col, (c, r, w) => this.getDisplayValue(c, r, w), (state) => {
+            this.tooltipState = Object.assign(Object.assign({}, this.tooltipState), state);
+            this.cdr.markForCheck();
+        });
+    }
+    onCellMouseLeave() {
+        this.tooltipService.handleMouseLeave((state) => {
+            this.tooltipState = state;
+            this.cdr.markForCheck();
+        });
+    }
+    onCellMouseMove(event) {
+        this.tooltipService.handleMouseMove(event, this.tooltipState.showTooltip, (position) => {
+            this.tooltipState = Object.assign(Object.assign({}, this.tooltipState), { tooltipPosition: position });
+            this.cdr.markForCheck();
+        });
+    }
+    // TAB METHODS
+    onTabSelected(event) {
+        var _a;
+        if (!((_a = this.data.tabs) === null || _a === void 0 ? void 0 : _a.method))
+            return;
+        this.selectedTab = event.index;
+        this.data.tabs.method(event.tab, event.index);
+        this.cdr.markForCheck();
+    }
+    // UTILITY METHODS (delegados aos utils)
+    getDisplayValue(col, row, withinLimit = false) {
+        return getDisplayValue(col, row, withinLimit);
+    }
+    getNestedValue(obj, path) {
+        return getNestedValue(obj, path);
+    }
+    isString(value) {
+        return isString(value);
+    }
+    trackByProperty(_index, col) {
+        return trackByProperty(_index, col);
+    }
+    // IMAGE LOADING METHODS
+    getImageKey(row, col) {
+        return getImageKey(row, col);
+    }
+    isImageLoading(row, col) {
+        const key = this.getImageKey(row, col);
+        return !this.imageLoadingState.has(key);
+    }
+    onImageLoad(row, col) {
+        const key = this.getImageKey(row, col);
+        this.imageLoadingState.set(key, true);
+        this.cdr.markForCheck();
+    }
+    onImageError(event, row, col, defaultImage) {
+        const key = this.getImageKey(row, col);
+        this.imageLoadingState.set(key, true);
+        const target = event.target;
+        if (target) {
+            if (defaultImage) {
+                target.src = defaultImage;
+                target.onerror = null;
+            }
+            else {
+                target.style.display = 'none';
+            }
+        }
+        this.cdr.markForCheck();
+    }
+    // LIFECYCLE METHODS
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            setTimeout(() => this.applyCustomColors(), 0);
+        }
+    }
+    ngAfterViewInit() {
+        this.applyCustomColors();
+    }
+    ngOnDestroy() {
+        this.tooltipService.destroy();
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    applyCustomColors() {
+        var _a, _b, _c;
+        const hostElement = (_a = this.el) === null || _a === void 0 ? void 0 : _a.nativeElement;
+        if (!hostElement || !this.data)
+            return;
+        if ((_b = this.data.color) === null || _b === void 0 ? void 0 : _b.bg) {
+            hostElement.style.setProperty('--table-color', this.data.color.bg);
+            hostElement.style.setProperty('--table-header-bg', this.data.color.bg);
+        }
+        if ((_c = this.data.color) === null || _c === void 0 ? void 0 : _c.text) {
+            hostElement.style.setProperty('--table-text-color', this.data.color.text);
+            hostElement.style.setProperty('--table-header-text', this.data.color.text);
+        }
+        setTimeout(() => {
+            const headerCells = hostElement.querySelectorAll('.mat-header-cell, .mat-mdc-header-cell, th.mat-header-cell, th.mat-mdc-header-cell');
+            headerCells.forEach((cell) => {
+                var _a, _b;
+                if ((_a = this.data.color) === null || _a === void 0 ? void 0 : _a.bg) {
+                    cell.style.backgroundColor = this.data.color.bg;
+                }
+                if ((_b = this.data.color) === null || _b === void 0 ? void 0 : _b.text) {
+                    cell.style.color = this.data.color.text;
+                }
+            });
+        }, 100);
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.data.color) {
+                this.data.color = {
+                    bg: TABLE_DEFAULTS.DEFAULT_BG_COLOR,
+                    text: TABLE_DEFAULTS.DEFAULT_TEXT_COLOR,
+                };
+            }
+            if (this.data.showSimpleSearch === undefined) {
+                this.data.showSimpleSearch = true;
+            }
+            this.columnProperties = this.data.displayedColumns.map((column) => column.property);
+            this.cdr.markForCheck();
+            if (this.data.actionButton && !this.data.actionButton.condition) {
+                this.data.actionButton.condition = (_row) => true;
+            }
+            // Inicializar dropdownItems usando FilterService
+            const filterConfig = this.filterService.initializeDropdownItems(this.data.displayedColumns);
+            this.dropdownItems = filterConfig.dropdownItems;
+            this.sortableDropdownItems = filterConfig.sortableDropdownItems;
+            this.hasFilterableColumn = filterConfig.hasFilterableColumn;
+            this.hasSortableColumn = filterConfig.hasSortableColumn;
+            if (this.data.filterableOptions) {
+                this.dropdownItems = this.filterService.addFilterableOptions(this.dropdownItems, this.data.filterableOptions);
+            }
+            // Sem paginação
+            if (this.data.pagination === false) {
+                yield this.loadItems();
+                this.cdr.markForCheck();
+            }
+            // Com paginação
+            if (this.data.pagination === true) {
+                if (this.data.sortBy) {
+                    this.sortBy = {
+                        field: this.data.sortBy.field,
+                        order: this.data.sortBy.order,
+                    };
+                }
+                this.filterSubject
+                    .pipe(debounceTime(this.debounceTimeMs), takeUntil(this.destroy$))
+                    .subscribe(() => {
+                    this.loadItemsPaginated('reload', true);
+                });
+                this.isLoading$.next(true);
+                this.cdr.markForCheck();
+                yield this.loadItemsPaginated('reload', true);
+                this.sort.active = 'createdAt';
+                this.sort.direction = 'desc';
+                this.dataSource.paginator = this.paginator;
+                this.dataSource.sort = this.sort;
+                this.totalItems = 0;
+                if (this.data.totalRef) {
+                    for (const totalRef of this.data.totalRef) {
+                        const totalRefDoc = yield totalRef.ref.get();
+                        const docData = totalRefDoc.data();
+                        if (docData && docData[totalRef.field]) {
+                            const fieldValue = docData[totalRef.field];
+                            this.totalItems = (this.totalItems +
+                                (typeof fieldValue === 'number' ? fieldValue : 0));
+                        }
+                    }
+                }
+                this.isLoading$.next(false);
+                this.cdr.markForCheck();
+            }
+        });
+    }
+    // DATA LOADING METHODS
+    loadItems() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.imageLoadingState.clear();
+            this.items = (yield this.tableService.getItems(this.data.collectionRef));
+            if (this.data.conditions) {
+                this.filterItems();
+            }
+            yield this.loadRelations();
+            yield this.loadQueryLengths();
+            this.totalItems = this.items.length;
+            this.arrange = {
+                filters: [],
+                sortBy: this.data.sortBy || {
+                    field: TABLE_DEFAULTS.SORT_FIELD,
+                    order: TABLE_DEFAULTS.SORT_ORDER,
+                },
+            };
+            this.sortBy = this.data.sortBy || {
+                field: TABLE_DEFAULTS.SORT_FIELD,
+                order: TABLE_DEFAULTS.SORT_ORDER,
+            };
+            let itemsToDisplay = [...this.items];
+            itemsToDisplay = this.applyClientSideFilters(itemsToDisplay);
+            this.filteredItems = itemsToDisplay;
+            this.dataSource = new MatTableDataSource(itemsToDisplay);
+            this.dataSource.paginator = this.paginator;
+            this.dataSource.sort = this.sort;
+            if (this.data.sortBy) {
+                this.dataSource.sort.active = this.data.sortBy.field;
+                this.dataSource.sort.direction = this.data.sortBy.order;
+                this.dataSource.sort.sortChange.emit();
+            }
+            this.dataSource.filterPredicate = (data, filter) => {
+                const item = data;
+                return this.data.displayedColumns.some((col) => {
+                    if (col.filterPredicates) {
+                        return col.filterPredicates.some((predicate) => {
+                            const propertyValue = item[col.property];
+                            if (!propertyValue || typeof propertyValue !== 'object') {
+                                return false;
+                            }
+                            const propertyRecord = propertyValue;
+                            const predicateValue = propertyRecord[predicate];
+                            if (predicateValue === null || predicateValue === undefined) {
+                                return false;
+                            }
+                            return String(predicateValue)
+                                .trim()
+                                .toLocaleLowerCase()
+                                .includes(filter);
+                        });
+                    }
+                    if (col.property && col.isFilterable) {
+                        const propertyValue = item[col.property];
+                        if (propertyValue === null || propertyValue === undefined) {
+                            return false;
+                        }
+                        return String(propertyValue)
+                            .trim()
+                            .toLocaleLowerCase()
+                            .includes(filter);
+                    }
+                    return false;
+                });
+            };
+            this.filterPredicate = this.dataSource.filterPredicate;
+            this.cdr.markForCheck();
+        });
+    }
+    loadItemsPaginated(navigation = 'reload', reset = false) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.imageLoadingState.clear();
+            if (reset && ['forward', 'reload'].includes(navigation)) {
+                this.lastDoc = null;
+                this.currentClientPageIndex = 0;
+            }
+            if (reset && ['backward', 'reload'].includes(navigation)) {
+                this.firstDoc = null;
+                this.currentClientPageIndex = 0;
+            }
+            const activeFilters = this.filterService.extractActiveFilters(this.filtersForm);
+            this.arrange = {
+                filters: activeFilters,
+                sortBy: this.sortBy,
+            };
+            const paginated = {
+                batchSize: this.pageSize,
+                collection: this.data.collection,
+                doc: { lastDoc: this.lastDoc, firstDoc: this.firstDoc },
+                navigation,
+                arrange: this.arrange,
+                conditions: this.data.conditions,
+                size: this.totalItems,
+                filterFn: this.data.filterFn,
+                clientPageIndex: this.currentClientPageIndex,
+            };
+            const result = yield this.tableService.getPaginated(paginated);
+            this.items = result.items;
+            yield this.loadRelations();
+            yield this.loadQueryLengths();
+            this.lastDoc = result.lastDoc;
+            this.firstDoc = result.firstDoc;
+            if (result.currentClientPageIndex !== undefined) {
+                this.currentClientPageIndex = result.currentClientPageIndex;
+            }
+            let sum = 0;
+            if (this.data.totalRef) {
+                for (const totalRef of this.data.totalRef) {
+                    const totalRefDoc = yield totalRef.ref.get();
+                    const docData = totalRefDoc.data();
+                    if (docData || result.filterLength) {
+                        const fieldValue = docData ? docData[totalRef.field] : undefined;
+                        const numericValue = typeof fieldValue === 'number' ? fieldValue : 0;
+                        sum = (_a = result.filterLength) !== null && _a !== void 0 ? _a : (sum + numericValue);
+                    }
+                }
+                this.totalItems = sum;
+            }
+            this.hasNextPage = result.hasNextPage;
+            this.dataSource = new MatTableDataSource(this.items);
+            this.filterPredicate = this.dataSource.filterPredicate;
+            this.cdr.markForCheck();
+        });
+    }
+    // PAGINATION METHODS
+    onPageChange(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.data.pagination !== true || !event)
+                return;
+            this.isLoading$.next(true);
+            const currentState = {
+                currentPageNumber: this.currentPageNumber,
+                currentClientPageIndex: this.currentClientPageIndex,
+                pageSize: this.pageSize,
+                totalItems: this.totalItems,
+                hasNextPage: this.hasNextPage,
+            };
+            const navigation = this.paginationService.calculateNavigation(event, currentState);
+            if (!navigation.shouldNavigate) {
+                this.isLoading$.next(false);
+                this.pageEvent = event;
+                return;
+            }
+            // Atualizar estado local
+            this.currentClientPageIndex = navigation.newClientPageIndex;
+            this.currentPageNumber = navigation.newPageNumber;
+            // Atualizar pageSize se mudou
+            if (event.pageSize !== this.pageSize) {
+                this.pageSize = event.pageSize;
+            }
+            // Ajustar pageSize temporariamente para última página se necessário
+            const lastPageIndex = this.paginationService.calculateLastPageIndex(this.totalItems, event.pageSize);
+            let originalPageSize = null;
+            if (event.pageIndex === lastPageIndex &&
+                navigation.direction === 'backward' &&
+                navigation.resetDocs) {
+                const itemsExpectedInLastPage = this.paginationService.calculateLastPageItemCount(this.totalItems, event.pageSize);
+                if (itemsExpectedInLastPage > 0 &&
+                    itemsExpectedInLastPage < event.pageSize) {
+                    originalPageSize = this.pageSize;
+                    this.pageSize = itemsExpectedInLastPage;
+                }
+            }
+            try {
+                yield this.loadItemsPaginated(navigation.direction, navigation.resetDocs);
+            }
+            catch (error) {
+                console.error('Erro ao carregar itens paginados:', error);
+            }
+            finally {
+                if (originalPageSize !== null) {
+                    this.pageSize = originalPageSize;
+                }
+            }
+            this.pageEvent = event;
+            this.isLoading$.next(false);
+            this.cdr.markForCheck();
+        });
+    }
+    // FILTER/SEARCH METHODS
+    applyFilter(value) {
+        if (this.data.pagination === false) {
+            this.dataSource.filter = String(value).trim().toLowerCase();
+        }
+        if (this.data.pagination === true) {
+            this.filterValue = value;
+            this.filterSubject.next(this.filterValue);
+        }
+    }
+    search(event) {
+        var _a, _b, _c, _d, _e, _f;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (event) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            if (this.selectSort.value) {
+                if (this.selectSort.value.arrange === 'ascending') {
+                    this.sortBy = {
+                        field: this.selectSort.value.property,
+                        order: 'asc',
+                    };
+                }
+                if (this.selectSort.value.arrange === 'descending') {
+                    this.sortBy = {
+                        field: this.selectSort.value.property,
+                        order: 'desc',
+                    };
+                }
+            }
+            if (this.data.pagination === false) {
+                this.arrange = this.buildArrangeFromFilters();
+                this.applyFiltersToDataSource();
+                this.currentArrange =
+                    this.filtersForm.length > 0
+                        ? ((_c = (_b = (_a = this.filtersForm.at(0).get('selectFilter')) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.arrange) !== null && _c !== void 0 ? _c : '')
+                        : '';
+                this.cdr.markForCheck();
+            }
+            else {
+                yield this.loadItemsPaginated('reload', true);
+                this.currentArrange =
+                    this.filtersForm.length > 0
+                        ? ((_f = (_e = (_d = this.filtersForm.at(0).get('selectFilter')) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.arrange) !== null && _f !== void 0 ? _f : '')
+                        : '';
+                this.paginator.firstPage();
+                this.cdr.markForCheck();
+            }
+        });
+    }
+    resetFilter() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.dataSource.filter = '';
+            if (this.filterPredicate) {
+                this.dataSource.filterPredicate = this.filterPredicate;
+            }
+            this.filtersForm.clear();
+            this.addFilter();
+            this.selectSort.patchValue('');
+            this.sortBy = {
+                order: this.data.sortBy ? this.data.sortBy.order : 'desc',
+                field: this.data.sortBy ? this.data.sortBy.field : 'createdAt',
+            };
+            if (this.data.pagination === false) {
+                this.arrange = {
+                    filters: [],
+                    sortBy: this.sortBy,
+                };
+                this.dataSource.data = [...this.items];
+                this.totalItems = this.items.length;
+                this.currentArrange = '';
+                this.cdr.markForCheck();
+            }
+            else {
+                yield this.loadItemsPaginated('reload', true);
+                this.currentArrange = '';
+                this.paginator.firstPage();
+                this.cdr.markForCheck();
+            }
+        });
+    }
+    // NAVIGATION METHODS
+    goToDetails(row) {
+        if (this.data.isNotClickable) {
+            return;
+        }
+        const urlPath = this.data.url || this.data.name;
+        const rowWithId = row;
+        const url = this.router.serializeUrl(this.router.createUrlTree([`/${urlPath}`, rowWithId.id]));
+        window.open(url, '_blank');
+    }
+    // RELATION METHODS
+    getRelation(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                let snapshot;
+                if (params.id !== '' &&
+                    params.id !== undefined &&
+                    params.collection !== undefined &&
+                    params.collection !== '') {
+                    snapshot = yield firstValueFrom(this.firestore.collection(params.collection).doc(params.id).get());
+                }
+                if (snapshot && snapshot.exists) {
+                    const data = snapshot.data();
+                    const value = data === null || data === void 0 ? void 0 : data[params.newProperty];
+                    return typeof value === 'string' ? value : '';
+                }
+                return '';
+            }
+            catch (e) {
+                console.error(e);
+                return '';
+            }
+        });
+    }
+    loadRelations() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const relationPromises = this.data.displayedColumns
+                .filter((col) => col.relation)
+                .flatMap((col) => this.items.map((item) => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                if (col.relation) {
+                    const itemRecord = item;
+                    itemRecord[col.property] = yield this.getRelation({
+                        id: String((_a = itemRecord[col.relation.sourceProperty]) !== null && _a !== void 0 ? _a : ''),
+                        collection: col.relation.targetedCollection,
+                        newProperty: col.relation.targetedProperty || col.property,
+                    });
+                }
+            })));
+            yield Promise.all(relationPromises);
+        });
+    }
+    getQueryLength(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const itemRecord = params.item;
+            const snapshot = yield this.firestore
+                .collection(params.relation.collection)
+                .ref.where(params.relation.property, params.relation.operator, itemRecord[params.relation.value])
+                .get();
+            return snapshot.size;
+        });
+    }
+    loadQueryLengths() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const lengthPromises = this.data.displayedColumns
+                .filter((col) => col.queryLength)
+                .flatMap((col) => this.items.map((item) => __awaiter(this, void 0, void 0, function* () {
+                if (col.queryLength) {
+                    const itemRecord = item;
+                    itemRecord[col.property] = yield this.getQueryLength({
+                        item: item,
+                        relation: col.queryLength,
+                    });
+                }
+            })));
+            yield Promise.all(lengthPromises);
+        });
+    }
+    filterItems() {
+        if (this.data.conditions) {
+            this.data.conditions.forEach((cond) => {
+                this.items = this.items.filter((item) => {
+                    const operatorFunction = this.tableService.operators[cond.operator];
+                    if (operatorFunction) {
+                        const itemRecord = item;
+                        return operatorFunction(itemRecord[cond.firestoreProperty], cond.dashProperty);
+                    }
+                    return false;
+                });
+            });
+        }
+    }
+    // PUBLIC METHODS
+    reloadTable() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.data.pagination) {
+                yield this.loadItemsPaginated('reload', true);
+                this.paginator.firstPage();
+                this.cdr.markForCheck();
+            }
+            else {
+                yield this.loadItems();
+            }
+        });
+    }
+    updateDisplayedColumns() {
+        if (this.dataSource) {
+            this.dataSource = new MatTableDataSource([]);
+        }
+        this.columnProperties = this.data.displayedColumns.map((column) => column.property);
+        const filterConfig = this.filterService.initializeDropdownItems(this.data.displayedColumns);
+        this.dropdownItems = filterConfig.dropdownItems;
+        this.sortableDropdownItems = filterConfig.sortableDropdownItems;
+        if (this.data.filterableOptions) {
+            this.dropdownItems = this.filterService.addFilterableOptions(this.dropdownItems, this.data.filterableOptions);
+        }
+        this.cdr.markForCheck();
+    }
+    shouldShowActionButton() {
+        var _a, _b;
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.actionButton)) {
+            return false;
+        }
+        if (!this.data.actionButton.condition) {
+            return true;
+        }
+        try {
+            return (_b = this.data.actionButton.condition(null)) !== null && _b !== void 0 ? _b : true;
+        }
+        catch (_c) {
+            return true;
+        }
+    }
+    handleDownload() {
+        if (!this.downloadTable)
+            return;
+        if (this.data.pagination === false) {
+            if (this.dataSource && this.dataSource.filteredData) {
+                this.filteredItems = [...this.dataSource.filteredData];
+            }
+            const arrange = this.buildArrangeFromFilters();
+            this.downloadTable(arrange, this.data.conditions || []);
+        }
+        else {
+            if (this.arrange) {
+                this.downloadTable(this.arrange, this.data.conditions || []);
+            }
+        }
+    }
+}
+TableComponent.ɵfac = function TableComponent_Factory(t) { return new (t || 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)); };
+TableComponent.ɵ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" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["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"], ["sort", "matSort"], [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, "pageSizeOptions", "pageSize", "length", "ngClass", "page"], ["paginator", ""], [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, "ngClass", "routerLink", "click"], [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"], ["input", ""], ["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, "disabled", "click"], [1, "fa", "fa-download"], [1, "fa", "fa-search", "text-blue-500"], ["matInput", "", "placeholder", "Digite para filtrar...", 3, "keyup.enter", "keyup"], ["filterInput", ""], ["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, "tabsData", "selectedTab", "tabSelected"], [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"], ["withinLimit", ""], ["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, "src", "ngClass", "load", "error"], [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, "ngClass", "click"], [1, "mat-row"], ["class", "mat-cell p-4", "colspan", "4", 4, "ngIf"], ["colspan", "4", 1, "mat-cell", "p-4"], [1, "flex", "justify-center"]], template: function TableComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵtemplate(0, TableComponent_div_0_Template, 19, 18, "div", 0);
+        }
+        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.MatOption, i15.MatSelect, i16.MatTooltip, i17.MatProgressSpinner, i18.MatIcon, TableTabsComponent, TableTooltipComponent, i1$1.AsyncPipe], styles: ["@charset \"UTF-8\";[_nghost-%COMP%]{--table-color: #1976d2;--table-text-color: white;--table-header-bg: #1976d2;--table-header-text: white;--table-scrollbar-bg: #f5f5f5;--table-scrollbar-thumb: var(--table-color)}.table-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.table-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.table-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}.overflow-x-auto[_ngcontent-%COMP%]::-webkit-scrollbar, .overflow-y-auto[_ngcontent-%COMP%]::-webkit-scrollbar, .overflow-auto[_ngcontent-%COMP%]::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.overflow-x-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, .overflow-y-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, .overflow-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.overflow-x-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, .overflow-y-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, .overflow-auto[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}[_nghost-%COMP%]     .mat-table .mat-header-cell, [_nghost-%COMP%]     .mat-header-cell, [_nghost-%COMP%]     th.mat-header-cell, [_nghost-%COMP%]     .mat-mdc-table .mat-mdc-header-cell, [_nghost-%COMP%]     .mat-mdc-header-cell, [_nghost-%COMP%]     th.mat-mdc-header-cell{background-color:var(--table-header-bg, #1976d2)!important;color:var(--table-header-text, white)!important;font-weight:600}  .fa-filter,   i.fa-filter{color:var(--table-color, #1976d2)!important}  .rounded-xl.border{border-color:var(--table-color, #1976d2)!important}  .border-gray-200.rounded-xl{border-color:var(--table-color, #1976d2)!important}  .mdc-notched-outline__notch{border-right:none!important}.mat-mdc-text-field-wrapper.mdc-text-field--outlined[_ngcontent-%COMP%]   .mat-mdc-form-field-infix[_ngcontent-%COMP%]{padding-bottom:0}  .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:0}.mat-mdc-text-field-wrapper.mdc-text-field--outlined.mdc-text-field--disabled[_ngcontent-%COMP%]{background:rgba(0,0,0,.15);background-size:1px 100%!important;background-repeat:repeat-x!important}.mdc-text-field--disabled[_ngcontent-%COMP%]   .mdc-text-field__input[_ngcontent-%COMP%]{color:#525252}button[_ngcontent-%COMP%]:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)){transition:all .2s ease;cursor:pointer}button[_ngcontent-%COMP%]:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):hover:not(:disabled){opacity:.9;transform:scale(1.02)}button[_ngcontent-%COMP%]:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):disabled{opacity:.5;cursor:not-allowed;transform:none}  .hide-length .mat-mdc-paginator-range-label{display:none}  .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-next.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base{visibility:hidden}  .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-last.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base.ng-star-inserted{visibility:hidden}  .mat-mdc-text-field-wrapper.mdc-text-field.ng-tns-c162-1.mdc-text-field--filled{width:25dvw}  .custom-filter .mat-mdc-text-field-wrapper{width:20dvw;max-width:300px}button[matTooltip=\"Adicionar novo filtro\"][_ngcontent-%COMP%], button[_ngcontent-%COMP%]:has(i.fa-plus){display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:2px solid #93c5fd;background-color:#dbeafe;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;color:#2563eb;transition:all .3s;cursor:pointer;transform:translateY(0)}button[matTooltip=\"Adicionar novo filtro\"][_ngcontent-%COMP%]:hover, button[_ngcontent-%COMP%]:has(i.fa-plus):hover{transform:translateY(-2px);border-color:#60a5fa;background-color:#bfdbfe;box-shadow:0 4px 6px #0000001a}button[matTooltip=\"Aplicar filtros\"][_ngcontent-%COMP%], button[_ngcontent-%COMP%]:has(i.fa-search){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#16a34a;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Aplicar filtros\"][_ngcontent-%COMP%]:hover, button[_ngcontent-%COMP%]:has(i.fa-search):hover{background-color:#15803d}button[matTooltip=\"Aplicar filtros\"][_ngcontent-%COMP%]:disabled, button[_ngcontent-%COMP%]:has(i.fa-search):disabled{opacity:.5;cursor:not-allowed}button[matTooltip=\"Limpar filtros\"][_ngcontent-%COMP%], button[_ngcontent-%COMP%]:has(i.fas.fa-redo-alt){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#ef4444;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Limpar filtros\"][_ngcontent-%COMP%]:hover, button[_ngcontent-%COMP%]:has(i.fas.fa-redo-alt):hover{background-color:#dc2626}button[matTooltip=\"Exportar Tabela\"][_ngcontent-%COMP%], button[_ngcontent-%COMP%]:has(i.fa-download){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#f97316;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Exportar Tabela\"][_ngcontent-%COMP%]:hover:not(:disabled), button[_ngcontent-%COMP%]:has(i.fa-download):hover:not(:disabled){background-color:#ea580c}button[matTooltip=\"Exportar Tabela\"][_ngcontent-%COMP%]:disabled, button[_ngcontent-%COMP%]:has(i.fa-download):disabled{opacity:.5;cursor:not-allowed}"], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
+            type: Component,
+            args: [{ selector: 'lib-table', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"data\" class=\"card-body\">\n  <div class=\"flex flex-col justify-between gap-6\">\n    <!-- UNIFIED CONTROL PANEL: FILTERS, SORT & ACTIONS -->\n    <div\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\n      *ngIf=\"\n        data.pagination === true &&\n        (dropdownItems.length > 0 ||\n          sortableDropdownItems.length > 0 ||\n          data.actionButton)\n      \"\n    >\n      <!-- PANEL HEADER: Title and Custom Action -->\n      <div\n        class=\"mb-4 flex flex-col items-start justify-between gap-4 border-b-2 border-gray-200 pb-4 md:flex-row md:items-center\"\n      >\n        <!-- Left Side: Title & Main Action Button -->\n        <div class=\"flex flex-wrap items-center gap-4\">\n          <div class=\"flex items-center gap-2\">\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\n            <span class=\"text-lg font-semibold text-gray-700\"\n              >Filtros e A\u00E7\u00F5es</span\n            >\n          </div>\n          <button\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\n            [ngClass]=\"getActionButtonClass()\"\n            [routerLink]=\"data.actionButton.routerLink\"\n            (click)=\"\n              data.actionButton.method ? data.actionButton.method($event) : null\n            \"\n          >\n            <i\n              *ngIf=\"data.actionButton.icon\"\n              [class]=\"data.actionButton.icon\"\n            ></i>\n            {{ data.actionButton.label }}\n          </button>\n        </div>\n      </div>\n\n      <!-- SORT FIELD (Integrated with filters) -->\n      <div class=\"mb-4\" *ngIf=\"sortableDropdownItems.length > 0\">\n        <div class=\"flex flex-wrap items-center gap-3 p-2\">\n          <div class=\"min-w-[200px] flex-1\">\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label class=\"flex items-center gap-2\">\n                <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\n                <span>Ordenar por</span>\n              </mat-label>\n              <mat-select placeholder=\"Selecione...\" [formControl]=\"selectSort\">\n                <mat-option\n                  *ngFor=\"let item of sortableDropdownItems\"\n                  [value]=\"item\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\n                    <span>{{ item.title }}</span>\n                  </div>\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n      <!-- FILTERS CONTENT (WITH REFINEMENTS) -->\n      <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\n        <div\n          [formGroup]=\"$any(filterGroup)\"\n          *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\n          class=\"flex flex-wrap items-center gap-3 p-2\"\n        >\n          <!-- FILTER TYPE SELECTOR -->\n          <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label>Tipo de filtro</mat-label>\n              <mat-select\n                placeholder=\"Selecione o tipo...\"\n                formControlName=\"selectFilter\"\n                (selectionChange)=\"onSelectFilterChange()\"\n              >\n                <mat-option\n                  *ngFor=\"let item of getAvailableFilterOptions()\"\n                  [value]=\"item\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <i\n                      [class]=\"item.icon || 'fa fa-filter'\"\n                      class=\"text-sm text-blue-500\"\n                    ></i>\n                    <span>{{ item.title }}</span>\n                  </div>\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n\n          <!-- TEXT FILTER -->\n          <div\n            class=\"min-w-[200px] flex-1\"\n            *ngIf=\"\n              $any(filterGroup).get('selectFilter')?.value?.arrange === 'filter'\n            \"\n          >\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label class=\"flex items-center gap-2\">\n                <i class=\"fa fa-search text-gray-400\"></i>\n                <span>{{\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                    \"Filtrar\"\n                }}</span>\n              </mat-label>\n              <input\n                (keyup.enter)=\"search($event)\"\n                formControlName=\"typeFilter\"\n                matInput\n                placeholder=\"Digite para filtrar...\"\n                #input\n              />\n            </mat-form-field>\n          </div>\n\n          <!-- DROPDOWN FILTER -->\n          <div\n            class=\"min-w-[200px] flex-1\"\n            *ngIf=\"\n              $any(filterGroup).get('selectFilter')?.value &&\n              $any(filterGroup)\n                .get('selectFilter')\n                ?.value.hasOwnProperty('items')\n            \"\n          >\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\n              <mat-label>{{\n                $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                  \"Selecione\"\n              }}</mat-label>\n              <mat-select\n                placeholder=\"Selecione...\"\n                formControlName=\"selectItem\"\n                multiple\n              >\n                <mat-option\n                  *ngFor=\"\n                    let item of $any(filterGroup).get('selectFilter')?.value\n                      .items\n                  \"\n                  [value]=\"item\"\n                >\n                  {{ item.label }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n\n          <!-- DATE FILTER -->\n          <div\n            class=\"min-w-[340px] flex-auto\"\n            *ngIf=\"\n              $any(filterGroup).get('selectFilter')?.value?.arrange ===\n              'filterByDate'\n            \"\n          >\n            <div\n              class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\n            >\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                <mat-label class=\"flex items-center gap-2\">\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\n                  <span>Data Inicial</span>\n                </mat-label>\n                <input\n                  type=\"text\"\n                  matInput\n                  (keydown.enter)=\"search($event)\"\n                  (input)=\"onDateInput($event, 'initialDate', i)\"\n                  formControlName=\"initialDate\"\n                  placeholder=\"DD/MM/AAAA\"\n                  maxlength=\"10\"\n                />\n              </mat-form-field>\n\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                <mat-label class=\"flex items-center gap-2\">\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\n                  <span>Data Final</span>\n                </mat-label>\n                <input\n                  type=\"text\"\n                  (keydown.enter)=\"search($event)\"\n                  (input)=\"onDateInput($event, 'finalDate', i)\"\n                  matInput\n                  formControlName=\"finalDate\"\n                  placeholder=\"DD/MM/AAAA\"\n                  maxlength=\"10\"\n                />\n              </mat-form-field>\n            </div>\n          </div>\n\n          <!-- REMOVE FILTER BUTTON -->\n          <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\n            <button\n              (click)=\"removeFilter(i)\"\n              class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\n              matTooltip=\"Remover filtro\"\n            >\n              <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- PANEL FOOTER: Add Filter & Action Buttons -->\n      <div\n        class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\n      >\n        <!-- Add Filter Button -->\n        <div *ngIf=\"dropdownItems.length > 0\">\n          <button\n            (click)=\"addFilter()\"\n            class=\"transform rounded-full border-2 border-blue-300 bg-blue-50 px-6 py-2 text-sm font-medium text-blue-600 transition-all duration-300 hover:-translate-y-0.5 hover:border-blue-400 hover:bg-blue-100 hover:shadow-md\"\n            matTooltip=\"Adicionar novo filtro\"\n          >\n            <i class=\"fa fa-plus mr-2\"></i>\n            Adicionar Filtro\n          </button>\n        </div>\n\n        <!-- Right Side: Search, Reset, Export -->\n        <div\n          class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\n          *ngIf=\"\n            this.hasFilterableColumn === true || this.hasSortableColumn === true\n          \"\n        >\n          <button\n            (click)=\"search()\"\n            type=\"button\"\n            class=\"flex items-center gap-2 rounded-lg bg-green-600 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-green-700\"\n            matTooltip=\"Aplicar filtros\"\n          >\n            <i class=\"fa fa-search\"></i>\n            Pesquisar\n          </button>\n\n          <button\n            (click)=\"resetFilter()\"\n            class=\"flex items-center gap-2 rounded-lg bg-red-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-red-600\"\n            matTooltip=\"Limpar filtros\"\n          >\n            <i class=\"fas fa-redo-alt\"></i>\n            Resetar\n          </button>\n\n          <button\n            *ngIf=\"data.download !== false && downloadTable\"\n            class=\"flex items-center gap-2 rounded-lg bg-orange-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-orange-600\"\n            matTooltipPosition=\"above\"\n            matTooltip=\"Exportar Tabela\"\n            [disabled]=\"\n              this.dataSource && this.dataSource.filteredData.length <= 0\n            \"\n            (click)=\"\n              $any(arrange) && downloadTable !== undefined\n                ? downloadTable($any(arrange), data.conditions || [])\n                : null\n            \"\n          >\n            <i class=\"fa fa-download\"></i>\n            Exportar\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <!-- UNIFIED CONTROL PANEL (for non-paginated tables): SEARCH, SORT & FILTERS -->\n    <div\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\n      *ngIf=\"\n        data.pagination === false &&\n        (hasFilterableColumn === true ||\n          dropdownItems.length > 0 ||\n          data.actionButton)\n      \"\n    >\n      <!-- PANEL HEADER: Title and Custom Action -->\n      <div\n        class=\"mb-4 flex flex-col items-start justify-between gap-4 border-b-2 border-gray-200 pb-4 md:flex-row md:items-center\"\n      >\n        <!-- Left Side: Title & Main Action Button -->\n        <div class=\"flex flex-wrap items-center gap-4\">\n          <div class=\"flex items-center gap-2\">\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\n            <span class=\"text-lg font-semibold text-gray-700\"\n              >Filtros e A\u00E7\u00F5es</span\n            >\n          </div>\n          <button\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\n            [ngClass]=\"getActionButtonClass()\"\n            [routerLink]=\"data.actionButton.routerLink\"\n            (click)=\"\n              data.actionButton.method ? data.actionButton.method($event) : null\n            \"\n          >\n            <i\n              *ngIf=\"data.actionButton.icon\"\n              [class]=\"data.actionButton.icon\"\n            ></i>\n            {{ data.actionButton.label }}\n          </button>\n        </div>\n      </div>\n\n      <!-- SIMPLE SEARCH -->\n      <div\n        class=\"mb-4\"\n        *ngIf=\"hasFilterableColumn === true && data.showSimpleSearch !== false\"\n      >\n        <mat-form-field appearance=\"outline\" class=\"w-full\">\n          <mat-label class=\"flex items-center gap-2\">\n            <i class=\"fa fa-search text-blue-500\"></i>\n            Buscar\n          </mat-label>\n          <input\n            matInput\n            (keyup.enter)=\"search($event)\"\n            (keyup)=\"applyFilter(filterInput.value)\"\n            placeholder=\"Digite para filtrar...\"\n            #filterInput\n          />\n          <mat-icon matSuffix class=\"text-gray-500\">search</mat-icon>\n        </mat-form-field>\n      </div>\n\n      <!-- FILTERS PANEL -->\n      <div *ngIf=\"dropdownItems.length > 0\">\n        <!-- FILTERS CONTENT -->\n        <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\n          <div\n            [formGroup]=\"$any(filterGroup)\"\n            *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\n            class=\"flex flex-wrap items-center gap-3\"\n          >\n            <!-- FILTER TYPE SELECTOR -->\n            <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\n                <mat-label>Tipo de filtro</mat-label>\n                <mat-select\n                  placeholder=\"Selecione o tipo...\"\n                  formControlName=\"selectFilter\"\n                  (selectionChange)=\"onSelectFilterChange()\"\n                >\n                  <mat-option\n                    *ngFor=\"let item of getAvailableFilterOptions()\"\n                    [value]=\"item\"\n                  >\n                    <div class=\"flex items-center gap-2\">\n                      <i\n                        [class]=\"item.icon || 'fa fa-filter'\"\n                        class=\"text-sm text-blue-500\"\n                      ></i>\n                      <span>{{ item.title }}</span>\n                    </div>\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n\n            <!-- TEXT FILTER -->\n            <div\n              class=\"min-w-[200px] flex-1\"\n              *ngIf=\"\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\n                'filter'\n              \"\n            >\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\n                <mat-label class=\"flex items-center gap-2\">\n                  <i class=\"fa fa-search text-gray-400\"></i>\n                  <span>{{\n                    $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                      \"Filtrar\"\n                  }}</span>\n                </mat-label>\n                <input\n                  (keyup.enter)=\"search($event)\"\n                  formControlName=\"typeFilter\"\n                  matInput\n                  placeholder=\"Digite para filtrar...\"\n                  #input\n                />\n              </mat-form-field>\n            </div>\n\n            <!-- DROPDOWN FILTER -->\n            <div\n              class=\"min-w-[200px] flex-1\"\n              *ngIf=\"\n                $any(filterGroup).get('selectFilter')?.value &&\n                $any(filterGroup)\n                  .get('selectFilter')\n                  ?.value.hasOwnProperty('items')\n              \"\n            >\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\n                <mat-label>{{\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\n                    \"Selecione\"\n                }}</mat-label>\n                <mat-select\n                  placeholder=\"Selecione...\"\n                  formControlName=\"selectItem\"\n                  multiple\n                >\n                  <mat-option\n                    *ngFor=\"\n                      let item of $any(filterGroup).get('selectFilter')?.value\n                        .items\n                    \"\n                    [value]=\"item\"\n                  >\n                    {{ item.label }}\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n\n            <!-- DATE FILTER -->\n            <div\n              class=\"min-w-[340px] flex-auto\"\n              *ngIf=\"\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\n                'filterByDate'\n              \"\n            >\n              <div\n                class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\n              >\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                  <mat-label class=\"flex items-center gap-2\">\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\n                    <span>Data Inicial</span>\n                  </mat-label>\n                  <input\n                    type=\"text\"\n                    matInput\n                    (keydown.enter)=\"search($event)\"\n                    (input)=\"onDateInput($event, 'initialDate', i)\"\n                    (blur)=\"onDateFilterChange()\"\n                    formControlName=\"initialDate\"\n                    placeholder=\"DD/MM/AAAA\"\n                    maxlength=\"10\"\n                  />\n                </mat-form-field>\n\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\n                  <mat-label class=\"flex items-center gap-2\">\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\n                    <span>Data Final</span>\n                  </mat-label>\n                  <input\n                    type=\"text\"\n                    (keydown.enter)=\"search($event)\"\n                    (input)=\"onDateInput($event, 'finalDate', i)\"\n                    (blur)=\"onDateFilterChange()\"\n                    matInput\n                    formControlName=\"finalDate\"\n                    placeholder=\"DD/MM/AAAA\"\n                    maxlength=\"10\"\n                  />\n                </mat-form-field>\n              </div>\n            </div>\n\n            <!-- REMOVE FILTER BUTTON -->\n            <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\n              <button\n                (click)=\"removeFilter(i)\"\n                class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\n                matTooltip=\"Remover filtro\"\n              >\n                <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <!-- PANEL FOOTER: Add Filter & Actions -->\n        <div\n          class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\n        >\n          <!-- Add Filter Button -->\n          <div *ngIf=\"dropdownItems.length > 0\">\n            <button\n              (click)=\"addFilter()\"\n              class=\"transform rounded-full border-2 border-blue-300 bg-blue-50 px-6 py-2 text-sm font-medium text-blue-600 transition-all duration-300 hover:-translate-y-0.5 hover:border-blue-400 hover:bg-blue-100 hover:shadow-md\"\n              matTooltip=\"Adicionar novo filtro\"\n            >\n              <i class=\"fa fa-plus mr-2\"></i>\n              Adicionar Filtro\n            </button>\n          </div>\n\n          <!-- Action Buttons -->\n          <div\n            class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\n            *ngIf=\"\n              this.hasFilterableColumn === true ||\n              this.hasSortableColumn === true\n            \"\n          >\n            <button\n              (click)=\"search()\"\n              type=\"button\"\n              class=\"flex items-center gap-2 rounded-lg bg-green-600 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-green-700\"\n              matTooltip=\"Aplicar filtros\"\n            >\n              <i class=\"fa fa-search\"></i>\n              Pesquisar\n            </button>\n\n            <button\n              (click)=\"resetFilter()\"\n              class=\"flex items-center gap-2 rounded-lg bg-red-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-red-600\"\n              matTooltip=\"Limpar filtros\"\n            >\n              <i class=\"fas fa-redo-alt\"></i>\n              Resetar\n            </button>\n\n            <button\n              *ngIf=\"data.download !== false && downloadTable\"\n              class=\"flex items-center gap-2 rounded-lg bg-orange-500 px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-orange-600\"\n              matTooltipPosition=\"above\"\n              matTooltip=\"Exportar Tabela\"\n              [disabled]=\"\n                this.dataSource && this.dataSource.filteredData.length <= 0\n              \"\n              (click)=\"handleDownload()\"\n            >\n              <i class=\"fa fa-download\"></i>\n              Exportar\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col\">\n      <!-- TABS COMPONENT -->\n      <lib-table-tabs\n        *ngIf=\"data.tabs && data.tabs.tabsData && data.tabs.tabsData.length > 0\"\n        [tabsData]=\"data.tabs.tabsData\"\n        [selectedTab]=\"selectedTab\"\n        (tabSelected)=\"onTabSelected($event)\"\n      ></lib-table-tabs>\n      <div\n        class=\"mat-elevation-z8 w-full overflow-x-auto rounded-xl table-container\"\n      >\n        <table\n          mat-table\n          [dataSource]=\"dataSource\"\n          matSort\n          #sort=\"matSort\"\n          matSortActive=\"createdAt\"\n          matSortDirection=\"desc\"\n        >\n          <ng-container\n            *ngFor=\"let col of data.displayedColumns; trackBy: trackByProperty\"\n            matColumnDef=\"{{ col.property }}\"\n          >\n            <ng-container *matHeaderCellDef>\n              <!-- IF THE COLUMN IS NOT SORTABLE, THEN DON'T SHOW THE SORT BUTTONS -->\n              <th\n                *ngIf=\"!col.isSortable || data.pagination === true\"\n                mat-header-cell\n              >\n                {{ col.title }}\n              </th>\n              <!-- IF THE COLUMN IS SORTABLE, THEN SHOW THE SORT BUTTONS -->\n              <th\n                *ngIf=\"col.isSortable && data.pagination === false\"\n                mat-header-cell\n                mat-sort-header\n              >\n                {{ col.title }}\n              </th>\n              <td\n                mat-cell\n                *matCellDef=\"let row\"\n                (click)=\"col.method ? col.method(row) : null\"\n                (mouseenter)=\"onCellMouseEnter($event, row, col)\"\n                (mouseleave)=\"onCellMouseLeave()\"\n                (mousemove)=\"onCellMouseMove($event)\"\n              >\n                <!-- CHECK IF THE COLUMN MUST BE DISPLAYED -->\n                <span *ngIf=\"!col.image && !col.iconClass && !col.method\">\n                  <ng-container>\n                    <span\n                      *ngIf=\"\n                        col.charLimit &&\n                          row[col.property] &&\n                          row[col.property].length > col.charLimit;\n                        else withinLimit\n                      \"\n                    >\n                      <a\n                        *ngIf=\"col.hasLink === true\"\n                        [href]=\"row[col.property]\"\n                        target=\"_blank\"\n                      >\n                        {{ getDisplayValue(col, row) }}\n                      </a>\n                      <a\n                        *ngIf=\"col.hasLink && isString(col.hasLink)\"\n                        [href]=\"col.hasLink\"\n                        target=\"_blank\"\n                      >\n                        {{ getDisplayValue(col, row) }}\n                      </a>\n                      <span\n                        *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\n                      >\n                        {{ getDisplayValue(col, row) }}\n                      </span>\n                    </span>\n                  </ng-container>\n                  <ng-template #withinLimit>\n                    <a\n                      *ngIf=\"col.hasLink === true\"\n                      [href]=\"row[col.property]\"\n                      target=\"_blank\"\n                    >\n                      {{ getDisplayValue(col, row, true) }}\n                    </a>\n                    <a\n                      *ngIf=\"col.hasLink && isString(col.hasLink)\"\n                      [href]=\"col.hasLink\"\n                      target=\"_blank\"\n                    >\n                      {{ getDisplayValue(col, row, true) }}\n                    </a>\n                    <span\n                      *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\n                    >\n                      {{ getDisplayValue(col, row, true) }}\n                    </span>\n                  </ng-template>\n                </span>\n                <!------------------- IMAGE ------------------>\n                <!-- Imagem com loading -->\n                <div\n                  *ngIf=\"\n                    col.image && col.image.path && !col.iconClass && !col.method\n                  \"\n                  class=\"relative inline-block\"\n                >\n                  <mat-spinner\n                    *ngIf=\"isImageLoading(row, col)\"\n                    [diameter]=\"32\"\n                    class=\"absolute inset-0 m-auto\"\n                  ></mat-spinner>\n                  <img\n                    [src]=\"col.image.path + '/' + row[col.property]\"\n                    [ngClass]=\"col.image.class\"\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\n                    alt=\"\"\n                    (load)=\"onImageLoad(row, col)\"\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\n                  />\n                </div>\n\n                <!-- Imagem com URL completa e loading -->\n                <div\n                  *ngIf=\"\n                    col.image && col.image.url && !col.iconClass && !col.method\n                  \"\n                  class=\"relative inline-block\"\n                >\n                  <mat-spinner\n                    *ngIf=\"isImageLoading(row, col)\"\n                    [diameter]=\"32\"\n                    class=\"absolute inset-0 m-auto\"\n                  ></mat-spinner>\n                  <img\n                    [src]=\"row[col.property]\"\n                    [ngClass]=\"col.image.class\"\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\n                    alt=\"\"\n                    (load)=\"onImageLoad(row, col)\"\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\n                  />\n                </div>\n                <ng-container *ngIf=\"col.iconClass\">\n                  <button\n                    *ngFor=\"let iconClass of col.iconClass\"\n                    (click)=\"\n                      iconClass.buttonMethod\n                        ? iconClass.buttonMethod(row, $event)\n                        : $event.stopPropagation()\n                    \"\n                  >\n                    <span\n                      [ngClass]=\"iconClass.class\"\n                      *ngIf=\"\n                        iconClass.condition === undefined ||\n                        (iconClass.condition !== undefined &&\n                          $any(iconClass.condition)(row))\n                      \"\n                      >{{ iconClass.text }}</span\n                    >\n                  </button>\n                </ng-container>\n              </td>\n            </ng-container>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"columnProperties\"></tr>\n          <tr\n            [ngClass]=\"getTableRowNgClass()\"\n            mat-row\n            *matRowDef=\"let row; columns: columnProperties\"\n            (click)=\"goToDetails(row)\"\n          ></tr>\n\n          <!-- ROW SHOWN WHEN THERE IS NO MATCHING DATA. -->\n          <tr class=\"mat-row\" *matNoDataRow>\n            <td *ngIf=\"!(isLoading$ | async)\" class=\"mat-cell p-4\" colspan=\"4\">\n              Nenhum resultado encontrado para a busca\n            </td>\n          </tr>\n        </table>\n\n        <div class=\"flex justify-center\" *ngIf=\"isLoading$ | async\">\n          <mat-spinner></mat-spinner>\n        </div>\n\n        <div class=\"paginator-container\">\n          <mat-paginator\n            #paginator\n            [pageSizeOptions]=\"[25, 50, 100]\"\n            [pageSize]=\"pageSize\"\n            [length]=\"totalItems\"\n            showFirstLastButtons\n            aria-label=\"Select page of periodic elements\"\n            (page)=\"onPageChange($event)\"\n            [ngClass]=\"getPaginatorNgClass()\"\n          >\n          </mat-paginator>\n          <!-- <div\n            *ngIf=\"\n              !(isLoading$ | async) &&\n              dataSource?.data &&\n              dataSource.data.length > 0 &&\n              data?.filterFn\n            \"\n            class=\"page-number-display\"\n          >\n            {{ currentPageNumber }}\n          </div> -->\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- TOOLTIP PERSONALIZADO -->\n  <lib-table-tooltip\n    [state]=\"tooltipState\"\n    [styles]=\"getTooltipStyles()\"\n  ></lib-table-tooltip>\n</div>\n", styles: ["@charset \"UTF-8\";:host{--table-color: #1976d2;--table-text-color: white;--table-header-bg: #1976d2;--table-header-text: white;--table-scrollbar-bg: #f5f5f5;--table-scrollbar-thumb: var(--table-color)}.table-container::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.table-container::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.table-container::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}.overflow-x-auto::-webkit-scrollbar,.overflow-y-auto::-webkit-scrollbar,.overflow-auto::-webkit-scrollbar{width:10px;height:10px;background-color:var(--table-scrollbar-bg, #f5f5f5)}.overflow-x-auto::-webkit-scrollbar-thumb,.overflow-y-auto::-webkit-scrollbar-thumb,.overflow-auto::-webkit-scrollbar-thumb{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));border-radius:5px}.overflow-x-auto::-webkit-scrollbar-thumb:hover,.overflow-y-auto::-webkit-scrollbar-thumb:hover,.overflow-auto::-webkit-scrollbar-thumb:hover{background-color:var(--table-scrollbar-thumb, var(--table-color, #1976d2));opacity:.8}:host ::ng-deep .mat-table .mat-header-cell,:host ::ng-deep .mat-header-cell,:host ::ng-deep th.mat-header-cell,:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell,:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep th.mat-mdc-header-cell{background-color:var(--table-header-bg, #1976d2)!important;color:var(--table-header-text, white)!important;font-weight:600}::ng-deep .fa-filter,::ng-deep i.fa-filter{color:var(--table-color, #1976d2)!important}::ng-deep .rounded-xl.border{border-color:var(--table-color, #1976d2)!important}::ng-deep .border-gray-200.rounded-xl{border-color:var(--table-color, #1976d2)!important}::ng-deep .mdc-notched-outline__notch{border-right:none!important}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:0}::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:0}.mat-mdc-text-field-wrapper.mdc-text-field--outlined.mdc-text-field--disabled{background:rgba(0,0,0,.15);background-size:1px 100%!important;background-repeat:repeat-x!important}.mdc-text-field--disabled .mdc-text-field__input{color:#525252}button:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)){transition:all .2s ease;cursor:pointer}button:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):hover:not(:disabled){opacity:.9;transform:scale(1.02)}button:not([matTooltip=\"Adicionar novo filtro\"]):not([matTooltip=\"Aplicar filtros\"]):not([matTooltip=\"Limpar filtros\"]):not([matTooltip=\"Exportar Tabela\"]):not(:has(i.fa-plus)):not(:has(i.fa-search)):not(:has(i.fas.fa-redo-alt)):not(:has(i.fa-download)):disabled{opacity:.5;cursor:not-allowed;transform:none}::ng-deep .hide-length .mat-mdc-paginator-range-label{display:none}::ng-deep .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-next.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base{visibility:hidden}::ng-deep .hide-next-button .mat-mdc-tooltip-trigger.mat-mdc-paginator-navigation-last.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base.ng-star-inserted{visibility:hidden}::ng-deep .mat-mdc-text-field-wrapper.mdc-text-field.ng-tns-c162-1.mdc-text-field--filled{width:25dvw}::ng-deep .custom-filter .mat-mdc-text-field-wrapper{width:20dvw;max-width:300px}button[matTooltip=\"Adicionar novo filtro\"],button:has(i.fa-plus){display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:2px solid #93c5fd;background-color:#dbeafe;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;color:#2563eb;transition:all .3s;cursor:pointer;transform:translateY(0)}button[matTooltip=\"Adicionar novo filtro\"]:hover,button:has(i.fa-plus):hover{transform:translateY(-2px);border-color:#60a5fa;background-color:#bfdbfe;box-shadow:0 4px 6px #0000001a}button[matTooltip=\"Aplicar filtros\"],button:has(i.fa-search){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#16a34a;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Aplicar filtros\"]:hover,button:has(i.fa-search):hover{background-color:#15803d}button[matTooltip=\"Aplicar filtros\"]:disabled,button:has(i.fa-search):disabled{opacity:.5;cursor:not-allowed}button[matTooltip=\"Limpar filtros\"],button:has(i.fas.fa-redo-alt){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#ef4444;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Limpar filtros\"]:hover,button:has(i.fas.fa-redo-alt):hover{background-color:#dc2626}button[matTooltip=\"Exportar Tabela\"],button:has(i.fa-download){display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:#f97316;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .2s;cursor:pointer;border:none}button[matTooltip=\"Exportar Tabela\"]:hover:not(:disabled),button:has(i.fa-download):hover:not(:disabled){background-color:#ea580c}button[matTooltip=\"Exportar Tabela\"]:disabled,button:has(i.fa-download):disabled{opacity:.5;cursor:not-allowed}\n"] }]
+        }], function () { return [{ type: i1$2.Router }, { type: TableService }, { type: FilterService }, { type: TooltipService }, { type: PaginationService }, { type: i1.AngularFirestore }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, { data: [{
+                type: Input
+            }], downloadTable: [{
+                type: Input
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort]
+            }] });
+})();
+
+class NgFirebaseTableKxpModule {
+}
+NgFirebaseTableKxpModule.ɵfac = function NgFirebaseTableKxpModule_Factory(t) { return new (t || NgFirebaseTableKxpModule)(); };
+NgFirebaseTableKxpModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: NgFirebaseTableKxpModule });
+NgFirebaseTableKxpModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [TableService, FilterService, TooltipService, PaginationService], imports: [CommonModule,
+        ReactiveFormsModule,
+        FormsModule,
+        RouterModule,
+        MatTableModule,
+        MatPaginatorModule,
+        MatSortModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatOptionModule,
+        MatSelectModule,
+        MatTooltipModule,
+        MatProgressSpinnerModule,
+        MatIconModule,
+        MatDialogModule] });
+(function () {
+    (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,
+                        MatOptionModule,
+                        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,
+            MatOptionModule,
+            MatSelectModule,
+            MatTooltipModule,
+            MatProgressSpinnerModule,
+            MatIconModule,
+            MatDialogModule], exports: [NgFirebaseTableKxpComponent,
+            TableComponent,
+            TableTabsComponent,
+            TableTooltipComponent] });
+})();
+
+class NgFirebaseTableKxpService {
+    constructor() { }
+}
+NgFirebaseTableKxpService.ɵfac = function NgFirebaseTableKxpService_Factory(t) { return new (t || NgFirebaseTableKxpService)(); };
+NgFirebaseTableKxpService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NgFirebaseTableKxpService, factory: NgFirebaseTableKxpService.ɵfac, providedIn: 'root' });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NgFirebaseTableKxpService, [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], function () { return []; }, null);
+})();
+
+/*
+ * Public API Surface of ng-firebase-table-kxp
+ */
+// Main module
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FilterService, NgFirebaseTableKxpComponent, NgFirebaseTableKxpModule, NgFirebaseTableKxpService, PaginationService, TABLE_DEFAULTS, TableComponent, TableService, TableTabsComponent, TableTooltipComponent, TooltipService, formatArrayValue, getDisplayValue, getImageKey, getNestedValue, isString, trackByProperty };
+//# sourceMappingURL=ng-firebase-table-kxp.mjs.map