ng-firebase-table-kxp 1.2.5 → 1.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +602 -602
- package/esm2020/lib/components/table/table.component.mjs +1557 -1571
- package/esm2020/lib/components/table-tabs/table-tabs.component.mjs +129 -129
- package/esm2020/lib/components/table-tooltip/table-tooltip.component.mjs +49 -49
- package/esm2020/lib/ng-firebase-table-kxp.component.mjs +14 -14
- package/esm2020/lib/ng-firebase-table-kxp.module.mjs +102 -102
- package/esm2020/lib/ng-firebase-table-kxp.service.mjs +14 -14
- package/esm2020/lib/services/filter.service.mjs +416 -416
- package/esm2020/lib/services/pagination.service.mjs +115 -115
- package/esm2020/lib/services/table.service.mjs +1140 -1140
- package/esm2020/lib/services/tooltip.service.mjs +141 -141
- package/esm2020/lib/types/Table.mjs +9 -9
- package/esm2020/lib/utils/table.utils.mjs +75 -75
- package/esm2020/ng-firebase-table-kxp.mjs +4 -4
- package/esm2020/public-api.mjs +22 -22
- package/fesm2015/ng-firebase-table-kxp.mjs +3960 -3977
- package/fesm2015/ng-firebase-table-kxp.mjs.map +1 -1
- package/fesm2020/ng-firebase-table-kxp.mjs +3663 -3677
- package/fesm2020/ng-firebase-table-kxp.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/components/table/table.component.d.ts +135 -135
- package/lib/components/table-tabs/table-tabs.component.d.ts +34 -34
- package/lib/components/table-tooltip/table-tooltip.component.d.ts +18 -18
- package/lib/ng-firebase-table-kxp.component.d.ts +5 -5
- package/lib/ng-firebase-table-kxp.module.d.ts +24 -24
- package/lib/ng-firebase-table-kxp.service.d.ts +6 -6
- package/lib/services/filter.service.d.ts +88 -88
- package/lib/services/pagination.service.d.ts +34 -34
- package/lib/services/table.service.d.ts +80 -80
- package/lib/services/tooltip.service.d.ts +73 -73
- package/lib/types/Table.d.ts +162 -162
- package/lib/utils/table.utils.d.ts +25 -25
- package/package.json +1 -1
- package/public-api.d.ts +12 -12
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
/// <amd-module name="ng-firebase-table-kxp" />
|
|
5
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
/// <amd-module name="ng-firebase-table-kxp" />
|
|
5
|
+
export * from './public-api';
|
|
@@ -1,135 +1,135 @@
|
|
|
1
|
-
import { Arrange, Condition, TabData, TableData, Column, DropdownItem, FilterSelectItem } from '../../types/Table';
|
|
2
|
-
import { OnInit, AfterViewInit, OnChanges, SimpleChanges, ElementRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
|
|
3
|
-
import { AngularFirestore } from '@angular/fire/compat/firestore';
|
|
4
|
-
import { MatPaginator, PageEvent } from '@angular/material/paginator';
|
|
5
|
-
import { MatSort } from '@angular/material/sort';
|
|
6
|
-
import { MatTableDataSource } from '@angular/material/table';
|
|
7
|
-
import { Router } from '@angular/router';
|
|
8
|
-
import { TableService } from '../../services/table.service';
|
|
9
|
-
import { FilterService } from '../../services/filter.service';
|
|
10
|
-
import { TooltipService, TooltipState } from '../../services/tooltip.service';
|
|
11
|
-
import { PaginationService } from '../../services/pagination.service';
|
|
12
|
-
import { BehaviorSubject } from 'rxjs';
|
|
13
|
-
import firebase from 'firebase/compat';
|
|
14
|
-
import WhereFilterOp = firebase.firestore.WhereFilterOp;
|
|
15
|
-
import { FormControl, FormArray, FormGroup } from '@angular/forms';
|
|
16
|
-
import * as i0 from "@angular/core";
|
|
17
|
-
export declare class TableComponent<T = any> implements OnInit, AfterViewInit, OnChanges, OnDestroy {
|
|
18
|
-
private router;
|
|
19
|
-
private tableService;
|
|
20
|
-
private filterService;
|
|
21
|
-
private tooltipService;
|
|
22
|
-
private paginationService;
|
|
23
|
-
private firestore;
|
|
24
|
-
private el;
|
|
25
|
-
private cdr;
|
|
26
|
-
data: TableData;
|
|
27
|
-
downloadTable?: (arrange: Arrange, conditions: Condition[]) => void;
|
|
28
|
-
arrange: Arrange | null;
|
|
29
|
-
dataSource: MatTableDataSource<T>;
|
|
30
|
-
currentPageNumber: number;
|
|
31
|
-
currentClientPageIndex: number;
|
|
32
|
-
isLoading$: BehaviorSubject<boolean>;
|
|
33
|
-
items: T[];
|
|
34
|
-
filteredItems: T[];
|
|
35
|
-
private lastDoc;
|
|
36
|
-
private firstDoc;
|
|
37
|
-
private sortBy;
|
|
38
|
-
columnProperties: string[];
|
|
39
|
-
filtersForm: FormArray;
|
|
40
|
-
selectSort: FormControl;
|
|
41
|
-
currentArrange: string;
|
|
42
|
-
hasNextPage: boolean;
|
|
43
|
-
dropdownItems: DropdownItem[];
|
|
44
|
-
sortableDropdownItems: DropdownItem[];
|
|
45
|
-
pageSize: number;
|
|
46
|
-
totalItems: number;
|
|
47
|
-
pageEvent?: PageEvent;
|
|
48
|
-
filterValue: string | null;
|
|
49
|
-
hasFilterableColumn: boolean;
|
|
50
|
-
hasSortableColumn: boolean;
|
|
51
|
-
filterPredicate: ((data: T, filter: string) => boolean) | undefined;
|
|
52
|
-
private filterSubject;
|
|
53
|
-
private readonly debounceTimeMs;
|
|
54
|
-
selectedTab: number;
|
|
55
|
-
paginator: MatPaginator;
|
|
56
|
-
sort: MatSort;
|
|
57
|
-
tooltipState: TooltipState;
|
|
58
|
-
imageLoadingState: Map<string, boolean>;
|
|
59
|
-
private destroy$;
|
|
60
|
-
constructor(router: Router, tableService: TableService, filterService: FilterService, tooltipService: TooltipService, paginationService: PaginationService, firestore: AngularFirestore, el: ElementRef, cdr: ChangeDetectorRef);
|
|
61
|
-
getActionButtonClass(): string;
|
|
62
|
-
getTableRowNgClass(): Record<string, boolean>;
|
|
63
|
-
getPaginatorNgClass(): Record<string, boolean>;
|
|
64
|
-
createFilterGroup(): FormGroup;
|
|
65
|
-
addFilter(filterData?: {
|
|
66
|
-
selectFilter: DropdownItem | null;
|
|
67
|
-
typeFilter?: string;
|
|
68
|
-
selectItem?: FilterSelectItem[];
|
|
69
|
-
initialDate?: string;
|
|
70
|
-
finalDate?: string;
|
|
71
|
-
}): void;
|
|
72
|
-
hasActiveDateFilter(): boolean;
|
|
73
|
-
getAvailableFilterOptions(): DropdownItem[];
|
|
74
|
-
onSelectFilterChange(): void;
|
|
75
|
-
removeFilter(index: number): void;
|
|
76
|
-
removeAllFilters(): void;
|
|
77
|
-
onDateInput(event: Event, controlName: 'initialDate' | 'finalDate', filterIndex: number): void;
|
|
78
|
-
onDateFilterChange(): void;
|
|
79
|
-
private applyFiltersToDataSource;
|
|
80
|
-
private applyClientSideFilters;
|
|
81
|
-
private buildArrangeFromFilters;
|
|
82
|
-
getTooltipStyles(): {
|
|
83
|
-
[key: string]: string;
|
|
84
|
-
};
|
|
85
|
-
onCellMouseEnter(event: MouseEvent, row: T, col: Column): void;
|
|
86
|
-
onCellMouseLeave(): void;
|
|
87
|
-
onCellMouseMove(event: MouseEvent): void;
|
|
88
|
-
onTabSelected(event: {
|
|
89
|
-
tab: TabData;
|
|
90
|
-
index: number;
|
|
91
|
-
}): void;
|
|
92
|
-
getDisplayValue(col: Column, row: T, withinLimit?: boolean): string;
|
|
93
|
-
getNestedValue(obj: unknown, path: string): unknown;
|
|
94
|
-
isString(value: unknown): boolean;
|
|
95
|
-
trackByProperty(_index: number, col: Column): string;
|
|
96
|
-
private getImageKey;
|
|
97
|
-
isImageLoading(row: T, col: Column): boolean;
|
|
98
|
-
onImageLoad(row: T, col: Column): void;
|
|
99
|
-
onImageError(event: Event, row: T, col: Column, defaultImage?: string): void;
|
|
100
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
101
|
-
ngAfterViewInit(): void;
|
|
102
|
-
ngOnDestroy(): void;
|
|
103
|
-
private applyCustomColors;
|
|
104
|
-
ngOnInit(): Promise<void>;
|
|
105
|
-
private loadItems;
|
|
106
|
-
private loadItemsPaginated;
|
|
107
|
-
onPageChange(event?: PageEvent): Promise<void>;
|
|
108
|
-
applyFilter(value: string): void;
|
|
109
|
-
search(event?: Event): Promise<void>;
|
|
110
|
-
resetFilter(): Promise<void>;
|
|
111
|
-
goToDetails(row: T): void;
|
|
112
|
-
getRelation(params: {
|
|
113
|
-
id: string;
|
|
114
|
-
collection: string;
|
|
115
|
-
newProperty: string;
|
|
116
|
-
}): Promise<string>;
|
|
117
|
-
private loadRelations;
|
|
118
|
-
getQueryLength(params: {
|
|
119
|
-
item: T;
|
|
120
|
-
relation: {
|
|
121
|
-
collection: string;
|
|
122
|
-
property: string;
|
|
123
|
-
operator: WhereFilterOp;
|
|
124
|
-
value: string;
|
|
125
|
-
};
|
|
126
|
-
}): Promise<number>;
|
|
127
|
-
private loadQueryLengths;
|
|
128
|
-
private filterItems;
|
|
129
|
-
reloadTable(): Promise<void>;
|
|
130
|
-
updateDisplayedColumns(): void;
|
|
131
|
-
shouldShowActionButton(): boolean;
|
|
132
|
-
handleDownload(): void;
|
|
133
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
134
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "lib-table", never, { "data": "data"; "downloadTable": "downloadTable"; }, {}, never, never, false, never>;
|
|
135
|
-
}
|
|
1
|
+
import { Arrange, Condition, TabData, TableData, Column, DropdownItem, FilterSelectItem } from '../../types/Table';
|
|
2
|
+
import { OnInit, AfterViewInit, OnChanges, SimpleChanges, ElementRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
|
|
3
|
+
import { AngularFirestore } from '@angular/fire/compat/firestore';
|
|
4
|
+
import { MatPaginator, PageEvent } from '@angular/material/paginator';
|
|
5
|
+
import { MatSort } from '@angular/material/sort';
|
|
6
|
+
import { MatTableDataSource } from '@angular/material/table';
|
|
7
|
+
import { Router } from '@angular/router';
|
|
8
|
+
import { TableService } from '../../services/table.service';
|
|
9
|
+
import { FilterService } from '../../services/filter.service';
|
|
10
|
+
import { TooltipService, TooltipState } from '../../services/tooltip.service';
|
|
11
|
+
import { PaginationService } from '../../services/pagination.service';
|
|
12
|
+
import { BehaviorSubject } from 'rxjs';
|
|
13
|
+
import firebase from 'firebase/compat';
|
|
14
|
+
import WhereFilterOp = firebase.firestore.WhereFilterOp;
|
|
15
|
+
import { FormControl, FormArray, FormGroup } from '@angular/forms';
|
|
16
|
+
import * as i0 from "@angular/core";
|
|
17
|
+
export declare class TableComponent<T = any> implements OnInit, AfterViewInit, OnChanges, OnDestroy {
|
|
18
|
+
private router;
|
|
19
|
+
private tableService;
|
|
20
|
+
private filterService;
|
|
21
|
+
private tooltipService;
|
|
22
|
+
private paginationService;
|
|
23
|
+
private firestore;
|
|
24
|
+
private el;
|
|
25
|
+
private cdr;
|
|
26
|
+
data: TableData;
|
|
27
|
+
downloadTable?: (arrange: Arrange, conditions: Condition[]) => void;
|
|
28
|
+
arrange: Arrange | null;
|
|
29
|
+
dataSource: MatTableDataSource<T>;
|
|
30
|
+
currentPageNumber: number;
|
|
31
|
+
currentClientPageIndex: number;
|
|
32
|
+
isLoading$: BehaviorSubject<boolean>;
|
|
33
|
+
items: T[];
|
|
34
|
+
filteredItems: T[];
|
|
35
|
+
private lastDoc;
|
|
36
|
+
private firstDoc;
|
|
37
|
+
private sortBy;
|
|
38
|
+
columnProperties: string[];
|
|
39
|
+
filtersForm: FormArray;
|
|
40
|
+
selectSort: FormControl;
|
|
41
|
+
currentArrange: string;
|
|
42
|
+
hasNextPage: boolean;
|
|
43
|
+
dropdownItems: DropdownItem[];
|
|
44
|
+
sortableDropdownItems: DropdownItem[];
|
|
45
|
+
pageSize: number;
|
|
46
|
+
totalItems: number;
|
|
47
|
+
pageEvent?: PageEvent;
|
|
48
|
+
filterValue: string | null;
|
|
49
|
+
hasFilterableColumn: boolean;
|
|
50
|
+
hasSortableColumn: boolean;
|
|
51
|
+
filterPredicate: ((data: T, filter: string) => boolean) | undefined;
|
|
52
|
+
private filterSubject;
|
|
53
|
+
private readonly debounceTimeMs;
|
|
54
|
+
selectedTab: number;
|
|
55
|
+
paginator: MatPaginator;
|
|
56
|
+
sort: MatSort;
|
|
57
|
+
tooltipState: TooltipState;
|
|
58
|
+
imageLoadingState: Map<string, boolean>;
|
|
59
|
+
private destroy$;
|
|
60
|
+
constructor(router: Router, tableService: TableService, filterService: FilterService, tooltipService: TooltipService, paginationService: PaginationService, firestore: AngularFirestore, el: ElementRef, cdr: ChangeDetectorRef);
|
|
61
|
+
getActionButtonClass(): string;
|
|
62
|
+
getTableRowNgClass(): Record<string, boolean>;
|
|
63
|
+
getPaginatorNgClass(): Record<string, boolean>;
|
|
64
|
+
createFilterGroup(): FormGroup;
|
|
65
|
+
addFilter(filterData?: {
|
|
66
|
+
selectFilter: DropdownItem | null;
|
|
67
|
+
typeFilter?: string;
|
|
68
|
+
selectItem?: FilterSelectItem[];
|
|
69
|
+
initialDate?: string;
|
|
70
|
+
finalDate?: string;
|
|
71
|
+
}): void;
|
|
72
|
+
hasActiveDateFilter(): boolean;
|
|
73
|
+
getAvailableFilterOptions(): DropdownItem[];
|
|
74
|
+
onSelectFilterChange(): void;
|
|
75
|
+
removeFilter(index: number): void;
|
|
76
|
+
removeAllFilters(): void;
|
|
77
|
+
onDateInput(event: Event, controlName: 'initialDate' | 'finalDate', filterIndex: number): void;
|
|
78
|
+
onDateFilterChange(): void;
|
|
79
|
+
private applyFiltersToDataSource;
|
|
80
|
+
private applyClientSideFilters;
|
|
81
|
+
private buildArrangeFromFilters;
|
|
82
|
+
getTooltipStyles(): {
|
|
83
|
+
[key: string]: string;
|
|
84
|
+
};
|
|
85
|
+
onCellMouseEnter(event: MouseEvent, row: T, col: Column): void;
|
|
86
|
+
onCellMouseLeave(): void;
|
|
87
|
+
onCellMouseMove(event: MouseEvent): void;
|
|
88
|
+
onTabSelected(event: {
|
|
89
|
+
tab: TabData;
|
|
90
|
+
index: number;
|
|
91
|
+
}): void;
|
|
92
|
+
getDisplayValue(col: Column, row: T, withinLimit?: boolean): string;
|
|
93
|
+
getNestedValue(obj: unknown, path: string): unknown;
|
|
94
|
+
isString(value: unknown): boolean;
|
|
95
|
+
trackByProperty(_index: number, col: Column): string;
|
|
96
|
+
private getImageKey;
|
|
97
|
+
isImageLoading(row: T, col: Column): boolean;
|
|
98
|
+
onImageLoad(row: T, col: Column): void;
|
|
99
|
+
onImageError(event: Event, row: T, col: Column, defaultImage?: string): void;
|
|
100
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
101
|
+
ngAfterViewInit(): void;
|
|
102
|
+
ngOnDestroy(): void;
|
|
103
|
+
private applyCustomColors;
|
|
104
|
+
ngOnInit(): Promise<void>;
|
|
105
|
+
private loadItems;
|
|
106
|
+
private loadItemsPaginated;
|
|
107
|
+
onPageChange(event?: PageEvent): Promise<void>;
|
|
108
|
+
applyFilter(value: string): void;
|
|
109
|
+
search(event?: Event): Promise<void>;
|
|
110
|
+
resetFilter(): Promise<void>;
|
|
111
|
+
goToDetails(row: T): void;
|
|
112
|
+
getRelation(params: {
|
|
113
|
+
id: string;
|
|
114
|
+
collection: string;
|
|
115
|
+
newProperty: string;
|
|
116
|
+
}): Promise<string>;
|
|
117
|
+
private loadRelations;
|
|
118
|
+
getQueryLength(params: {
|
|
119
|
+
item: T;
|
|
120
|
+
relation: {
|
|
121
|
+
collection: string;
|
|
122
|
+
property: string;
|
|
123
|
+
operator: WhereFilterOp;
|
|
124
|
+
value: string;
|
|
125
|
+
};
|
|
126
|
+
}): Promise<number>;
|
|
127
|
+
private loadQueryLengths;
|
|
128
|
+
private filterItems;
|
|
129
|
+
reloadTable(): Promise<void>;
|
|
130
|
+
updateDisplayedColumns(): void;
|
|
131
|
+
shouldShowActionButton(): boolean;
|
|
132
|
+
handleDownload(): void;
|
|
133
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
134
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "lib-table", never, { "data": "data"; "downloadTable": "downloadTable"; }, {}, never, never, false, never>;
|
|
135
|
+
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { TabData } from '../../types/Table';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TableTabsComponent {
|
|
5
|
-
tabsData: TabData[];
|
|
6
|
-
selectedTab: number;
|
|
7
|
-
tabSelected: EventEmitter<{
|
|
8
|
-
tab: TabData;
|
|
9
|
-
index: number;
|
|
10
|
-
}>;
|
|
11
|
-
private readonly TABS_PER_GROUP;
|
|
12
|
-
/**
|
|
13
|
-
* Retorna os índices dos grupos de tabs (invertidos para exibição vertical)
|
|
14
|
-
*/
|
|
15
|
-
getTabGroups(): number[];
|
|
16
|
-
/**
|
|
17
|
-
* Retorna os tabs de um grupo específico
|
|
18
|
-
*/
|
|
19
|
-
getTabGroup(groupIndex: number): TabData[];
|
|
20
|
-
/**
|
|
21
|
-
* Calcula o índice real do tab considerando a inversão vertical
|
|
22
|
-
*/
|
|
23
|
-
getRealTabIndex(groupDisplayIndex: number, tabIndexInGroup: number): number;
|
|
24
|
-
/**
|
|
25
|
-
* Manipula a seleção de um tab
|
|
26
|
-
*/
|
|
27
|
-
onTabSelected(groupDisplayIndex: number, tabIndexInGroup: number): void;
|
|
28
|
-
/**
|
|
29
|
-
* Verifica se um tab está selecionado
|
|
30
|
-
*/
|
|
31
|
-
isTabSelected(originalIndex: number): boolean;
|
|
32
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TableTabsComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableTabsComponent, "lib-table-tabs", never, { "tabsData": "tabsData"; "selectedTab": "selectedTab"; }, { "tabSelected": "tabSelected"; }, never, never, false, never>;
|
|
34
|
-
}
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { TabData } from '../../types/Table';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TableTabsComponent {
|
|
5
|
+
tabsData: TabData[];
|
|
6
|
+
selectedTab: number;
|
|
7
|
+
tabSelected: EventEmitter<{
|
|
8
|
+
tab: TabData;
|
|
9
|
+
index: number;
|
|
10
|
+
}>;
|
|
11
|
+
private readonly TABS_PER_GROUP;
|
|
12
|
+
/**
|
|
13
|
+
* Retorna os índices dos grupos de tabs (invertidos para exibição vertical)
|
|
14
|
+
*/
|
|
15
|
+
getTabGroups(): number[];
|
|
16
|
+
/**
|
|
17
|
+
* Retorna os tabs de um grupo específico
|
|
18
|
+
*/
|
|
19
|
+
getTabGroup(groupIndex: number): TabData[];
|
|
20
|
+
/**
|
|
21
|
+
* Calcula o índice real do tab considerando a inversão vertical
|
|
22
|
+
*/
|
|
23
|
+
getRealTabIndex(groupDisplayIndex: number, tabIndexInGroup: number): number;
|
|
24
|
+
/**
|
|
25
|
+
* Manipula a seleção de um tab
|
|
26
|
+
*/
|
|
27
|
+
onTabSelected(groupDisplayIndex: number, tabIndexInGroup: number): void;
|
|
28
|
+
/**
|
|
29
|
+
* Verifica se um tab está selecionado
|
|
30
|
+
*/
|
|
31
|
+
isTabSelected(originalIndex: number): boolean;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableTabsComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableTabsComponent, "lib-table-tabs", never, { "tabsData": "tabsData"; "selectedTab": "selectedTab"; }, { "tabSelected": "tabSelected"; }, never, never, false, never>;
|
|
34
|
+
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { TooltipState } from '../../services/tooltip.service';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TableTooltipComponent {
|
|
4
|
-
state: TooltipState;
|
|
5
|
-
styles: {
|
|
6
|
-
[key: string]: string;
|
|
7
|
-
};
|
|
8
|
-
get showTooltip(): boolean;
|
|
9
|
-
get tooltipContent(): string;
|
|
10
|
-
get tooltipPosition(): {
|
|
11
|
-
x: number;
|
|
12
|
-
y: number;
|
|
13
|
-
};
|
|
14
|
-
get tooltipBgColor(): string;
|
|
15
|
-
get tooltipTextColor(): string;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TableTooltipComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableTooltipComponent, "lib-table-tooltip", never, { "state": "state"; "styles": "styles"; }, {}, never, never, false, never>;
|
|
18
|
-
}
|
|
1
|
+
import { TooltipState } from '../../services/tooltip.service';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TableTooltipComponent {
|
|
4
|
+
state: TooltipState;
|
|
5
|
+
styles: {
|
|
6
|
+
[key: string]: string;
|
|
7
|
+
};
|
|
8
|
+
get showTooltip(): boolean;
|
|
9
|
+
get tooltipContent(): string;
|
|
10
|
+
get tooltipPosition(): {
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
};
|
|
14
|
+
get tooltipBgColor(): string;
|
|
15
|
+
get tooltipTextColor(): string;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableTooltipComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableTooltipComponent, "lib-table-tooltip", never, { "state": "state"; "styles": "styles"; }, {}, never, never, false, never>;
|
|
18
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class NgFirebaseTableKxpComponent {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgFirebaseTableKxpComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgFirebaseTableKxpComponent, "lib-ng-firebase-table-kxp", never, {}, {}, never, never, false, never>;
|
|
5
|
-
}
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class NgFirebaseTableKxpComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgFirebaseTableKxpComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgFirebaseTableKxpComponent, "lib-ng-firebase-table-kxp", never, {}, {}, never, never, false, never>;
|
|
5
|
+
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./ng-firebase-table-kxp.component";
|
|
3
|
-
import * as i2 from "./components/table/table.component";
|
|
4
|
-
import * as i3 from "./components/table-tabs/table-tabs.component";
|
|
5
|
-
import * as i4 from "./components/table-tooltip/table-tooltip.component";
|
|
6
|
-
import * as i5 from "@angular/common";
|
|
7
|
-
import * as i6 from "@angular/forms";
|
|
8
|
-
import * as i7 from "@angular/router";
|
|
9
|
-
import * as i8 from "@angular/material/table";
|
|
10
|
-
import * as i9 from "@angular/material/paginator";
|
|
11
|
-
import * as i10 from "@angular/material/sort";
|
|
12
|
-
import * as i11 from "@angular/material/form-field";
|
|
13
|
-
import * as i12 from "@angular/material/input";
|
|
14
|
-
import * as i13 from "@angular/material/core";
|
|
15
|
-
import * as i14 from "@angular/material/select";
|
|
16
|
-
import * as i15 from "@angular/material/tooltip";
|
|
17
|
-
import * as i16 from "@angular/material/progress-spinner";
|
|
18
|
-
import * as i17 from "@angular/material/icon";
|
|
19
|
-
import * as i18 from "@angular/material/dialog";
|
|
20
|
-
export declare class NgFirebaseTableKxpModule {
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgFirebaseTableKxpModule, never>;
|
|
22
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NgFirebaseTableKxpModule, [typeof i1.NgFirebaseTableKxpComponent, typeof i2.TableComponent, typeof i3.TableTabsComponent, typeof i4.TableTooltipComponent], [typeof i5.CommonModule, typeof i6.ReactiveFormsModule, typeof i6.FormsModule, typeof i7.RouterModule, typeof i8.MatTableModule, typeof i9.MatPaginatorModule, typeof i10.MatSortModule, typeof i11.MatFormFieldModule, typeof i12.MatInputModule, typeof i13.MatOptionModule, typeof i14.MatSelectModule, typeof i15.MatTooltipModule, typeof i16.MatProgressSpinnerModule, typeof i17.MatIconModule, typeof i18.MatDialogModule], [typeof i1.NgFirebaseTableKxpComponent, typeof i2.TableComponent, typeof i3.TableTabsComponent, typeof i4.TableTooltipComponent]>;
|
|
23
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<NgFirebaseTableKxpModule>;
|
|
24
|
-
}
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./ng-firebase-table-kxp.component";
|
|
3
|
+
import * as i2 from "./components/table/table.component";
|
|
4
|
+
import * as i3 from "./components/table-tabs/table-tabs.component";
|
|
5
|
+
import * as i4 from "./components/table-tooltip/table-tooltip.component";
|
|
6
|
+
import * as i5 from "@angular/common";
|
|
7
|
+
import * as i6 from "@angular/forms";
|
|
8
|
+
import * as i7 from "@angular/router";
|
|
9
|
+
import * as i8 from "@angular/material/table";
|
|
10
|
+
import * as i9 from "@angular/material/paginator";
|
|
11
|
+
import * as i10 from "@angular/material/sort";
|
|
12
|
+
import * as i11 from "@angular/material/form-field";
|
|
13
|
+
import * as i12 from "@angular/material/input";
|
|
14
|
+
import * as i13 from "@angular/material/core";
|
|
15
|
+
import * as i14 from "@angular/material/select";
|
|
16
|
+
import * as i15 from "@angular/material/tooltip";
|
|
17
|
+
import * as i16 from "@angular/material/progress-spinner";
|
|
18
|
+
import * as i17 from "@angular/material/icon";
|
|
19
|
+
import * as i18 from "@angular/material/dialog";
|
|
20
|
+
export declare class NgFirebaseTableKxpModule {
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgFirebaseTableKxpModule, never>;
|
|
22
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NgFirebaseTableKxpModule, [typeof i1.NgFirebaseTableKxpComponent, typeof i2.TableComponent, typeof i3.TableTabsComponent, typeof i4.TableTooltipComponent], [typeof i5.CommonModule, typeof i6.ReactiveFormsModule, typeof i6.FormsModule, typeof i7.RouterModule, typeof i8.MatTableModule, typeof i9.MatPaginatorModule, typeof i10.MatSortModule, typeof i11.MatFormFieldModule, typeof i12.MatInputModule, typeof i13.MatOptionModule, typeof i14.MatSelectModule, typeof i15.MatTooltipModule, typeof i16.MatProgressSpinnerModule, typeof i17.MatIconModule, typeof i18.MatDialogModule], [typeof i1.NgFirebaseTableKxpComponent, typeof i2.TableComponent, typeof i3.TableTabsComponent, typeof i4.TableTooltipComponent]>;
|
|
23
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NgFirebaseTableKxpModule>;
|
|
24
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class NgFirebaseTableKxpService {
|
|
3
|
-
constructor();
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgFirebaseTableKxpService, never>;
|
|
5
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<NgFirebaseTableKxpService>;
|
|
6
|
-
}
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class NgFirebaseTableKxpService {
|
|
3
|
+
constructor();
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgFirebaseTableKxpService, never>;
|
|
5
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgFirebaseTableKxpService>;
|
|
6
|
+
}
|
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
import { FormArray, FormGroup } from '@angular/forms';
|
|
2
|
-
import { Arrange, Column } from '../types/Table';
|
|
3
|
-
import { TableService } from './table.service';
|
|
4
|
-
import { OrderByDirection } from 'firebase/firestore';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export interface FilterConfig {
|
|
7
|
-
selectFilter: any;
|
|
8
|
-
typeFilter?: string;
|
|
9
|
-
selectItem?: any[];
|
|
10
|
-
initialDate?: string;
|
|
11
|
-
finalDate?: string;
|
|
12
|
-
}
|
|
13
|
-
export interface DateFiltersByProperty {
|
|
14
|
-
[property: string]: Array<{
|
|
15
|
-
initial: Date;
|
|
16
|
-
final: Date;
|
|
17
|
-
}>;
|
|
18
|
-
}
|
|
19
|
-
export interface ProcessedFilter {
|
|
20
|
-
group: FormGroup;
|
|
21
|
-
selectedFilter: any;
|
|
22
|
-
arrange: string;
|
|
23
|
-
}
|
|
24
|
-
export declare class FilterService {
|
|
25
|
-
private tableService;
|
|
26
|
-
constructor(tableService: TableService);
|
|
27
|
-
/**
|
|
28
|
-
* Cria um novo FormGroup para um filtro
|
|
29
|
-
*/
|
|
30
|
-
createFilterGroup(): FormGroup;
|
|
31
|
-
/**
|
|
32
|
-
* Adiciona um novo filtro ao FormArray
|
|
33
|
-
*/
|
|
34
|
-
addFilter(filtersForm: FormArray, isPaginated: boolean, filterData?: FilterConfig): void;
|
|
35
|
-
/**
|
|
36
|
-
* Verifica se há um filtro de data ativo
|
|
37
|
-
*/
|
|
38
|
-
hasActiveDateFilter(filtersForm: FormArray): boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Retorna as opções de filtro disponíveis
|
|
41
|
-
*/
|
|
42
|
-
getAvailableFilterOptions(dropdownItems: any[], isPaginated: boolean, filtersForm: FormArray): any[];
|
|
43
|
-
/**
|
|
44
|
-
* Remove um filtro do FormArray
|
|
45
|
-
*/
|
|
46
|
-
removeFilter(filtersForm: FormArray, index: number): void;
|
|
47
|
-
/**
|
|
48
|
-
* Remove todos os filtros do FormArray
|
|
49
|
-
*/
|
|
50
|
-
removeAllFilters(filtersForm: FormArray): void;
|
|
51
|
-
/**
|
|
52
|
-
* Aplica máscara de data (DD/MM/AAAA)
|
|
53
|
-
*/
|
|
54
|
-
applyDateMask(event: any, controlName: 'initialDate' | 'finalDate', filterGroup: FormGroup): void;
|
|
55
|
-
/**
|
|
56
|
-
* Aplica filtros client-side aos itens
|
|
57
|
-
*/
|
|
58
|
-
applyClientSideFilters<T = any>(items: T[], filtersForm: FormArray, sortBy: {
|
|
59
|
-
field: string;
|
|
60
|
-
order: OrderByDirection;
|
|
61
|
-
}): T[];
|
|
62
|
-
/**
|
|
63
|
-
* Constrói o objeto Arrange a partir dos filtros ativos
|
|
64
|
-
*/
|
|
65
|
-
buildArrangeFromFilters(filtersForm: FormArray, sortBy: {
|
|
66
|
-
field: string;
|
|
67
|
-
order: OrderByDirection;
|
|
68
|
-
}): Arrange;
|
|
69
|
-
/**
|
|
70
|
-
* Extrai filtros ativos para paginação
|
|
71
|
-
*/
|
|
72
|
-
extractActiveFilters(filtersForm: FormArray): any[];
|
|
73
|
-
/**
|
|
74
|
-
* Inicializa os dropdownItems baseado nas colunas
|
|
75
|
-
*/
|
|
76
|
-
initializeDropdownItems(displayedColumns: Column[]): {
|
|
77
|
-
dropdownItems: any[];
|
|
78
|
-
sortableDropdownItems: any[];
|
|
79
|
-
hasFilterableColumn: boolean;
|
|
80
|
-
hasSortableColumn: boolean;
|
|
81
|
-
};
|
|
82
|
-
/**
|
|
83
|
-
* Adiciona opções de filtro customizadas
|
|
84
|
-
*/
|
|
85
|
-
addFilterableOptions(dropdownItems: any[], filterableOptions: any[]): any[];
|
|
86
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FilterService, never>;
|
|
87
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<FilterService>;
|
|
88
|
-
}
|
|
1
|
+
import { FormArray, FormGroup } from '@angular/forms';
|
|
2
|
+
import { Arrange, Column } from '../types/Table';
|
|
3
|
+
import { TableService } from './table.service';
|
|
4
|
+
import { OrderByDirection } from 'firebase/firestore';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export interface FilterConfig {
|
|
7
|
+
selectFilter: any;
|
|
8
|
+
typeFilter?: string;
|
|
9
|
+
selectItem?: any[];
|
|
10
|
+
initialDate?: string;
|
|
11
|
+
finalDate?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface DateFiltersByProperty {
|
|
14
|
+
[property: string]: Array<{
|
|
15
|
+
initial: Date;
|
|
16
|
+
final: Date;
|
|
17
|
+
}>;
|
|
18
|
+
}
|
|
19
|
+
export interface ProcessedFilter {
|
|
20
|
+
group: FormGroup;
|
|
21
|
+
selectedFilter: any;
|
|
22
|
+
arrange: string;
|
|
23
|
+
}
|
|
24
|
+
export declare class FilterService {
|
|
25
|
+
private tableService;
|
|
26
|
+
constructor(tableService: TableService);
|
|
27
|
+
/**
|
|
28
|
+
* Cria um novo FormGroup para um filtro
|
|
29
|
+
*/
|
|
30
|
+
createFilterGroup(): FormGroup;
|
|
31
|
+
/**
|
|
32
|
+
* Adiciona um novo filtro ao FormArray
|
|
33
|
+
*/
|
|
34
|
+
addFilter(filtersForm: FormArray, isPaginated: boolean, filterData?: FilterConfig): void;
|
|
35
|
+
/**
|
|
36
|
+
* Verifica se há um filtro de data ativo
|
|
37
|
+
*/
|
|
38
|
+
hasActiveDateFilter(filtersForm: FormArray): boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Retorna as opções de filtro disponíveis
|
|
41
|
+
*/
|
|
42
|
+
getAvailableFilterOptions(dropdownItems: any[], isPaginated: boolean, filtersForm: FormArray): any[];
|
|
43
|
+
/**
|
|
44
|
+
* Remove um filtro do FormArray
|
|
45
|
+
*/
|
|
46
|
+
removeFilter(filtersForm: FormArray, index: number): void;
|
|
47
|
+
/**
|
|
48
|
+
* Remove todos os filtros do FormArray
|
|
49
|
+
*/
|
|
50
|
+
removeAllFilters(filtersForm: FormArray): void;
|
|
51
|
+
/**
|
|
52
|
+
* Aplica máscara de data (DD/MM/AAAA)
|
|
53
|
+
*/
|
|
54
|
+
applyDateMask(event: any, controlName: 'initialDate' | 'finalDate', filterGroup: FormGroup): void;
|
|
55
|
+
/**
|
|
56
|
+
* Aplica filtros client-side aos itens
|
|
57
|
+
*/
|
|
58
|
+
applyClientSideFilters<T = any>(items: T[], filtersForm: FormArray, sortBy: {
|
|
59
|
+
field: string;
|
|
60
|
+
order: OrderByDirection;
|
|
61
|
+
}): T[];
|
|
62
|
+
/**
|
|
63
|
+
* Constrói o objeto Arrange a partir dos filtros ativos
|
|
64
|
+
*/
|
|
65
|
+
buildArrangeFromFilters(filtersForm: FormArray, sortBy: {
|
|
66
|
+
field: string;
|
|
67
|
+
order: OrderByDirection;
|
|
68
|
+
}): Arrange;
|
|
69
|
+
/**
|
|
70
|
+
* Extrai filtros ativos para paginação
|
|
71
|
+
*/
|
|
72
|
+
extractActiveFilters(filtersForm: FormArray): any[];
|
|
73
|
+
/**
|
|
74
|
+
* Inicializa os dropdownItems baseado nas colunas
|
|
75
|
+
*/
|
|
76
|
+
initializeDropdownItems(displayedColumns: Column[]): {
|
|
77
|
+
dropdownItems: any[];
|
|
78
|
+
sortableDropdownItems: any[];
|
|
79
|
+
hasFilterableColumn: boolean;
|
|
80
|
+
hasSortableColumn: boolean;
|
|
81
|
+
};
|
|
82
|
+
/**
|
|
83
|
+
* Adiciona opções de filtro customizadas
|
|
84
|
+
*/
|
|
85
|
+
addFilterableOptions(dropdownItems: any[], filterableOptions: any[]): any[];
|
|
86
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterService, never>;
|
|
87
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FilterService>;
|
|
88
|
+
}
|