intelica-library-ui 0.1.207 → 0.1.209
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/fesm2022/intelica-library-ui.mjs +427 -22
- package/fesm2022/intelica-library-ui.mjs.map +1 -1
- package/lib/components/table/column.component.d.ts +2 -1
- package/lib/components/tree-table/column.component.d.ts +2 -1
- package/lib/components/tree-table/tree-table.component.d.ts +1 -0
- package/lib/components/tree-table-fetch/model/query.model.d.ts +9 -0
- package/lib/components/tree-table-fetch/tree-table-fetch.component.d.ts +105 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -14,10 +14,11 @@ export declare class ColumnComponent<T = any> {
|
|
|
14
14
|
showHeader: boolean;
|
|
15
15
|
minWidth?: string;
|
|
16
16
|
isChecboxColumn: boolean;
|
|
17
|
+
alphaSubEnum: boolean;
|
|
17
18
|
formatType: "string" | "date" | "date2" | "date3" | "time" | "decimal2" | "decimal4" | "tarifa";
|
|
18
19
|
templateRef?: TemplateRef<any>;
|
|
19
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnComponent<any>, never>;
|
|
20
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnComponent<any>, "column", never, { "field": { "alias": "field"; "required": false; }; "header": { "alias": "header"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "width": { "alias": "width"; "required": false; }; "className": { "alias": "className"; "required": false; }; "headerTooltip": { "alias": "headerTooltip"; "required": false; }; "headerTooltipPosition": { "alias": "headerTooltipPosition"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "showIndex": { "alias": "showIndex"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "isChecboxColumn": { "alias": "isChecboxColumn"; "required": false; }; "formatType": { "alias": "formatType"; "required": false; }; }, {}, ["templateRef"], never, true, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnComponent<any>, "column", never, { "field": { "alias": "field"; "required": false; }; "header": { "alias": "header"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "width": { "alias": "width"; "required": false; }; "className": { "alias": "className"; "required": false; }; "headerTooltip": { "alias": "headerTooltip"; "required": false; }; "headerTooltipPosition": { "alias": "headerTooltipPosition"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "showIndex": { "alias": "showIndex"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "isChecboxColumn": { "alias": "isChecboxColumn"; "required": false; }; "alphaSubEnum": { "alias": "alphaSubEnum"; "required": false; }; "formatType": { "alias": "formatType"; "required": false; }; }, {}, ["templateRef"], never, true, never>;
|
|
21
22
|
}
|
|
22
23
|
export declare class ColumnGroupComponent<T = any> {
|
|
23
24
|
field: string;
|
|
@@ -16,10 +16,11 @@ export declare class TreeColumnComponent<T = any> {
|
|
|
16
16
|
isChecboxColumn: boolean;
|
|
17
17
|
isExpansionColumn: boolean;
|
|
18
18
|
alphaSubEnum: boolean;
|
|
19
|
+
childColspan?: number;
|
|
19
20
|
templateRef?: TemplateRef<any>;
|
|
20
21
|
formatType: "string" | "date" | "date2" | "date3" | "time" | "decimal2" | "decimal4" | "tarifa";
|
|
21
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnComponent<any>, never>;
|
|
22
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnComponent<any>, "column", never, { "field": { "alias": "field"; "required": false; }; "header": { "alias": "header"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "width": { "alias": "width"; "required": false; }; "className": { "alias": "className"; "required": false; }; "headerTooltip": { "alias": "headerTooltip"; "required": false; }; "headerTooltipPosition": { "alias": "headerTooltipPosition"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "showIndex": { "alias": "showIndex"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "isChecboxColumn": { "alias": "isChecboxColumn"; "required": false; }; "isExpansionColumn": { "alias": "isExpansionColumn"; "required": false; }; "alphaSubEnum": { "alias": "alphaSubEnum"; "required": false; }; "formatType": { "alias": "formatType"; "required": false; }; }, {}, ["templateRef"], never, true, never>;
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnComponent<any>, "column", never, { "field": { "alias": "field"; "required": false; }; "header": { "alias": "header"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "width": { "alias": "width"; "required": false; }; "className": { "alias": "className"; "required": false; }; "headerTooltip": { "alias": "headerTooltip"; "required": false; }; "headerTooltipPosition": { "alias": "headerTooltipPosition"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "showIndex": { "alias": "showIndex"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "isChecboxColumn": { "alias": "isChecboxColumn"; "required": false; }; "isExpansionColumn": { "alias": "isExpansionColumn"; "required": false; }; "alphaSubEnum": { "alias": "alphaSubEnum"; "required": false; }; "childColspan": { "alias": "childColspan"; "required": false; }; "formatType": { "alias": "formatType"; "required": false; }; }, {}, ["templateRef"], never, true, never>;
|
|
23
24
|
}
|
|
24
25
|
export declare class TreeColumnGroupComponent<T = any> {
|
|
25
26
|
field: string;
|
|
@@ -101,6 +101,7 @@ export declare class TreeTableComponent<T> implements OnChanges, AfterContentIni
|
|
|
101
101
|
ResetTable(): void;
|
|
102
102
|
EmitSearchValues(): void;
|
|
103
103
|
OnRowsPerPageChange(value: number): void;
|
|
104
|
+
isColumnConsumedByColspan(currentIndex: number): boolean;
|
|
104
105
|
static ɵfac: i0.ɵɵFactoryDeclaration<TreeTableComponent<any>, never>;
|
|
105
106
|
static ɵcmp: i0.ɵɵComponentDeclaration<TreeTableComponent<any>, "intelica-tree-table", never, { "ComponentId": { "alias": "ComponentId"; "required": false; }; "ListData": { "alias": "ListData"; "required": false; }; "ClassName": { "alias": "ClassName"; "required": false; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "DefaultSortField": { "alias": "DefaultSortField"; "required": false; }; "DefaultSortOrder": { "alias": "DefaultSortOrder"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "ShowSearch": { "alias": "ShowSearch"; "required": false; }; "ShowPagination": { "alias": "ShowPagination"; "required": false; }; "RowsPerPage": { "alias": "RowsPerPage"; "required": false; }; "AllowedPageSizes": { "alias": "AllowedPageSizes"; "required": false; }; "ShowCheckbox": { "alias": "ShowCheckbox"; "required": false; }; "ShowIndex": { "alias": "ShowIndex"; "required": false; }; "ShowSearchTooltip": { "alias": "ShowSearchTooltip"; "required": false; }; "ListDataSelected": { "alias": "ListDataSelected"; "required": false; }; "SelectedIdentifier": { "alias": "SelectedIdentifier"; "required": false; }; "ListSearchOptions": { "alias": "ListSearchOptions"; "required": false; }; "ShowRowPerPage": { "alias": "ShowRowPerPage"; "required": false; }; "ExpandedColumnIdent": { "alias": "ExpandedColumnIdent"; "required": false; }; "PropagateHeaderToChildren": { "alias": "PropagateHeaderToChildren"; "required": false; }; "ShowHeaderTooltips": { "alias": "ShowHeaderTooltips"; "required": false; }; }, { "EmitSelectedItem": "EmitSelectedItem"; "EmitListDataFilter": "EmitListDataFilter"; "EmitSearchEvent": "EmitSearchEvent"; "EmitSortEvent": "EmitSortEvent"; "EmitCheckboxHeaderEvent": "EmitCheckboxHeaderEvent"; }, ["AdditionalTemplate", "AdditionalCentralTemplate", "AdditionalExtendedTemplate", "Columns", "ColumnGroups", "RowResumenGroups"], never, true, never>;
|
|
106
107
|
}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { AfterContentInit, EventEmitter, OnChanges, QueryList, SimpleChanges, TemplateRef } from "@angular/core";
|
|
2
|
+
import { GlobalTermService } from "../../services/globalTerm.service";
|
|
3
|
+
import { SearchInputModel } from "../search/model/search.model";
|
|
4
|
+
import { QueryParametersModel } from "../table-fetch/model/query.model";
|
|
5
|
+
import { SortFieldModel } from "../table/model/sort.model";
|
|
6
|
+
import { SearchComponent } from "../search/search.component";
|
|
7
|
+
import { PaginatorComponent } from "../paginator/paginator.component";
|
|
8
|
+
import { RowResumenTreeComponent } from "../tree-table/column.component";
|
|
9
|
+
import { ColumnComponent, ColumnGroupComponent } from "../table/column.component";
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export declare class TreeTableFetchComponent<T extends {
|
|
12
|
+
children?: T[];
|
|
13
|
+
}> implements OnChanges, AfterContentInit {
|
|
14
|
+
readonly GlobalTermService: GlobalTermService;
|
|
15
|
+
ComponentId: string;
|
|
16
|
+
ClassName: string;
|
|
17
|
+
ShowSearch: boolean;
|
|
18
|
+
ShowSearchTooltip: boolean;
|
|
19
|
+
ShowPagination: boolean;
|
|
20
|
+
ShowRowPerPage: boolean;
|
|
21
|
+
RowsPerPage: number;
|
|
22
|
+
AllowedPageSizes: number[];
|
|
23
|
+
scrollHeight: string;
|
|
24
|
+
scrollable: boolean;
|
|
25
|
+
tableStyle: {
|
|
26
|
+
[klass: string]: any;
|
|
27
|
+
};
|
|
28
|
+
ShowCheckbox: boolean;
|
|
29
|
+
ShowIndex: boolean;
|
|
30
|
+
SelectedIdentifier: keyof T | null;
|
|
31
|
+
dataKey: string;
|
|
32
|
+
PropagateHeaderToChildren: boolean;
|
|
33
|
+
ExpandedColumnIdent: string;
|
|
34
|
+
FilteredList: T[];
|
|
35
|
+
TotalItems: number;
|
|
36
|
+
DefaultSortField: string;
|
|
37
|
+
SortField: keyof T | null;
|
|
38
|
+
SortOrder: number;
|
|
39
|
+
CurrentPage: number;
|
|
40
|
+
ListSearchOptions: {
|
|
41
|
+
id: number;
|
|
42
|
+
name: string;
|
|
43
|
+
field: string;
|
|
44
|
+
searchOnlyParent?: boolean;
|
|
45
|
+
}[];
|
|
46
|
+
EmitQueryParametersChange: EventEmitter<QueryParametersModel>;
|
|
47
|
+
EmitSortEvent: EventEmitter<SortFieldModel[]>;
|
|
48
|
+
EmitSelectedItem: EventEmitter<T[]>;
|
|
49
|
+
EmitCheckboxHeaderEvent: EventEmitter<void>;
|
|
50
|
+
Columns: QueryList<ColumnComponent>;
|
|
51
|
+
ColumnGroups: QueryList<ColumnGroupComponent>;
|
|
52
|
+
RowResumenGroups: QueryList<RowResumenTreeComponent>;
|
|
53
|
+
AdditionalTemplate?: TemplateRef<any>;
|
|
54
|
+
AdditionalCentralTemplate?: TemplateRef<any>;
|
|
55
|
+
AdditionalExtendedTemplate?: TemplateRef<any>;
|
|
56
|
+
PaginatorTable?: PaginatorComponent;
|
|
57
|
+
SearchTable?: SearchComponent;
|
|
58
|
+
ColumnList: ColumnComponent[];
|
|
59
|
+
ColumnGroupList: ColumnGroupComponent[];
|
|
60
|
+
RowResumenList: RowResumenTreeComponent[];
|
|
61
|
+
MaxLevel: number;
|
|
62
|
+
Levels: number[];
|
|
63
|
+
ListDataTable: T[];
|
|
64
|
+
SearchInput: SearchInputModel;
|
|
65
|
+
ListSearchOptionsSimple: {
|
|
66
|
+
id: number;
|
|
67
|
+
value: string;
|
|
68
|
+
}[];
|
|
69
|
+
ListDataSelected: T[];
|
|
70
|
+
ListDataSelectedTemp: T[];
|
|
71
|
+
HeaderState: Record<string, {
|
|
72
|
+
checked: boolean;
|
|
73
|
+
indeterminate: boolean;
|
|
74
|
+
}>;
|
|
75
|
+
SelectedItems: number;
|
|
76
|
+
TotalVisibleRows: number;
|
|
77
|
+
private cdr;
|
|
78
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
79
|
+
ngAfterContentInit(): void;
|
|
80
|
+
private captureColumns;
|
|
81
|
+
private captureGroups;
|
|
82
|
+
private captureResumen;
|
|
83
|
+
LoadSearchOptions(): void;
|
|
84
|
+
OnSort(field: string): void;
|
|
85
|
+
OnPageChange(pageIndex: number): void;
|
|
86
|
+
OnRowsPerPageChange(value: number): void;
|
|
87
|
+
ResetTable(): void;
|
|
88
|
+
ExecuteSearch(event: any): void;
|
|
89
|
+
UpdatePages(): void;
|
|
90
|
+
private getId;
|
|
91
|
+
get resolvedDataKey(): string;
|
|
92
|
+
getParentDisplayIndex(rowData: any): number;
|
|
93
|
+
getLetter(index: number): string;
|
|
94
|
+
getNumber(index: number): string;
|
|
95
|
+
private flattenRows;
|
|
96
|
+
private toIdSet;
|
|
97
|
+
recomputeRowSelectionState(): void;
|
|
98
|
+
recomputeHeaderState(field: string): void;
|
|
99
|
+
onBodyCheckboxChange(field: string, _row?: any): void;
|
|
100
|
+
OnHeaderCheckboxChange(checked: boolean, field: string): void;
|
|
101
|
+
OnRowSelect(event: any): void;
|
|
102
|
+
OnRowUnselect(event: any): void;
|
|
103
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeTableFetchComponent<any>, never>;
|
|
104
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeTableFetchComponent<any>, "intelica-tree-table-fetch", never, { "ComponentId": { "alias": "ComponentId"; "required": false; }; "ClassName": { "alias": "ClassName"; "required": false; }; "ShowSearch": { "alias": "ShowSearch"; "required": false; }; "ShowSearchTooltip": { "alias": "ShowSearchTooltip"; "required": false; }; "ShowPagination": { "alias": "ShowPagination"; "required": false; }; "ShowRowPerPage": { "alias": "ShowRowPerPage"; "required": false; }; "RowsPerPage": { "alias": "RowsPerPage"; "required": false; }; "AllowedPageSizes": { "alias": "AllowedPageSizes"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "ShowCheckbox": { "alias": "ShowCheckbox"; "required": false; }; "ShowIndex": { "alias": "ShowIndex"; "required": false; }; "SelectedIdentifier": { "alias": "SelectedIdentifier"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "PropagateHeaderToChildren": { "alias": "PropagateHeaderToChildren"; "required": false; }; "ExpandedColumnIdent": { "alias": "ExpandedColumnIdent"; "required": false; }; "FilteredList": { "alias": "FilteredList"; "required": false; }; "TotalItems": { "alias": "TotalItems"; "required": false; }; "DefaultSortField": { "alias": "DefaultSortField"; "required": false; }; "SortField": { "alias": "SortField"; "required": false; }; "SortOrder": { "alias": "SortOrder"; "required": false; }; "CurrentPage": { "alias": "CurrentPage"; "required": false; }; "ListSearchOptions": { "alias": "ListSearchOptions"; "required": false; }; "ListDataSelected": { "alias": "ListDataSelected"; "required": false; }; }, { "EmitQueryParametersChange": "EmitQueryParametersChange"; "EmitSortEvent": "EmitSortEvent"; "EmitSelectedItem": "EmitSelectedItem"; "EmitCheckboxHeaderEvent": "EmitCheckboxHeaderEvent"; }, ["AdditionalTemplate", "AdditionalCentralTemplate", "AdditionalExtendedTemplate", "Columns", "ColumnGroups", "RowResumenGroups"], never, true, never>;
|
|
105
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -42,6 +42,8 @@ export * from "./lib/components/skeleton/skeleton.component";
|
|
|
42
42
|
export * from "./lib/components/skeleton-table/skeleton-table.component";
|
|
43
43
|
export * from "./lib/components/skeleton-chart/skeleton-chart.component";
|
|
44
44
|
export * from "./lib/components/skeleton-chart/data.directive";
|
|
45
|
+
export * from "./lib/components/tree-table-fetch/tree-table-fetch.component";
|
|
46
|
+
export * from "./lib/components/tree-table-fetch/model/query.model";
|
|
45
47
|
export * from "./lib/components/table-fetch/table-fetch.component";
|
|
46
48
|
export * from "./lib/components/table-fetch/model/query.model";
|
|
47
49
|
export * from "./lib/components/titles/titles.component";
|