ng-firebase-table-kxp 1.2.0 → 1.2.2

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

@@ -1,2869 +0,0 @@
-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/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';
-import * as i15 from '@angular/material/core';
-
-class NgFirebaseTableKxpComponent {
-}
-NgFirebaseTableKxpComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgFirebaseTableKxpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgFirebaseTableKxpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NgFirebaseTableKxpComponent, selector: "lib-ng-firebase-table-kxp", ngImport: i0, template: ` <p>ng-firebase-table-kxp works!</p> `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgFirebaseTableKxpComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-ng-firebase-table-kxp', template: ` <p>ng-firebase-table-kxp works!</p> ` }]
-        }] });
-
-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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableService, deps: [{ token: i1.AngularFirestore, optional: true }, { token: i2.MatDialog, optional: true }, { token: i3.ToastrService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-TableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () {
-        return [{ type: i1.AngularFirestore, decorators: [{
-                        type: Optional
-                    }] }, { type: i2.MatDialog, decorators: [{
-                        type: Optional
-                    }] }, { type: i3.ToastrService, decorators: [{
-                        type: Optional
-                    }] }];
-    } });
-
-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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, deps: [{ token: TableService }], target: i0.ɵɵFactoryTarget.Injectable });
-FilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: TableService }]; } });
-
-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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TooltipService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PaginationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PaginationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PaginationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TableTabsComponent, selector: "lib-table-tabs", inputs: { tabsData: "tabsData", selectedTab: "selectedTab" }, outputs: { tabSelected: "tabSelected" }, ngImport: i0, template: "<div class=\"mx-auto flex flex-col\" *ngIf=\"tabsData && tabsData.length > 0\">\r\n  <ng-container *ngFor=\"let groupIndex of getTabGroups(); let i = index\">\r\n    <div class=\"mx-auto flex flex-row\">\r\n      <ng-container *ngFor=\"let tab of getTabGroup(groupIndex); let j = index\">\r\n        <button\r\n          class=\"border-2 border-gray-300 bg-gray-200 px-4 py-2 font-medium transition hover:brightness-95\"\r\n          [ngClass]=\"\r\n            isTabSelected(getRealTabIndex(i, j))\r\n              ? 'border-b-0 brightness-110'\r\n              : ''\r\n          \"\r\n          (click)=\"onTabSelected(i, j)\"\r\n        >\r\n          {{ tab.label }}\r\n          <span\r\n            *ngIf=\"tab.counter !== undefined\"\r\n            class=\"ml-2 text-xs font-bold\"\r\n            [ngClass]=\"tab.counterClass\"\r\n          >\r\n            {{ tab.counter }}\r\n          </span>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-table-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mx-auto flex flex-col\" *ngIf=\"tabsData && tabsData.length > 0\">\r\n  <ng-container *ngFor=\"let groupIndex of getTabGroups(); let i = index\">\r\n    <div class=\"mx-auto flex flex-row\">\r\n      <ng-container *ngFor=\"let tab of getTabGroup(groupIndex); let j = index\">\r\n        <button\r\n          class=\"border-2 border-gray-300 bg-gray-200 px-4 py-2 font-medium transition hover:brightness-95\"\r\n          [ngClass]=\"\r\n            isTabSelected(getRealTabIndex(i, j))\r\n              ? 'border-b-0 brightness-110'\r\n              : ''\r\n          \"\r\n          (click)=\"onTabSelected(i, j)\"\r\n        >\r\n          {{ tab.label }}\r\n          <span\r\n            *ngIf=\"tab.counter !== undefined\"\r\n            class=\"ml-2 text-xs font-bold\"\r\n            [ngClass]=\"tab.counterClass\"\r\n          >\r\n            {{ tab.counter }}\r\n          </span>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n\r\n" }]
-        }], propDecorators: { tabsData: [{
-                type: Input
-            }], selectedTab: [{
-                type: Input
-            }], tabSelected: [{
-                type: Output
-            }] } });
-
-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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TableTooltipComponent, selector: "lib-table-tooltip", inputs: { state: "state", styles: "styles" }, ngImport: i0, template: "<div\r\n  *ngIf=\"showTooltip\"\r\n  class=\"fixed z-50 max-w-md break-words rounded-lg px-3 py-2 text-sm shadow-lg\"\r\n  [ngClass]=\"\r\n    (tooltipBgColor || 'bg-gray-800') + ' ' + (tooltipTextColor || 'text-white')\r\n  \"\r\n  [ngStyle]=\"styles\"\r\n  [style.left.px]=\"tooltipPosition.x\"\r\n  [style.top.px]=\"tooltipPosition.y\"\r\n  [style.pointer-events]=\"'none'\"\r\n>\r\n  {{ tooltipContent }}\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableTooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-table-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  *ngIf=\"showTooltip\"\r\n  class=\"fixed z-50 max-w-md break-words rounded-lg px-3 py-2 text-sm shadow-lg\"\r\n  [ngClass]=\"\r\n    (tooltipBgColor || 'bg-gray-800') + ' ' + (tooltipTextColor || 'text-white')\r\n  \"\r\n  [ngStyle]=\"styles\"\r\n  [style.left.px]=\"tooltipPosition.x\"\r\n  [style.top.px]=\"tooltipPosition.y\"\r\n  [style.pointer-events]=\"'none'\"\r\n>\r\n  {{ tooltipContent }}\r\n</div>\r\n" }]
-        }], propDecorators: { state: [{
-                type: Input
-            }], styles: [{
-                type: Input
-            }] } });
-
-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();
-    }
-    // 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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableComponent, deps: [{ token: i1$2.Router }, { token: TableService }, { token: FilterService }, { token: TooltipService }, { token: PaginationService }, { token: i1.AngularFirestore }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TableComponent, selector: "lib-table", inputs: { data: "data", downloadTable: "downloadTable" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"data\" class=\"card-body\">\r\n  <div class=\"flex flex-col justify-between gap-6\">\r\n    <!-- UNIFIED CONTROL PANEL: FILTERS, SORT & ACTIONS -->\r\n    <div\r\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\r\n      *ngIf=\"\r\n        data.pagination === true &&\r\n        (dropdownItems.length > 0 ||\r\n          sortableDropdownItems.length > 0 ||\r\n          data.actionButton)\r\n      \"\r\n    >\r\n      <!-- PANEL HEADER: Title and Custom Action -->\r\n      <div\r\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\"\r\n      >\r\n        <!-- Left Side: Title & Main Action Button -->\r\n        <div class=\"flex flex-wrap items-center gap-4\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\r\n            <span class=\"text-lg font-semibold text-gray-700\"\r\n              >Filtros e A\u00E7\u00F5es</span\r\n            >\r\n          </div>\r\n          <button\r\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\r\n            [ngClass]=\"\r\n              (data.actionButton.colorClass || 'bg-blue-500') +\r\n              ' flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white hover:opacity-70'\r\n            \"\r\n            [routerLink]=\"data.actionButton.routerLink\"\r\n            (click)=\"\r\n              data.actionButton.method ? data.actionButton.method($event) : null\r\n            \"\r\n          >\r\n            <i\r\n              *ngIf=\"data.actionButton.icon\"\r\n              [class]=\"data.actionButton.icon\"\r\n            ></i>\r\n            {{ data.actionButton.label }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- SORT FIELD (Integrated with filters) -->\r\n      <div class=\"mb-4\" *ngIf=\"sortableDropdownItems.length > 0\">\r\n        <div class=\"flex flex-wrap items-center gap-3 p-2\">\r\n          <div class=\"min-w-[200px] flex-1\">\r\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n              <mat-label class=\"flex items-center gap-2\">\r\n                <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\r\n                <span>Ordenar por</span>\r\n              </mat-label>\r\n              <mat-select placeholder=\"Selecione...\" [formControl]=\"selectSort\">\r\n                <mat-option\r\n                  *ngFor=\"let item of sortableDropdownItems\"\r\n                  [value]=\"item\"\r\n                >\r\n                  <div class=\"flex items-center gap-2\">\r\n                    <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\r\n                    <span>{{ item.title }}</span>\r\n                  </div>\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- FILTERS CONTENT (WITH REFINEMENTS) -->\r\n      <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\r\n        <div\r\n          [formGroup]=\"$any(filterGroup)\"\r\n          *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\r\n          class=\"flex flex-wrap items-center gap-3 p-2\"\r\n        >\r\n          <!-- FILTER TYPE SELECTOR -->\r\n          <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\r\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n              <mat-label>Tipo de filtro</mat-label>\r\n              <mat-select\r\n                placeholder=\"Selecione o tipo...\"\r\n                formControlName=\"selectFilter\"\r\n                (selectionChange)=\"onSelectFilterChange()\"\r\n              >\r\n                <mat-option\r\n                  *ngFor=\"let item of getAvailableFilterOptions()\"\r\n                  [value]=\"item\"\r\n                >\r\n                  <div class=\"flex items-center gap-2\">\r\n                    <i\r\n                      [class]=\"item.icon || 'fa fa-filter'\"\r\n                      class=\"text-sm text-blue-500\"\r\n                    ></i>\r\n                    <span>{{ item.title }}</span>\r\n                  </div>\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <!-- TEXT FILTER -->\r\n          <div\r\n            class=\"min-w-[200px] flex-1\"\r\n            *ngIf=\"\r\n              $any(filterGroup).get('selectFilter')?.value?.arrange === 'filter'\r\n            \"\r\n          >\r\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n              <mat-label class=\"flex items-center gap-2\">\r\n                <i class=\"fa fa-search text-gray-400\"></i>\r\n                <span>{{\r\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\r\n                    \"Filtrar\"\r\n                }}</span>\r\n              </mat-label>\r\n              <input\r\n                (keyup.enter)=\"search($event)\"\r\n                formControlName=\"typeFilter\"\r\n                matInput\r\n                placeholder=\"Digite para filtrar...\"\r\n                #input\r\n              />\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <!-- DROPDOWN FILTER -->\r\n          <div\r\n            class=\"min-w-[200px] flex-1\"\r\n            *ngIf=\"\r\n              $any(filterGroup).get('selectFilter')?.value &&\r\n              $any(filterGroup)\r\n                .get('selectFilter')\r\n                ?.value.hasOwnProperty('items')\r\n            \"\r\n          >\r\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n              <mat-label>{{\r\n                $any(filterGroup).get(\"selectFilter\")?.value?.title ||\r\n                  \"Selecione\"\r\n              }}</mat-label>\r\n              <mat-select\r\n                placeholder=\"Selecione...\"\r\n                formControlName=\"selectItem\"\r\n                multiple\r\n              >\r\n                <mat-option\r\n                  *ngFor=\"\r\n                    let item of $any(filterGroup).get('selectFilter')?.value\r\n                      .items\r\n                  \"\r\n                  [value]=\"item\"\r\n                >\r\n                  {{ item.label }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <!-- DATE FILTER -->\r\n          <div\r\n            class=\"min-w-[340px] flex-auto\"\r\n            *ngIf=\"\r\n              $any(filterGroup).get('selectFilter')?.value?.arrange ===\r\n              'filterByDate'\r\n            \"\r\n          >\r\n            <div\r\n              class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\r\n            >\r\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\r\n                <mat-label class=\"flex items-center gap-2\">\r\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\r\n                  <span>Data Inicial</span>\r\n                </mat-label>\r\n                <input\r\n                  type=\"text\"\r\n                  matInput\r\n                  (keydown.enter)=\"search($event)\"\r\n                  (input)=\"onDateInput($event, 'initialDate', i)\"\r\n                  formControlName=\"initialDate\"\r\n                  placeholder=\"DD/MM/AAAA\"\r\n                  maxlength=\"10\"\r\n                />\r\n              </mat-form-field>\r\n\r\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\r\n                <mat-label class=\"flex items-center gap-2\">\r\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\r\n                  <span>Data Final</span>\r\n                </mat-label>\r\n                <input\r\n                  type=\"text\"\r\n                  (keydown.enter)=\"search($event)\"\r\n                  (input)=\"onDateInput($event, 'finalDate', i)\"\r\n                  matInput\r\n                  formControlName=\"finalDate\"\r\n                  placeholder=\"DD/MM/AAAA\"\r\n                  maxlength=\"10\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- REMOVE FILTER BUTTON -->\r\n          <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\r\n            <button\r\n              (click)=\"removeFilter(i)\"\r\n              class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\r\n              matTooltip=\"Remover filtro\"\r\n            >\r\n              <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- PANEL FOOTER: Add Filter & Action Buttons -->\r\n      <div\r\n        class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\r\n      >\r\n        <!-- Add Filter Button -->\r\n        <div *ngIf=\"dropdownItems.length > 0\">\r\n          <button\r\n            (click)=\"addFilter()\"\r\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\"\r\n            matTooltip=\"Adicionar novo filtro\"\r\n          >\r\n            <i class=\"fa fa-plus mr-2\"></i>\r\n            Adicionar Filtro\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Right Side: Search, Reset, Export -->\r\n        <div\r\n          class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\r\n          *ngIf=\"\r\n            this.hasFilterableColumn === true || this.hasSortableColumn === true\r\n          \"\r\n        >\r\n          <button\r\n            (click)=\"search()\"\r\n            type=\"button\"\r\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\"\r\n            matTooltip=\"Aplicar filtros\"\r\n          >\r\n            <i class=\"fa fa-search\"></i>\r\n            Pesquisar\r\n          </button>\r\n\r\n          <button\r\n            (click)=\"resetFilter()\"\r\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\"\r\n            matTooltip=\"Limpar filtros\"\r\n          >\r\n            <i class=\"fas fa-redo-alt\"></i>\r\n            Resetar\r\n          </button>\r\n\r\n          <button\r\n            *ngIf=\"data.download !== false && downloadTable\"\r\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\"\r\n            matTooltipPosition=\"above\"\r\n            matTooltip=\"Exportar Tabela\"\r\n            [disabled]=\"\r\n              this.dataSource && this.dataSource.filteredData.length <= 0\r\n            \"\r\n            (click)=\"\r\n              $any(arrange) && downloadTable !== undefined\r\n                ? downloadTable($any(arrange), data.conditions || [])\r\n                : null\r\n            \"\r\n          >\r\n            <i class=\"fa fa-download\"></i>\r\n            Exportar\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- UNIFIED CONTROL PANEL (for non-paginated tables): SEARCH, SORT & FILTERS -->\r\n    <div\r\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\r\n      *ngIf=\"\r\n        data.pagination === false &&\r\n        (hasFilterableColumn === true ||\r\n          dropdownItems.length > 0 ||\r\n          data.actionButton)\r\n      \"\r\n    >\r\n      <!-- PANEL HEADER: Title and Custom Action -->\r\n      <div\r\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\"\r\n      >\r\n        <!-- Left Side: Title & Main Action Button -->\r\n        <div class=\"flex flex-wrap items-center gap-4\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\r\n            <span class=\"text-lg font-semibold text-gray-700\"\r\n              >Filtros e A\u00E7\u00F5es</span\r\n            >\r\n          </div>\r\n          <button\r\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\r\n            [ngClass]=\"\r\n              (data.actionButton.colorClass || 'bg-blue-500') +\r\n              ' flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white hover:opacity-70'\r\n            \"\r\n            [routerLink]=\"data.actionButton.routerLink\"\r\n            (click)=\"\r\n              data.actionButton.method ? data.actionButton.method($event) : null\r\n            \"\r\n          >\r\n            <i\r\n              *ngIf=\"data.actionButton.icon\"\r\n              [class]=\"data.actionButton.icon\"\r\n            ></i>\r\n            {{ data.actionButton.label }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- SIMPLE SEARCH -->\r\n      <div\r\n        class=\"mb-4\"\r\n        *ngIf=\"hasFilterableColumn === true && data.showSimpleSearch !== false\"\r\n      >\r\n        <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n          <mat-label class=\"flex items-center gap-2\">\r\n            <i class=\"fa fa-search text-blue-500\"></i>\r\n            Buscar\r\n          </mat-label>\r\n          <input\r\n            matInput\r\n            (keyup.enter)=\"search($event)\"\r\n            (keyup)=\"applyFilter(filterInput.value)\"\r\n            placeholder=\"Digite para filtrar...\"\r\n            #filterInput\r\n          />\r\n          <mat-icon matSuffix class=\"text-gray-500\">search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <!-- FILTERS PANEL -->\r\n      <div *ngIf=\"dropdownItems.length > 0\">\r\n        <!-- FILTERS CONTENT -->\r\n        <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\r\n          <div\r\n            [formGroup]=\"$any(filterGroup)\"\r\n            *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\r\n            class=\"flex flex-wrap items-center gap-3\"\r\n          >\r\n            <!-- FILTER TYPE SELECTOR -->\r\n            <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\r\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n                <mat-label>Tipo de filtro</mat-label>\r\n                <mat-select\r\n                  placeholder=\"Selecione o tipo...\"\r\n                  formControlName=\"selectFilter\"\r\n                  (selectionChange)=\"onSelectFilterChange()\"\r\n                >\r\n                  <mat-option\r\n                    *ngFor=\"let item of getAvailableFilterOptions()\"\r\n                    [value]=\"item\"\r\n                  >\r\n                    <div class=\"flex items-center gap-2\">\r\n                      <i\r\n                        [class]=\"item.icon || 'fa fa-filter'\"\r\n                        class=\"text-sm text-blue-500\"\r\n                      ></i>\r\n                      <span>{{ item.title }}</span>\r\n                    </div>\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <!-- TEXT FILTER -->\r\n            <div\r\n              class=\"min-w-[200px] flex-1\"\r\n              *ngIf=\"\r\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\r\n                'filter'\r\n              \"\r\n            >\r\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n                <mat-label class=\"flex items-center gap-2\">\r\n                  <i class=\"fa fa-search text-gray-400\"></i>\r\n                  <span>{{\r\n                    $any(filterGroup).get(\"selectFilter\")?.value?.title ||\r\n                      \"Filtrar\"\r\n                  }}</span>\r\n                </mat-label>\r\n                <input\r\n                  (keyup.enter)=\"search($event)\"\r\n                  formControlName=\"typeFilter\"\r\n                  matInput\r\n                  placeholder=\"Digite para filtrar...\"\r\n                  #input\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <!-- DROPDOWN FILTER -->\r\n            <div\r\n              class=\"min-w-[200px] flex-1\"\r\n              *ngIf=\"\r\n                $any(filterGroup).get('selectFilter')?.value &&\r\n                $any(filterGroup)\r\n                  .get('selectFilter')\r\n                  ?.value.hasOwnProperty('items')\r\n              \"\r\n            >\r\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n                <mat-label>{{\r\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\r\n                    \"Selecione\"\r\n                }}</mat-label>\r\n                <mat-select\r\n                  placeholder=\"Selecione...\"\r\n                  formControlName=\"selectItem\"\r\n                  multiple\r\n                >\r\n                  <mat-option\r\n                    *ngFor=\"\r\n                      let item of $any(filterGroup).get('selectFilter')?.value\r\n                        .items\r\n                    \"\r\n                    [value]=\"item\"\r\n                  >\r\n                    {{ item.label }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <!-- DATE FILTER -->\r\n            <div\r\n              class=\"min-w-[340px] flex-auto\"\r\n              *ngIf=\"\r\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\r\n                'filterByDate'\r\n              \"\r\n            >\r\n              <div\r\n                class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\r\n              >\r\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\r\n                  <mat-label class=\"flex items-center gap-2\">\r\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\r\n                    <span>Data Inicial</span>\r\n                  </mat-label>\r\n                  <input\r\n                    type=\"text\"\r\n                    matInput\r\n                    (keydown.enter)=\"search($event)\"\r\n                    (input)=\"onDateInput($event, 'initialDate', i)\"\r\n                    (blur)=\"onDateFilterChange()\"\r\n                    formControlName=\"initialDate\"\r\n                    placeholder=\"DD/MM/AAAA\"\r\n                    maxlength=\"10\"\r\n                  />\r\n                </mat-form-field>\r\n\r\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\r\n                  <mat-label class=\"flex items-center gap-2\">\r\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\r\n                    <span>Data Final</span>\r\n                  </mat-label>\r\n                  <input\r\n                    type=\"text\"\r\n                    (keydown.enter)=\"search($event)\"\r\n                    (input)=\"onDateInput($event, 'finalDate', i)\"\r\n                    (blur)=\"onDateFilterChange()\"\r\n                    matInput\r\n                    formControlName=\"finalDate\"\r\n                    placeholder=\"DD/MM/AAAA\"\r\n                    maxlength=\"10\"\r\n                  />\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- REMOVE FILTER BUTTON -->\r\n            <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\r\n              <button\r\n                (click)=\"removeFilter(i)\"\r\n                class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\r\n                matTooltip=\"Remover filtro\"\r\n              >\r\n                <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- PANEL FOOTER: Add Filter & Actions -->\r\n        <div\r\n          class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\r\n        >\r\n          <!-- Add Filter Button -->\r\n          <div *ngIf=\"dropdownItems.length > 0\">\r\n            <button\r\n              (click)=\"addFilter()\"\r\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\"\r\n              matTooltip=\"Adicionar novo filtro\"\r\n            >\r\n              <i class=\"fa fa-plus mr-2\"></i>\r\n              Adicionar Filtro\r\n            </button>\r\n          </div>\r\n\r\n          <!-- Action Buttons -->\r\n          <div\r\n            class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\r\n            *ngIf=\"\r\n              this.hasFilterableColumn === true ||\r\n              this.hasSortableColumn === true\r\n            \"\r\n          >\r\n            <button\r\n              (click)=\"search()\"\r\n              type=\"button\"\r\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\"\r\n              matTooltip=\"Aplicar filtros\"\r\n            >\r\n              <i class=\"fa fa-search\"></i>\r\n              Pesquisar\r\n            </button>\r\n\r\n            <button\r\n              (click)=\"resetFilter()\"\r\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\"\r\n              matTooltip=\"Limpar filtros\"\r\n            >\r\n              <i class=\"fas fa-redo-alt\"></i>\r\n              Resetar\r\n            </button>\r\n\r\n            <button\r\n              *ngIf=\"data.download !== false && downloadTable\"\r\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\"\r\n              matTooltipPosition=\"above\"\r\n              matTooltip=\"Exportar Tabela\"\r\n              [disabled]=\"\r\n                this.dataSource && this.dataSource.filteredData.length <= 0\r\n              \"\r\n              (click)=\"handleDownload()\"\r\n            >\r\n              <i class=\"fa fa-download\"></i>\r\n              Exportar\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"flex flex-col\">\r\n      <!-- TABS COMPONENT -->\r\n      <lib-table-tabs\r\n        *ngIf=\"data.tabs && data.tabs.tabsData && data.tabs.tabsData.length > 0\"\r\n        [tabsData]=\"data.tabs.tabsData\"\r\n        [selectedTab]=\"selectedTab\"\r\n        (tabSelected)=\"onTabSelected($event)\"\r\n      ></lib-table-tabs>\r\n      <div\r\n        class=\"mat-elevation-z8 w-full overflow-x-auto rounded-xl table-container\"\r\n      >\r\n        <table\r\n          mat-table\r\n          [dataSource]=\"dataSource\"\r\n          matSort\r\n          #sort=\"matSort\"\r\n          matSortActive=\"createdAt\"\r\n          matSortDirection=\"desc\"\r\n        >\r\n          <ng-container\r\n            *ngFor=\"let col of data.displayedColumns; trackBy: trackByProperty\"\r\n            matColumnDef=\"{{ col.property }}\"\r\n          >\r\n            <ng-container *matHeaderCellDef>\r\n              <!-- IF THE COLUMN IS NOT SORTABLE, THEN DON'T SHOW THE SORT BUTTONS -->\r\n              <th\r\n                *ngIf=\"!col.isSortable || data.pagination === true\"\r\n                mat-header-cell\r\n              >\r\n                {{ col.title }}\r\n              </th>\r\n              <!-- IF THE COLUMN IS SORTABLE, THEN SHOW THE SORT BUTTONS -->\r\n              <th\r\n                *ngIf=\"col.isSortable && data.pagination === false\"\r\n                mat-header-cell\r\n                mat-sort-header\r\n              >\r\n                {{ col.title }}\r\n              </th>\r\n              <td\r\n                mat-cell\r\n                *matCellDef=\"let row\"\r\n                (click)=\"col.method ? col.method(row) : null\"\r\n                (mouseenter)=\"onCellMouseEnter($event, row, col)\"\r\n                (mouseleave)=\"onCellMouseLeave()\"\r\n                (mousemove)=\"onCellMouseMove($event)\"\r\n              >\r\n                <!-- CHECK IF THE COLUMN MUST BE DISPLAYED -->\r\n                <span *ngIf=\"!col.image && !col.iconClass && !col.method\">\r\n                  <ng-container>\r\n                    <span\r\n                      *ngIf=\"\r\n                        col.charLimit &&\r\n                          row[col.property] &&\r\n                          row[col.property].length > col.charLimit;\r\n                        else withinLimit\r\n                      \"\r\n                    >\r\n                      <a\r\n                        *ngIf=\"col.hasLink === true\"\r\n                        [href]=\"row[col.property]\"\r\n                        target=\"_blank\"\r\n                      >\r\n                        {{ getDisplayValue(col, row) }}\r\n                      </a>\r\n                      <a\r\n                        *ngIf=\"col.hasLink && isString(col.hasLink)\"\r\n                        [href]=\"col.hasLink\"\r\n                        target=\"_blank\"\r\n                      >\r\n                        {{ getDisplayValue(col, row) }}\r\n                      </a>\r\n                      <span\r\n                        *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\r\n                      >\r\n                        {{ getDisplayValue(col, row) }}\r\n                      </span>\r\n                    </span>\r\n                  </ng-container>\r\n                  <ng-template #withinLimit>\r\n                    <a\r\n                      *ngIf=\"col.hasLink === true\"\r\n                      [href]=\"row[col.property]\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      {{ getDisplayValue(col, row, true) }}\r\n                    </a>\r\n                    <a\r\n                      *ngIf=\"col.hasLink && isString(col.hasLink)\"\r\n                      [href]=\"col.hasLink\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      {{ getDisplayValue(col, row, true) }}\r\n                    </a>\r\n                    <span\r\n                      *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\r\n                    >\r\n                      {{ getDisplayValue(col, row, true) }}\r\n                    </span>\r\n                  </ng-template>\r\n                </span>\r\n                <!------------------- IMAGE ------------------>\r\n                <!-- Imagem com loading -->\r\n                <div\r\n                  *ngIf=\"\r\n                    col.image && col.image.path && !col.iconClass && !col.method\r\n                  \"\r\n                  class=\"relative inline-block\"\r\n                >\r\n                  <mat-spinner\r\n                    *ngIf=\"isImageLoading(row, col)\"\r\n                    [diameter]=\"32\"\r\n                    class=\"absolute inset-0 m-auto\"\r\n                  ></mat-spinner>\r\n                  <img\r\n                    [src]=\"col.image.path + '/' + row[col.property]\"\r\n                    [ngClass]=\"col.image.class\"\r\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\r\n                    alt=\"\"\r\n                    (load)=\"onImageLoad(row, col)\"\r\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\r\n                  />\r\n                </div>\r\n\r\n                <!-- Imagem com URL completa e loading -->\r\n                <div\r\n                  *ngIf=\"\r\n                    col.image && col.image.url && !col.iconClass && !col.method\r\n                  \"\r\n                  class=\"relative inline-block\"\r\n                >\r\n                  <mat-spinner\r\n                    *ngIf=\"isImageLoading(row, col)\"\r\n                    [diameter]=\"32\"\r\n                    class=\"absolute inset-0 m-auto\"\r\n                  ></mat-spinner>\r\n                  <img\r\n                    [src]=\"row[col.property]\"\r\n                    [ngClass]=\"col.image.class\"\r\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\r\n                    alt=\"\"\r\n                    (load)=\"onImageLoad(row, col)\"\r\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\r\n                  />\r\n                </div>\r\n                <ng-container *ngIf=\"col.iconClass\">\r\n                  <button\r\n                    *ngFor=\"let iconClass of col.iconClass\"\r\n                    (click)=\"\r\n                      iconClass.buttonMethod\r\n                        ? iconClass.buttonMethod(row, $event)\r\n                        : $event.stopPropagation()\r\n                    \"\r\n                  >\r\n                    <span\r\n                      [ngClass]=\"iconClass.class\"\r\n                      *ngIf=\"\r\n                        iconClass.condition === undefined ||\r\n                        (iconClass.condition !== undefined &&\r\n                          $any(iconClass.condition)(row))\r\n                      \"\r\n                      >{{ iconClass.text }}</span\r\n                    >\r\n                  </button>\r\n                </ng-container>\r\n              </td>\r\n            </ng-container>\r\n          </ng-container>\r\n\r\n          <tr mat-header-row *matHeaderRowDef=\"columnProperties\"></tr>\r\n          <tr\r\n            [ngClass]=\"{\r\n              'example-element-row': data.isNotClickable === true,\r\n              'example-element-row cursor-pointer': !data.isNotClickable,\r\n            }\"\r\n            mat-row\r\n            *matRowDef=\"let row; columns: columnProperties\"\r\n            (click)=\"goToDetails(row)\"\r\n          ></tr>\r\n\r\n          <!-- ROW SHOWN WHEN THERE IS NO MATCHING DATA. -->\r\n          <tr class=\"mat-row\" *matNoDataRow>\r\n            <td *ngIf=\"!(isLoading$ | async)\" class=\"mat-cell p-4\" colspan=\"4\">\r\n              Nenhum resultado encontrado para a busca\r\n            </td>\r\n          </tr>\r\n        </table>\r\n\r\n        <div class=\"flex justify-center\" *ngIf=\"isLoading$ | async\">\r\n          <mat-spinner></mat-spinner>\r\n        </div>\r\n\r\n        <div class=\"paginator-container\">\r\n          <mat-paginator\r\n            #paginator\r\n            [pageSizeOptions]=\"[25, 50, 100]\"\r\n            [pageSize]=\"pageSize\"\r\n            [length]=\"totalItems\"\r\n            showFirstLastButtons\r\n            aria-label=\"Select page of periodic elements\"\r\n            (page)=\"onPageChange($event)\"\r\n            [ngClass]=\"{\r\n              'hide-length':\r\n                ['filter', 'filterByDate', 'equals'].includes(\r\n                  this.currentArrange\r\n                ) || this.data.filterFn,\r\n              'hide-next-button': !hasNextPage && data.pagination === true,\r\n              'hide-last-button':\r\n                (!hasNextPage && data.pagination === true) ||\r\n                this.data.filterFn,\r\n            }\"\r\n          >\r\n          </mat-paginator>\r\n          <div\r\n            *ngIf=\"\r\n              !(isLoading$ | async) &&\r\n              dataSource?.data &&\r\n              dataSource.data.length > 0 &&\r\n              data?.filterFn\r\n            \"\r\n            class=\"page-number-display\"\r\n          >\r\n            {{ currentPageNumber }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- TOOLTIP PERSONALIZADO -->\r\n  <lib-table-tooltip\r\n    [state]=\"tooltipState\"\r\n    [styles]=\"getTooltipStyles()\"\r\n  ></lib-table-tooltip>\r\n</div>\r\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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i9.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i9.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i10.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i11.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i11.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i12.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i12.MatLabel, selector: "mat-label" }, { kind: "directive", type: i12.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i14.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i15.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i16.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i17.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i18.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: TableTabsComponent, selector: "lib-table-tabs", inputs: ["tabsData", "selectedTab"], outputs: ["tabSelected"] }, { kind: "component", type: TableTooltipComponent, selector: "lib-table-tooltip", inputs: ["state", "styles"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"data\" class=\"card-body\">\r\n  <div class=\"flex flex-col justify-between gap-6\">\r\n    <!-- UNIFIED CONTROL PANEL: FILTERS, SORT & ACTIONS -->\r\n    <div\r\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\r\n      *ngIf=\"\r\n        data.pagination === true &&\r\n        (dropdownItems.length > 0 ||\r\n          sortableDropdownItems.length > 0 ||\r\n          data.actionButton)\r\n      \"\r\n    >\r\n      <!-- PANEL HEADER: Title and Custom Action -->\r\n      <div\r\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\"\r\n      >\r\n        <!-- Left Side: Title & Main Action Button -->\r\n        <div class=\"flex flex-wrap items-center gap-4\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\r\n            <span class=\"text-lg font-semibold text-gray-700\"\r\n              >Filtros e A\u00E7\u00F5es</span\r\n            >\r\n          </div>\r\n          <button\r\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\r\n            [ngClass]=\"\r\n              (data.actionButton.colorClass || 'bg-blue-500') +\r\n              ' flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white hover:opacity-70'\r\n            \"\r\n            [routerLink]=\"data.actionButton.routerLink\"\r\n            (click)=\"\r\n              data.actionButton.method ? data.actionButton.method($event) : null\r\n            \"\r\n          >\r\n            <i\r\n              *ngIf=\"data.actionButton.icon\"\r\n              [class]=\"data.actionButton.icon\"\r\n            ></i>\r\n            {{ data.actionButton.label }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- SORT FIELD (Integrated with filters) -->\r\n      <div class=\"mb-4\" *ngIf=\"sortableDropdownItems.length > 0\">\r\n        <div class=\"flex flex-wrap items-center gap-3 p-2\">\r\n          <div class=\"min-w-[200px] flex-1\">\r\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n              <mat-label class=\"flex items-center gap-2\">\r\n                <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\r\n                <span>Ordenar por</span>\r\n              </mat-label>\r\n              <mat-select placeholder=\"Selecione...\" [formControl]=\"selectSort\">\r\n                <mat-option\r\n                  *ngFor=\"let item of sortableDropdownItems\"\r\n                  [value]=\"item\"\r\n                >\r\n                  <div class=\"flex items-center gap-2\">\r\n                    <i class=\"fa fa-sort-alpha-down text-cyan-600\"></i>\r\n                    <span>{{ item.title }}</span>\r\n                  </div>\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- FILTERS CONTENT (WITH REFINEMENTS) -->\r\n      <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\r\n        <div\r\n          [formGroup]=\"$any(filterGroup)\"\r\n          *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\r\n          class=\"flex flex-wrap items-center gap-3 p-2\"\r\n        >\r\n          <!-- FILTER TYPE SELECTOR -->\r\n          <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\r\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n              <mat-label>Tipo de filtro</mat-label>\r\n              <mat-select\r\n                placeholder=\"Selecione o tipo...\"\r\n                formControlName=\"selectFilter\"\r\n                (selectionChange)=\"onSelectFilterChange()\"\r\n              >\r\n                <mat-option\r\n                  *ngFor=\"let item of getAvailableFilterOptions()\"\r\n                  [value]=\"item\"\r\n                >\r\n                  <div class=\"flex items-center gap-2\">\r\n                    <i\r\n                      [class]=\"item.icon || 'fa fa-filter'\"\r\n                      class=\"text-sm text-blue-500\"\r\n                    ></i>\r\n                    <span>{{ item.title }}</span>\r\n                  </div>\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <!-- TEXT FILTER -->\r\n          <div\r\n            class=\"min-w-[200px] flex-1\"\r\n            *ngIf=\"\r\n              $any(filterGroup).get('selectFilter')?.value?.arrange === 'filter'\r\n            \"\r\n          >\r\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n              <mat-label class=\"flex items-center gap-2\">\r\n                <i class=\"fa fa-search text-gray-400\"></i>\r\n                <span>{{\r\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\r\n                    \"Filtrar\"\r\n                }}</span>\r\n              </mat-label>\r\n              <input\r\n                (keyup.enter)=\"search($event)\"\r\n                formControlName=\"typeFilter\"\r\n                matInput\r\n                placeholder=\"Digite para filtrar...\"\r\n                #input\r\n              />\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <!-- DROPDOWN FILTER -->\r\n          <div\r\n            class=\"min-w-[200px] flex-1\"\r\n            *ngIf=\"\r\n              $any(filterGroup).get('selectFilter')?.value &&\r\n              $any(filterGroup)\r\n                .get('selectFilter')\r\n                ?.value.hasOwnProperty('items')\r\n            \"\r\n          >\r\n            <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n              <mat-label>{{\r\n                $any(filterGroup).get(\"selectFilter\")?.value?.title ||\r\n                  \"Selecione\"\r\n              }}</mat-label>\r\n              <mat-select\r\n                placeholder=\"Selecione...\"\r\n                formControlName=\"selectItem\"\r\n                multiple\r\n              >\r\n                <mat-option\r\n                  *ngFor=\"\r\n                    let item of $any(filterGroup).get('selectFilter')?.value\r\n                      .items\r\n                  \"\r\n                  [value]=\"item\"\r\n                >\r\n                  {{ item.label }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n\r\n          <!-- DATE FILTER -->\r\n          <div\r\n            class=\"min-w-[340px] flex-auto\"\r\n            *ngIf=\"\r\n              $any(filterGroup).get('selectFilter')?.value?.arrange ===\r\n              'filterByDate'\r\n            \"\r\n          >\r\n            <div\r\n              class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\r\n            >\r\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\r\n                <mat-label class=\"flex items-center gap-2\">\r\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\r\n                  <span>Data Inicial</span>\r\n                </mat-label>\r\n                <input\r\n                  type=\"text\"\r\n                  matInput\r\n                  (keydown.enter)=\"search($event)\"\r\n                  (input)=\"onDateInput($event, 'initialDate', i)\"\r\n                  formControlName=\"initialDate\"\r\n                  placeholder=\"DD/MM/AAAA\"\r\n                  maxlength=\"10\"\r\n                />\r\n              </mat-form-field>\r\n\r\n              <mat-form-field appearance=\"outline\" class=\"flex-1\">\r\n                <mat-label class=\"flex items-center gap-2\">\r\n                  <i class=\"fa fa-calendar text-gray-400\"></i>\r\n                  <span>Data Final</span>\r\n                </mat-label>\r\n                <input\r\n                  type=\"text\"\r\n                  (keydown.enter)=\"search($event)\"\r\n                  (input)=\"onDateInput($event, 'finalDate', i)\"\r\n                  matInput\r\n                  formControlName=\"finalDate\"\r\n                  placeholder=\"DD/MM/AAAA\"\r\n                  maxlength=\"10\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- REMOVE FILTER BUTTON -->\r\n          <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\r\n            <button\r\n              (click)=\"removeFilter(i)\"\r\n              class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\r\n              matTooltip=\"Remover filtro\"\r\n            >\r\n              <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- PANEL FOOTER: Add Filter & Action Buttons -->\r\n      <div\r\n        class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\r\n      >\r\n        <!-- Add Filter Button -->\r\n        <div *ngIf=\"dropdownItems.length > 0\">\r\n          <button\r\n            (click)=\"addFilter()\"\r\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\"\r\n            matTooltip=\"Adicionar novo filtro\"\r\n          >\r\n            <i class=\"fa fa-plus mr-2\"></i>\r\n            Adicionar Filtro\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Right Side: Search, Reset, Export -->\r\n        <div\r\n          class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\r\n          *ngIf=\"\r\n            this.hasFilterableColumn === true || this.hasSortableColumn === true\r\n          \"\r\n        >\r\n          <button\r\n            (click)=\"search()\"\r\n            type=\"button\"\r\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\"\r\n            matTooltip=\"Aplicar filtros\"\r\n          >\r\n            <i class=\"fa fa-search\"></i>\r\n            Pesquisar\r\n          </button>\r\n\r\n          <button\r\n            (click)=\"resetFilter()\"\r\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\"\r\n            matTooltip=\"Limpar filtros\"\r\n          >\r\n            <i class=\"fas fa-redo-alt\"></i>\r\n            Resetar\r\n          </button>\r\n\r\n          <button\r\n            *ngIf=\"data.download !== false && downloadTable\"\r\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\"\r\n            matTooltipPosition=\"above\"\r\n            matTooltip=\"Exportar Tabela\"\r\n            [disabled]=\"\r\n              this.dataSource && this.dataSource.filteredData.length <= 0\r\n            \"\r\n            (click)=\"\r\n              $any(arrange) && downloadTable !== undefined\r\n                ? downloadTable($any(arrange), data.conditions || [])\r\n                : null\r\n            \"\r\n          >\r\n            <i class=\"fa fa-download\"></i>\r\n            Exportar\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- UNIFIED CONTROL PANEL (for non-paginated tables): SEARCH, SORT & FILTERS -->\r\n    <div\r\n      class=\"rounded-xl border border-gray-200 bg-white p-4 shadow-lg\"\r\n      *ngIf=\"\r\n        data.pagination === false &&\r\n        (hasFilterableColumn === true ||\r\n          dropdownItems.length > 0 ||\r\n          data.actionButton)\r\n      \"\r\n    >\r\n      <!-- PANEL HEADER: Title and Custom Action -->\r\n      <div\r\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\"\r\n      >\r\n        <!-- Left Side: Title & Main Action Button -->\r\n        <div class=\"flex flex-wrap items-center gap-4\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <i class=\"fa fa-filter text-xl text-blue-500\"></i>\r\n            <span class=\"text-lg font-semibold text-gray-700\"\r\n              >Filtros e A\u00E7\u00F5es</span\r\n            >\r\n          </div>\r\n          <button\r\n            *ngIf=\"data.actionButton && data.actionButton.condition\"\r\n            [ngClass]=\"\r\n              (data.actionButton.colorClass || 'bg-blue-500') +\r\n              ' flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white hover:opacity-70'\r\n            \"\r\n            [routerLink]=\"data.actionButton.routerLink\"\r\n            (click)=\"\r\n              data.actionButton.method ? data.actionButton.method($event) : null\r\n            \"\r\n          >\r\n            <i\r\n              *ngIf=\"data.actionButton.icon\"\r\n              [class]=\"data.actionButton.icon\"\r\n            ></i>\r\n            {{ data.actionButton.label }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- SIMPLE SEARCH -->\r\n      <div\r\n        class=\"mb-4\"\r\n        *ngIf=\"hasFilterableColumn === true && data.showSimpleSearch !== false\"\r\n      >\r\n        <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n          <mat-label class=\"flex items-center gap-2\">\r\n            <i class=\"fa fa-search text-blue-500\"></i>\r\n            Buscar\r\n          </mat-label>\r\n          <input\r\n            matInput\r\n            (keyup.enter)=\"search($event)\"\r\n            (keyup)=\"applyFilter(filterInput.value)\"\r\n            placeholder=\"Digite para filtrar...\"\r\n            #filterInput\r\n          />\r\n          <mat-icon matSuffix class=\"text-gray-500\">search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <!-- FILTERS PANEL -->\r\n      <div *ngIf=\"dropdownItems.length > 0\">\r\n        <!-- FILTERS CONTENT -->\r\n        <div class=\"mb-4 space-y-3\" *ngIf=\"filtersForm.controls.length > 0\">\r\n          <div\r\n            [formGroup]=\"$any(filterGroup)\"\r\n            *ngFor=\"let filterGroup of filtersForm.controls; let i = index\"\r\n            class=\"flex flex-wrap items-center gap-3\"\r\n          >\r\n            <!-- FILTER TYPE SELECTOR -->\r\n            <div class=\"min-w-[200px] flex-1\" *ngIf=\"dropdownItems.length > 0\">\r\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n                <mat-label>Tipo de filtro</mat-label>\r\n                <mat-select\r\n                  placeholder=\"Selecione o tipo...\"\r\n                  formControlName=\"selectFilter\"\r\n                  (selectionChange)=\"onSelectFilterChange()\"\r\n                >\r\n                  <mat-option\r\n                    *ngFor=\"let item of getAvailableFilterOptions()\"\r\n                    [value]=\"item\"\r\n                  >\r\n                    <div class=\"flex items-center gap-2\">\r\n                      <i\r\n                        [class]=\"item.icon || 'fa fa-filter'\"\r\n                        class=\"text-sm text-blue-500\"\r\n                      ></i>\r\n                      <span>{{ item.title }}</span>\r\n                    </div>\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <!-- TEXT FILTER -->\r\n            <div\r\n              class=\"min-w-[200px] flex-1\"\r\n              *ngIf=\"\r\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\r\n                'filter'\r\n              \"\r\n            >\r\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n                <mat-label class=\"flex items-center gap-2\">\r\n                  <i class=\"fa fa-search text-gray-400\"></i>\r\n                  <span>{{\r\n                    $any(filterGroup).get(\"selectFilter\")?.value?.title ||\r\n                      \"Filtrar\"\r\n                  }}</span>\r\n                </mat-label>\r\n                <input\r\n                  (keyup.enter)=\"search($event)\"\r\n                  formControlName=\"typeFilter\"\r\n                  matInput\r\n                  placeholder=\"Digite para filtrar...\"\r\n                  #input\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <!-- DROPDOWN FILTER -->\r\n            <div\r\n              class=\"min-w-[200px] flex-1\"\r\n              *ngIf=\"\r\n                $any(filterGroup).get('selectFilter')?.value &&\r\n                $any(filterGroup)\r\n                  .get('selectFilter')\r\n                  ?.value.hasOwnProperty('items')\r\n              \"\r\n            >\r\n              <mat-form-field appearance=\"outline\" class=\"w-full\">\r\n                <mat-label>{{\r\n                  $any(filterGroup).get(\"selectFilter\")?.value?.title ||\r\n                    \"Selecione\"\r\n                }}</mat-label>\r\n                <mat-select\r\n                  placeholder=\"Selecione...\"\r\n                  formControlName=\"selectItem\"\r\n                  multiple\r\n                >\r\n                  <mat-option\r\n                    *ngFor=\"\r\n                      let item of $any(filterGroup).get('selectFilter')?.value\r\n                        .items\r\n                    \"\r\n                    [value]=\"item\"\r\n                  >\r\n                    {{ item.label }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <!-- DATE FILTER -->\r\n            <div\r\n              class=\"min-w-[340px] flex-auto\"\r\n              *ngIf=\"\r\n                $any(filterGroup).get('selectFilter')?.value?.arrange ===\r\n                'filterByDate'\r\n              \"\r\n            >\r\n              <div\r\n                class=\"flex flex-col items-stretch gap-3 sm:flex-row sm:items-center\"\r\n              >\r\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\r\n                  <mat-label class=\"flex items-center gap-2\">\r\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\r\n                    <span>Data Inicial</span>\r\n                  </mat-label>\r\n                  <input\r\n                    type=\"text\"\r\n                    matInput\r\n                    (keydown.enter)=\"search($event)\"\r\n                    (input)=\"onDateInput($event, 'initialDate', i)\"\r\n                    (blur)=\"onDateFilterChange()\"\r\n                    formControlName=\"initialDate\"\r\n                    placeholder=\"DD/MM/AAAA\"\r\n                    maxlength=\"10\"\r\n                  />\r\n                </mat-form-field>\r\n\r\n                <mat-form-field appearance=\"outline\" class=\"flex-1\">\r\n                  <mat-label class=\"flex items-center gap-2\">\r\n                    <i class=\"fa fa-calendar text-gray-400\"></i>\r\n                    <span>Data Final</span>\r\n                  </mat-label>\r\n                  <input\r\n                    type=\"text\"\r\n                    (keydown.enter)=\"search($event)\"\r\n                    (input)=\"onDateInput($event, 'finalDate', i)\"\r\n                    (blur)=\"onDateFilterChange()\"\r\n                    matInput\r\n                    formControlName=\"finalDate\"\r\n                    placeholder=\"DD/MM/AAAA\"\r\n                    maxlength=\"10\"\r\n                  />\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- REMOVE FILTER BUTTON -->\r\n            <div *ngIf=\"filtersForm.length > 1\" class=\"ml-auto flex-shrink-0\">\r\n              <button\r\n                (click)=\"removeFilter(i)\"\r\n                class=\"flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300 hover:bg-red-100\"\r\n                matTooltip=\"Remover filtro\"\r\n              >\r\n                <i class=\"fa fa-trash text-red-500 hover:text-red-600\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- PANEL FOOTER: Add Filter & Actions -->\r\n        <div\r\n          class=\"-mb-2 flex items-start justify-between gap-4 border-t border-gray-200 pt-4\"\r\n        >\r\n          <!-- Add Filter Button -->\r\n          <div *ngIf=\"dropdownItems.length > 0\">\r\n            <button\r\n              (click)=\"addFilter()\"\r\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\"\r\n              matTooltip=\"Adicionar novo filtro\"\r\n            >\r\n              <i class=\"fa fa-plus mr-2\"></i>\r\n              Adicionar Filtro\r\n            </button>\r\n          </div>\r\n\r\n          <!-- Action Buttons -->\r\n          <div\r\n            class=\"flex flex-wrap gap-3 self-start sm:self-auto\"\r\n            *ngIf=\"\r\n              this.hasFilterableColumn === true ||\r\n              this.hasSortableColumn === true\r\n            \"\r\n          >\r\n            <button\r\n              (click)=\"search()\"\r\n              type=\"button\"\r\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\"\r\n              matTooltip=\"Aplicar filtros\"\r\n            >\r\n              <i class=\"fa fa-search\"></i>\r\n              Pesquisar\r\n            </button>\r\n\r\n            <button\r\n              (click)=\"resetFilter()\"\r\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\"\r\n              matTooltip=\"Limpar filtros\"\r\n            >\r\n              <i class=\"fas fa-redo-alt\"></i>\r\n              Resetar\r\n            </button>\r\n\r\n            <button\r\n              *ngIf=\"data.download !== false && downloadTable\"\r\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\"\r\n              matTooltipPosition=\"above\"\r\n              matTooltip=\"Exportar Tabela\"\r\n              [disabled]=\"\r\n                this.dataSource && this.dataSource.filteredData.length <= 0\r\n              \"\r\n              (click)=\"handleDownload()\"\r\n            >\r\n              <i class=\"fa fa-download\"></i>\r\n              Exportar\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"flex flex-col\">\r\n      <!-- TABS COMPONENT -->\r\n      <lib-table-tabs\r\n        *ngIf=\"data.tabs && data.tabs.tabsData && data.tabs.tabsData.length > 0\"\r\n        [tabsData]=\"data.tabs.tabsData\"\r\n        [selectedTab]=\"selectedTab\"\r\n        (tabSelected)=\"onTabSelected($event)\"\r\n      ></lib-table-tabs>\r\n      <div\r\n        class=\"mat-elevation-z8 w-full overflow-x-auto rounded-xl table-container\"\r\n      >\r\n        <table\r\n          mat-table\r\n          [dataSource]=\"dataSource\"\r\n          matSort\r\n          #sort=\"matSort\"\r\n          matSortActive=\"createdAt\"\r\n          matSortDirection=\"desc\"\r\n        >\r\n          <ng-container\r\n            *ngFor=\"let col of data.displayedColumns; trackBy: trackByProperty\"\r\n            matColumnDef=\"{{ col.property }}\"\r\n          >\r\n            <ng-container *matHeaderCellDef>\r\n              <!-- IF THE COLUMN IS NOT SORTABLE, THEN DON'T SHOW THE SORT BUTTONS -->\r\n              <th\r\n                *ngIf=\"!col.isSortable || data.pagination === true\"\r\n                mat-header-cell\r\n              >\r\n                {{ col.title }}\r\n              </th>\r\n              <!-- IF THE COLUMN IS SORTABLE, THEN SHOW THE SORT BUTTONS -->\r\n              <th\r\n                *ngIf=\"col.isSortable && data.pagination === false\"\r\n                mat-header-cell\r\n                mat-sort-header\r\n              >\r\n                {{ col.title }}\r\n              </th>\r\n              <td\r\n                mat-cell\r\n                *matCellDef=\"let row\"\r\n                (click)=\"col.method ? col.method(row) : null\"\r\n                (mouseenter)=\"onCellMouseEnter($event, row, col)\"\r\n                (mouseleave)=\"onCellMouseLeave()\"\r\n                (mousemove)=\"onCellMouseMove($event)\"\r\n              >\r\n                <!-- CHECK IF THE COLUMN MUST BE DISPLAYED -->\r\n                <span *ngIf=\"!col.image && !col.iconClass && !col.method\">\r\n                  <ng-container>\r\n                    <span\r\n                      *ngIf=\"\r\n                        col.charLimit &&\r\n                          row[col.property] &&\r\n                          row[col.property].length > col.charLimit;\r\n                        else withinLimit\r\n                      \"\r\n                    >\r\n                      <a\r\n                        *ngIf=\"col.hasLink === true\"\r\n                        [href]=\"row[col.property]\"\r\n                        target=\"_blank\"\r\n                      >\r\n                        {{ getDisplayValue(col, row) }}\r\n                      </a>\r\n                      <a\r\n                        *ngIf=\"col.hasLink && isString(col.hasLink)\"\r\n                        [href]=\"col.hasLink\"\r\n                        target=\"_blank\"\r\n                      >\r\n                        {{ getDisplayValue(col, row) }}\r\n                      </a>\r\n                      <span\r\n                        *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\r\n                      >\r\n                        {{ getDisplayValue(col, row) }}\r\n                      </span>\r\n                    </span>\r\n                  </ng-container>\r\n                  <ng-template #withinLimit>\r\n                    <a\r\n                      *ngIf=\"col.hasLink === true\"\r\n                      [href]=\"row[col.property]\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      {{ getDisplayValue(col, row, true) }}\r\n                    </a>\r\n                    <a\r\n                      *ngIf=\"col.hasLink && isString(col.hasLink)\"\r\n                      [href]=\"col.hasLink\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      {{ getDisplayValue(col, row, true) }}\r\n                    </a>\r\n                    <span\r\n                      *ngIf=\"col.hasLink !== true && !isString(col.hasLink)\"\r\n                    >\r\n                      {{ getDisplayValue(col, row, true) }}\r\n                    </span>\r\n                  </ng-template>\r\n                </span>\r\n                <!------------------- IMAGE ------------------>\r\n                <!-- Imagem com loading -->\r\n                <div\r\n                  *ngIf=\"\r\n                    col.image && col.image.path && !col.iconClass && !col.method\r\n                  \"\r\n                  class=\"relative inline-block\"\r\n                >\r\n                  <mat-spinner\r\n                    *ngIf=\"isImageLoading(row, col)\"\r\n                    [diameter]=\"32\"\r\n                    class=\"absolute inset-0 m-auto\"\r\n                  ></mat-spinner>\r\n                  <img\r\n                    [src]=\"col.image.path + '/' + row[col.property]\"\r\n                    [ngClass]=\"col.image.class\"\r\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\r\n                    alt=\"\"\r\n                    (load)=\"onImageLoad(row, col)\"\r\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\r\n                  />\r\n                </div>\r\n\r\n                <!-- Imagem com URL completa e loading -->\r\n                <div\r\n                  *ngIf=\"\r\n                    col.image && col.image.url && !col.iconClass && !col.method\r\n                  \"\r\n                  class=\"relative inline-block\"\r\n                >\r\n                  <mat-spinner\r\n                    *ngIf=\"isImageLoading(row, col)\"\r\n                    [diameter]=\"32\"\r\n                    class=\"absolute inset-0 m-auto\"\r\n                  ></mat-spinner>\r\n                  <img\r\n                    [src]=\"row[col.property]\"\r\n                    [ngClass]=\"col.image.class\"\r\n                    [class.opacity-0]=\"isImageLoading(row, col)\"\r\n                    alt=\"\"\r\n                    (load)=\"onImageLoad(row, col)\"\r\n                    (error)=\"onImageError($event, row, col, col.image.default)\"\r\n                  />\r\n                </div>\r\n                <ng-container *ngIf=\"col.iconClass\">\r\n                  <button\r\n                    *ngFor=\"let iconClass of col.iconClass\"\r\n                    (click)=\"\r\n                      iconClass.buttonMethod\r\n                        ? iconClass.buttonMethod(row, $event)\r\n                        : $event.stopPropagation()\r\n                    \"\r\n                  >\r\n                    <span\r\n                      [ngClass]=\"iconClass.class\"\r\n                      *ngIf=\"\r\n                        iconClass.condition === undefined ||\r\n                        (iconClass.condition !== undefined &&\r\n                          $any(iconClass.condition)(row))\r\n                      \"\r\n                      >{{ iconClass.text }}</span\r\n                    >\r\n                  </button>\r\n                </ng-container>\r\n              </td>\r\n            </ng-container>\r\n          </ng-container>\r\n\r\n          <tr mat-header-row *matHeaderRowDef=\"columnProperties\"></tr>\r\n          <tr\r\n            [ngClass]=\"{\r\n              'example-element-row': data.isNotClickable === true,\r\n              'example-element-row cursor-pointer': !data.isNotClickable,\r\n            }\"\r\n            mat-row\r\n            *matRowDef=\"let row; columns: columnProperties\"\r\n            (click)=\"goToDetails(row)\"\r\n          ></tr>\r\n\r\n          <!-- ROW SHOWN WHEN THERE IS NO MATCHING DATA. -->\r\n          <tr class=\"mat-row\" *matNoDataRow>\r\n            <td *ngIf=\"!(isLoading$ | async)\" class=\"mat-cell p-4\" colspan=\"4\">\r\n              Nenhum resultado encontrado para a busca\r\n            </td>\r\n          </tr>\r\n        </table>\r\n\r\n        <div class=\"flex justify-center\" *ngIf=\"isLoading$ | async\">\r\n          <mat-spinner></mat-spinner>\r\n        </div>\r\n\r\n        <div class=\"paginator-container\">\r\n          <mat-paginator\r\n            #paginator\r\n            [pageSizeOptions]=\"[25, 50, 100]\"\r\n            [pageSize]=\"pageSize\"\r\n            [length]=\"totalItems\"\r\n            showFirstLastButtons\r\n            aria-label=\"Select page of periodic elements\"\r\n            (page)=\"onPageChange($event)\"\r\n            [ngClass]=\"{\r\n              'hide-length':\r\n                ['filter', 'filterByDate', 'equals'].includes(\r\n                  this.currentArrange\r\n                ) || this.data.filterFn,\r\n              'hide-next-button': !hasNextPage && data.pagination === true,\r\n              'hide-last-button':\r\n                (!hasNextPage && data.pagination === true) ||\r\n                this.data.filterFn,\r\n            }\"\r\n          >\r\n          </mat-paginator>\r\n          <div\r\n            *ngIf=\"\r\n              !(isLoading$ | async) &&\r\n              dataSource?.data &&\r\n              dataSource.data.length > 0 &&\r\n              data?.filterFn\r\n            \"\r\n            class=\"page-number-display\"\r\n          >\r\n            {{ currentPageNumber }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- TOOLTIP PERSONALIZADO -->\r\n  <lib-table-tooltip\r\n    [state]=\"tooltipState\"\r\n    [styles]=\"getTooltipStyles()\"\r\n  ></lib-table-tooltip>\r\n</div>\r\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"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: TableService }, { type: FilterService }, { type: TooltipService }, { type: PaginationService }, { type: i1.AngularFirestore }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
-                type: Input
-            }], downloadTable: [{
-                type: Input
-            }], paginator: [{
-                type: ViewChild,
-                args: [MatPaginator]
-            }], sort: [{
-                type: ViewChild,
-                args: [MatSort]
-            }] } });
-
-class NgFirebaseTableKxpModule {
-}
-NgFirebaseTableKxpModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgFirebaseTableKxpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgFirebaseTableKxpModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NgFirebaseTableKxpModule, declarations: [NgFirebaseTableKxpComponent,
-        TableComponent,
-        TableTabsComponent,
-        TableTooltipComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        FormsModule,
-        RouterModule,
-        MatTableModule,
-        MatPaginatorModule,
-        MatSortModule,
-        MatFormFieldModule,
-        MatInputModule,
-        MatSelectModule,
-        MatTooltipModule,
-        MatProgressSpinnerModule,
-        MatIconModule,
-        MatDialogModule], exports: [NgFirebaseTableKxpComponent,
-        TableComponent,
-        TableTabsComponent,
-        TableTooltipComponent] });
-NgFirebaseTableKxpModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgFirebaseTableKxpModule, providers: [TableService, FilterService, TooltipService, PaginationService], imports: [CommonModule,
-        ReactiveFormsModule,
-        FormsModule,
-        RouterModule,
-        MatTableModule,
-        MatPaginatorModule,
-        MatSortModule,
-        MatFormFieldModule,
-        MatInputModule,
-        MatSelectModule,
-        MatTooltipModule,
-        MatProgressSpinnerModule,
-        MatIconModule,
-        MatDialogModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgFirebaseTableKxpModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NgFirebaseTableKxpComponent,
-                        TableComponent,
-                        TableTabsComponent,
-                        TableTooltipComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        FormsModule,
-                        RouterModule,
-                        MatTableModule,
-                        MatPaginatorModule,
-                        MatSortModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatSelectModule,
-                        MatTooltipModule,
-                        MatProgressSpinnerModule,
-                        MatIconModule,
-                        MatDialogModule,
-                    ],
-                    exports: [
-                        NgFirebaseTableKxpComponent,
-                        TableComponent,
-                        TableTabsComponent,
-                        TableTooltipComponent,
-                    ],
-                    providers: [TableService, FilterService, TooltipService, PaginationService],
-                }]
-        }] });
-
-class NgFirebaseTableKxpService {
-    constructor() { }
-}
-NgFirebaseTableKxpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgFirebaseTableKxpService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NgFirebaseTableKxpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgFirebaseTableKxpService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgFirebaseTableKxpService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-/*
- * 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