@one-paragon/angular-utilities 1.3.1 → 2.0.0-beta.10
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/action-state/ngrx.d.ts +1 -1
- package/fesm2022/one-paragon-angular-utilities.mjs +1095 -1091
- package/fesm2022/one-paragon-angular-utilities.mjs.map +1 -1
- package/ngrx/actionable-selector.d.ts +3 -3
- package/package.json +7 -8
- package/table-builder/classes/TableBuilderDataSource.d.ts +8 -2
- package/table-builder/classes/TableState.d.ts +1 -0
- package/table-builder/classes/filter-info.d.ts +3 -1
- package/table-builder/classes/table-builder-general-settings.d.ts +18 -6
- package/table-builder/classes/table-builder.d.ts +1 -1
- package/table-builder/classes/table-store.d.ts +61 -66
- package/table-builder/classes/table-store.helpers.d.ts +29 -0
- package/table-builder/components/column-builder/column-builder.component.d.ts +19 -29
- package/table-builder/components/filter/filter.component.d.ts +3 -3
- package/table-builder/components/filter/in-list/in-list-filter.component.d.ts +9 -10
- package/table-builder/components/generic-table/generic-table.component.d.ts +27 -39
- package/table-builder/components/generic-table/paginator.component.d.ts +2 -5
- package/table-builder/components/header-menu/header-menu.component.d.ts +3 -5
- package/table-builder/components/in-filter/in-filter.component.d.ts +2 -2
- package/table-builder/components/number-filter/number-filter.component.d.ts +3 -3
- package/table-builder/components/sort-menu/sort-menu.component-store.d.ts +4 -4
- package/table-builder/components/sort-menu/sort-menu.component.d.ts +6 -11
- package/table-builder/components/table-container/table-container-imports.d.ts +2 -3
- package/table-builder/components/table-container/table-container.d.ts +56 -52
- package/table-builder/components/table-container/table-container.helpers/filter-state.helpers.d.ts +2 -0
- package/table-builder/components/table-container/table-container.helpers/meta-data.helpers.d.ts +2 -0
- package/table-builder/components/table-container/tableProps.d.ts +0 -2
- package/table-builder/components/table-container/virtual-scroll-container.d.ts +12 -3
- package/table-builder/components/table-container-filter/filter-list/filter-list.component.d.ts +1 -1
- package/table-builder/components/table-container-filter/table-wrapper-filter-store.d.ts +1 -1
- package/table-builder/directives/custom-cell-directive.d.ts +17 -16
- package/table-builder/directives/multi-sort.directive.d.ts +1 -1
- package/table-builder/directives/table-wrapper.directive.d.ts +1 -1
- package/table-builder/directives/tb-filter.directive.d.ts +13 -15
- package/table-builder/interfaces/report-def.d.ts +13 -2
- package/table-builder/pipes/format-filter-value.pipe.d.ts +1 -2
- package/table-builder/pipes/key-display.d.ts +1 -2
- package/table-builder/services/transform-creator.d.ts +1 -2
- package/utilities/pipes/function.pipe.d.ts +5 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Action, MemoizedSelector
|
|
1
|
+
import { Injector } from "@angular/core";
|
|
2
|
+
import { Action, MemoizedSelector } from "@ngrx/store";
|
|
3
3
|
/**
|
|
4
4
|
* Creates a selector that can dispatch an action if conditions are met.
|
|
5
5
|
* Note: The props of the selector factory must include the props of the action.
|
|
@@ -15,7 +15,7 @@ export declare const createActionResultSelector: <State, Result, Props extends a
|
|
|
15
15
|
export declare const clearActionableSelectorRequestCache: () => {};
|
|
16
16
|
export declare function defaultFilter(data: any): boolean;
|
|
17
17
|
export declare function provideActionableSelector(): import("@angular/core").EnvironmentProviders;
|
|
18
|
-
export declare
|
|
18
|
+
export declare const setUpStoreFactory: () => void;
|
|
19
19
|
export interface CreateActionResultsOptions<State, Result, Props extends any[]> {
|
|
20
20
|
selectorFactory: (...props: Props) => MemoizedSelector<State, Result>;
|
|
21
21
|
action: (...props: Props) => () => void;
|
package/package.json
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@one-paragon/angular-utilities",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-beta.10",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "
|
|
6
|
-
"@angular/core": "
|
|
7
|
-
"@angular/material": "
|
|
8
|
-
"@ngrx/component": "18.
|
|
9
|
-
"@ngrx/
|
|
10
|
-
"@ngrx/
|
|
11
|
-
"@ngrx/store": "18.0.2"
|
|
5
|
+
"@angular/common": "19.0.0",
|
|
6
|
+
"@angular/core": "19.0.0",
|
|
7
|
+
"@angular/material": "19.0.0",
|
|
8
|
+
"@ngrx/component-store": "18.1.1",
|
|
9
|
+
"@ngrx/effects": "18.1.1",
|
|
10
|
+
"@ngrx/store": "18.1.1"
|
|
12
11
|
},
|
|
13
12
|
"dependencies": {
|
|
14
13
|
"tslib": "^2.6.2"
|
|
@@ -4,9 +4,15 @@ import { TableStore } from './table-store';
|
|
|
4
4
|
import { DataStore } from './data-store';
|
|
5
5
|
import { Signal } from '@angular/core';
|
|
6
6
|
export declare class TableBuilderDataSource<T> extends MatTableDataSource<T> {
|
|
7
|
-
|
|
7
|
+
#private;
|
|
8
8
|
subscription?: Subscription;
|
|
9
|
-
|
|
9
|
+
$dataSize: Signal<{
|
|
10
|
+
start: number;
|
|
11
|
+
end: number;
|
|
12
|
+
}>;
|
|
13
|
+
_: import("@angular/core").EffectRef;
|
|
14
|
+
setData(data: T[]): void;
|
|
15
|
+
constructor(state: TableStore, data: DataStore);
|
|
10
16
|
connect(): import("rxjs").BehaviorSubject<T[]>;
|
|
11
17
|
disconnect(): void;
|
|
12
18
|
}
|
|
@@ -20,12 +20,14 @@ export interface PartialFilter {
|
|
|
20
20
|
filterType?: FilterType;
|
|
21
21
|
filterValue?: any;
|
|
22
22
|
}
|
|
23
|
-
export interface CustomFilter<T
|
|
23
|
+
export interface CustomFilter<T = any> extends FilterState {
|
|
24
24
|
predicate: Predicate<T>;
|
|
25
25
|
filterType: typeof FilterTypes.Custom;
|
|
26
26
|
}
|
|
27
27
|
export declare function isCustomFilter(filter: FilterInfo | CustomFilter): filter is CustomFilter;
|
|
28
28
|
export declare function isFilterInfo(filter: FilterInfo | CustomFilter): filter is FilterInfo;
|
|
29
|
+
export declare function createFilterFuncs(filters: (FilterInfo | CustomFilter)[]): Predicate<any>[];
|
|
30
|
+
export declare function needsFilterCreation(filter: FilterInfo | CustomFilter): boolean;
|
|
29
31
|
export declare function createFilterFunc(filter: FilterInfo | CustomFilter): Predicate<any>;
|
|
30
32
|
export type FilterFunc<T, V = T> = (filterInfo: FilterInfo) => (val: V) => boolean;
|
|
31
33
|
export type Range<T> = {
|
|
@@ -31,9 +31,10 @@ export declare class TableColumnHeaderSettings {
|
|
|
31
31
|
noHeader: boolean;
|
|
32
32
|
}
|
|
33
33
|
export declare class TableSettings {
|
|
34
|
-
usePaginator: boolean;
|
|
35
|
-
useVirtualScroll:
|
|
36
|
-
|
|
34
|
+
usePaginator: boolean | undefined;
|
|
35
|
+
useVirtualScroll: boolean | undefined;
|
|
36
|
+
paginatorSettings: Partial<PaginatorOptions> | undefined;
|
|
37
|
+
virtualScrollSettings: Partial<VirtualScrollOptions> | undefined;
|
|
37
38
|
rowHeight: string | number | undefined;
|
|
38
39
|
groupHeaderHeight?: number;
|
|
39
40
|
minColumnWidth: number | undefined;
|
|
@@ -55,15 +56,15 @@ export declare class NotPersistedTableSettings {
|
|
|
55
56
|
hideColumnHeaderFilters: boolean;
|
|
56
57
|
hideColumnHeader: boolean;
|
|
57
58
|
usePaginator: boolean;
|
|
58
|
-
useVirtualScroll:
|
|
59
|
-
|
|
59
|
+
useVirtualScroll: boolean;
|
|
60
|
+
paginatorSettings: PaginatorOptions | undefined;
|
|
61
|
+
virtualSettings: VirtualScrollOptions | undefined;
|
|
60
62
|
groupHeaderHeight?: number;
|
|
61
63
|
rowHeight?: string | number | undefined;
|
|
62
64
|
headerHeight?: string | number;
|
|
63
65
|
minColumnWidth?: number | undefined;
|
|
64
66
|
}
|
|
65
67
|
export declare class VirtualScrollOptions {
|
|
66
|
-
virtualAsDefault: boolean;
|
|
67
68
|
rowHeight: number;
|
|
68
69
|
enforceRowHeight: boolean;
|
|
69
70
|
headerHeight: number;
|
|
@@ -73,6 +74,17 @@ export declare class VirtualScrollOptions {
|
|
|
73
74
|
* This will win over `amountOfVisibleItems`
|
|
74
75
|
*/
|
|
75
76
|
maxViewPortHeight: number | undefined;
|
|
77
|
+
/**
|
|
78
|
+
* Will try to bring the table to the bottom of the screen
|
|
79
|
+
* If `amountOfVisibleItems` is set that will be the minimum number of rows
|
|
80
|
+
* If `maxViewPortHeight` is set that will be the max table size
|
|
81
|
+
*/
|
|
82
|
+
dynamicHeight: boolean;
|
|
83
|
+
}
|
|
84
|
+
export declare class PaginatorOptions {
|
|
85
|
+
pageSize: number | undefined;
|
|
86
|
+
defaultAll: boolean;
|
|
87
|
+
includeAllInOptions: boolean;
|
|
76
88
|
}
|
|
77
89
|
export declare const DefaultVirtualScrollOptions: {
|
|
78
90
|
rowHeight: number;
|
|
@@ -5,7 +5,7 @@ import { Signal } from '@angular/core';
|
|
|
5
5
|
export declare class TableBuilder<T = any> {
|
|
6
6
|
metaData$: Observable<MetaData<T>[]>;
|
|
7
7
|
data$: Observable<T[]>;
|
|
8
|
-
settings
|
|
8
|
+
settings$: Observable<TableBuilderSettings>;
|
|
9
9
|
constructor(data: TableBuilderArgs<T[]>, metaData?: TableBuilderArgs<MetaData<T, any>[]>, settings?: TableBuilderArgs<TableBuilderSettings>);
|
|
10
10
|
getData$(): Observable<any[]>;
|
|
11
11
|
createMetaData(obj: any): MetaData[];
|
|
@@ -1,31 +1,58 @@
|
|
|
1
1
|
import { MetaData } from '../interfaces/report-def';
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
3
|
import { GroupedData, InitializationState, PersistedTableState, TableState } from './TableState';
|
|
4
|
-
import {
|
|
4
|
+
import { Signal } from '@angular/core';
|
|
5
5
|
import { CustomFilter, FilterInfo } from './filter-info';
|
|
6
6
|
import { Sort, SortDirection } from '@angular/material/sort';
|
|
7
7
|
import { ComponentStore } from '@ngrx/component-store';
|
|
8
8
|
import { Dictionary } from '../interfaces/dictionary';
|
|
9
9
|
import { NonFunctionProperties, NotPersistedTableSettings, PersistedTableSettings, TableBuilderSettings } from './table-builder-general-settings';
|
|
10
|
+
import { TableProps } from '../components/table-container/tableProps';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
11
|
-
export declare function stateIs(initializationState: InitializationState): (state: TableState) => boolean;
|
|
12
12
|
export declare class TableStore extends ComponentStore<TableState> {
|
|
13
13
|
constructor();
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
$
|
|
21
|
-
$
|
|
22
|
-
$hiddenKeys:
|
|
23
|
-
$
|
|
24
|
-
|
|
25
|
-
$
|
|
26
|
-
$
|
|
27
|
-
|
|
14
|
+
$initializationState: Signal<InitializationState>;
|
|
15
|
+
$savableState: Signal<PersistedTableState>;
|
|
16
|
+
$userDefinedOrder: Signal<Dictionary<number>>;
|
|
17
|
+
metaData$: Observable<Dictionary<MetaData>>;
|
|
18
|
+
$metaData: Signal<Dictionary<MetaData>>;
|
|
19
|
+
$metaDataArray: Signal<MetaData[]>;
|
|
20
|
+
$orderedCodeVisibleMetaDatas: Signal<MetaData[]>;
|
|
21
|
+
$getMetaData: (key: string) => Signal<MetaData>;
|
|
22
|
+
$hiddenKeys: Signal<string[]>;
|
|
23
|
+
$orderedVisibleColumns: Signal<string[]>;
|
|
24
|
+
$getUserDefinedWidths: Signal<Dictionary<number>>;
|
|
25
|
+
$tableSettingsMinWidth: Signal<number | undefined>;
|
|
26
|
+
$getUserDefinedWidth: (key: string) => Signal<number>;
|
|
27
|
+
$filters: Signal<Dictionary<FilterInfo<any, any> | CustomFilter<any>>>;
|
|
28
|
+
filters$: Observable<Dictionary<FilterInfo<any, any> | CustomFilter<any>>>;
|
|
29
|
+
$getFilter: (filterId: string) => Signal<FilterInfo | CustomFilter | undefined>;
|
|
30
|
+
$selectSorted: Signal<Sort[]>;
|
|
31
|
+
selectSorted$: Observable<Sort[]>;
|
|
32
|
+
sort$: Observable<Sort[]>;
|
|
33
|
+
$getUserDefinedTableWidth: Signal<number | undefined>;
|
|
34
|
+
getUserDefinedTableWidth$: Observable<number | undefined>;
|
|
35
|
+
$footerCollapsed: Signal<boolean>;
|
|
36
|
+
$headerCollapsed: Signal<boolean>;
|
|
37
|
+
$groupBy: Signal<GroupedData[]>;
|
|
38
|
+
$groupByKeys: Signal<string[]>;
|
|
39
|
+
groupByKeys$: Observable<string[]>;
|
|
40
|
+
expandedGroups$: Observable<GroupedData[]>;
|
|
41
|
+
$getIsExpanded: (columnKey: string, groupHeaderKey: string) => Signal<boolean>;
|
|
42
|
+
$currentPage: Signal<number>;
|
|
43
|
+
$pageSize: Signal<number>;
|
|
44
|
+
$showAll: Signal<boolean>;
|
|
45
|
+
$tableSettings: Signal<NonFunctionProperties<PersistedTableSettings & NotPersistedTableSettings>>;
|
|
46
|
+
tableSettings$: Observable<NonFunctionProperties<PersistedTableSettings & NotPersistedTableSettings>>;
|
|
47
|
+
$props: Signal<TableProps>;
|
|
48
|
+
$getLinkInfo: (md: MetaData) => Signal<import("../services/link-creator.service").LinkInfo>;
|
|
49
|
+
$isVirtual: Signal<boolean | undefined>;
|
|
50
|
+
$viewType: Signal<ViewType>;
|
|
28
51
|
readonly resetState: () => void;
|
|
52
|
+
readonly updateStateFromPersistedState: (observableOrValue: PersistedTableState | Observable<PersistedTableState>) => import("rxjs").Subscription;
|
|
53
|
+
private updateStateFunc;
|
|
54
|
+
readonly setTableSettings: (observableOrValue: TableBuilderSettings | Observable<TableBuilderSettings>) => import("rxjs").Subscription;
|
|
55
|
+
readonly setMetaData: (observableOrValue: MetaData[] | Observable<MetaData[]>) => import("rxjs").Subscription;
|
|
29
56
|
readonly showColumn: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
|
|
30
57
|
readonly hideColumn: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
|
|
31
58
|
readonly setHiddenColumns: (observableOrValue: {
|
|
@@ -35,32 +62,26 @@ export declare class TableStore extends ComponentStore<TableState> {
|
|
|
35
62
|
key: string;
|
|
36
63
|
visible: boolean;
|
|
37
64
|
}[]>) => import("rxjs").Subscription;
|
|
38
|
-
setUserDefinedWidth: (observableOrValue: {
|
|
65
|
+
readonly setUserDefinedWidth: (observableOrValue: {
|
|
39
66
|
key: string;
|
|
40
67
|
widthInPixel: number;
|
|
41
68
|
}[] | Observable<{
|
|
42
69
|
key: string;
|
|
43
70
|
widthInPixel: number;
|
|
44
71
|
}[]>) => import("rxjs").Subscription;
|
|
45
|
-
setUserDefinedOrder: (observableOrValue: {
|
|
72
|
+
readonly setUserDefinedOrder: (observableOrValue: {
|
|
46
73
|
newOrder: number;
|
|
47
74
|
oldOrder: number;
|
|
48
75
|
} | Observable<{
|
|
49
76
|
newOrder: number;
|
|
50
77
|
oldOrder: number;
|
|
51
78
|
}>) => import("rxjs").Subscription;
|
|
52
|
-
$filters: import("@angular/core").Signal<Dictionary<FilterInfo<any, any> | CustomFilter<any>>>;
|
|
53
|
-
readonly filters$: Observable<Dictionary<FilterInfo<any, any> | CustomFilter<any>>>;
|
|
54
|
-
readonly getFilter$: (filterId: string) => Observable<FilterInfo | CustomFilter | undefined>;
|
|
55
79
|
readonly addFilter: (observableOrValue: FilterInfo<any, any> | CustomFilter<any> | Observable<FilterInfo<any, any> | CustomFilter<any>>) => import("rxjs").Subscription;
|
|
56
80
|
readonly addFilters: (observableOrValue: (FilterInfo<any, any> | CustomFilter<any>)[] | Observable<(FilterInfo<any, any> | CustomFilter<any>)[]>) => import("rxjs").Subscription;
|
|
57
|
-
private addFiltersToState;
|
|
58
81
|
readonly removeFilter: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
|
|
59
82
|
readonly removeFilters: (observableOrValue: string[] | Observable<string[]>) => import("rxjs").Subscription;
|
|
60
83
|
readonly clearFilters: () => void;
|
|
61
|
-
|
|
62
|
-
readonly sort$: Observable<Sort[]>;
|
|
63
|
-
createPreSort: (metaDatas: Dictionary<MetaData>) => Sort[];
|
|
84
|
+
private addFiltersToState;
|
|
64
85
|
readonly setSort: (observableOrValue: {
|
|
65
86
|
key: string;
|
|
66
87
|
direction?: SortDirection;
|
|
@@ -69,27 +90,18 @@ export declare class TableStore extends ComponentStore<TableState> {
|
|
|
69
90
|
direction?: SortDirection;
|
|
70
91
|
}>) => import("rxjs").Subscription;
|
|
71
92
|
readonly setAllSort: (observableOrValue: Sort[] | Observable<Sort[]>) => import("rxjs").Subscription;
|
|
72
|
-
|
|
93
|
+
readonly setCurrentPage: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
|
|
73
94
|
readonly setPageSize: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
|
|
74
|
-
|
|
75
|
-
readonly
|
|
76
|
-
readonly
|
|
77
|
-
|
|
78
|
-
getUserDefinedTableSize$: Observable<number | undefined>;
|
|
79
|
-
setTableWidth: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
|
|
80
|
-
mergeMeta: (orig: MetaData, merge: MetaData) => MetaData;
|
|
95
|
+
readonly setUserDefinedPageSize: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
|
|
96
|
+
readonly setUserDefinedShowAll: (observableOrValue: boolean | Observable<boolean>) => import("rxjs").Subscription;
|
|
97
|
+
readonly setProps: (observableOrValue: TableProps | Observable<TableProps>) => import("rxjs").Subscription;
|
|
98
|
+
readonly setTableWidth: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
|
|
81
99
|
readonly setInitializationState: (observableOrValue: InitializationState | Observable<InitializationState>) => import("rxjs").Subscription;
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
readonly
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
toggleCollapseFooter: () => void;
|
|
88
|
-
$collapseFooter: import("@angular/core").Signal<boolean>;
|
|
89
|
-
$collapseHeader: import("@angular/core").Signal<boolean>;
|
|
90
|
-
addGroupByKey: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
|
|
91
|
-
removeGroupByKey: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
|
|
92
|
-
updateExpandedGroups: (observableOrValue: {
|
|
100
|
+
readonly toggleCollapseHeader: () => void;
|
|
101
|
+
readonly toggleCollapseFooter: () => void;
|
|
102
|
+
readonly addGroupByKey: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
|
|
103
|
+
readonly removeGroupByKey: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
|
|
104
|
+
readonly updateExpandedGroups: (observableOrValue: {
|
|
93
105
|
key: string;
|
|
94
106
|
groupKey: string;
|
|
95
107
|
isExpanded: boolean;
|
|
@@ -98,7 +110,7 @@ export declare class TableStore extends ComponentStore<TableState> {
|
|
|
98
110
|
groupKey: string;
|
|
99
111
|
isExpanded: boolean;
|
|
100
112
|
}>) => import("rxjs").Subscription;
|
|
101
|
-
expandAllOfGroup: (observableOrValue: {
|
|
113
|
+
readonly expandAllOfGroup: (observableOrValue: {
|
|
102
114
|
groupHeadersByKey: Dictionary<{
|
|
103
115
|
groupName: string;
|
|
104
116
|
}[]>;
|
|
@@ -107,32 +119,15 @@ export declare class TableStore extends ComponentStore<TableState> {
|
|
|
107
119
|
groupName: string;
|
|
108
120
|
}[]>;
|
|
109
121
|
}>) => import("rxjs").Subscription;
|
|
110
|
-
collapseAll: () => void;
|
|
111
|
-
collapseAllOfKey: (observableOrValue: {
|
|
122
|
+
readonly collapseAll: () => void;
|
|
123
|
+
readonly collapseAllOfKey: (observableOrValue: {
|
|
112
124
|
keys: string[];
|
|
113
125
|
} | Observable<{
|
|
114
126
|
keys: string[];
|
|
115
127
|
}>) => import("rxjs").Subscription;
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
setTableSettings: (observableOrValue: TableBuilderSettings | Observable<TableBuilderSettings>) => import("rxjs").Subscription;
|
|
119
|
-
tableSettings: import("@angular/core").Signal<NonFunctionProperties<PersistedTableSettings & NotPersistedTableSettings>>;
|
|
120
|
-
tableSettings$: Observable<NonFunctionProperties<PersistedTableSettings & NotPersistedTableSettings>>;
|
|
121
|
-
props: import("@angular/core").Signal<import("../components/table-container/tableProps").TableProps>;
|
|
122
|
-
setLinkMaps: (() => void) | ((observableOrValue: any) => import("rxjs").Subscription);
|
|
123
|
-
getLinkInfo: (md: MetaData) => import("@angular/core").Signal<import("../services/link-creator.service").LinkInfo>;
|
|
124
|
-
getIsExpanded: (columnKey: string, groupHeaderKey: string) => import("@angular/core").Signal<boolean>;
|
|
125
|
-
$isVirtual: import("@angular/core").Signal<boolean>;
|
|
126
|
-
$viewType: import("@angular/core").Signal<ViewType>;
|
|
127
|
-
$orderedCodeVisibleMetaDatas: import("@angular/core").Signal<MetaData[]>;
|
|
128
|
-
$orderedVisibleColumns: import("@angular/core").Signal<string[]>;
|
|
129
|
-
$currentPage: import("@angular/core").Signal<number>;
|
|
130
|
-
$pageSize: import("@angular/core").Signal<number>;
|
|
128
|
+
readonly setLinkMaps: (() => void) | ((observableOrValue: any) => import("rxjs").Subscription);
|
|
129
|
+
on: <V>(srcObservable: Observable<V>, func: (obj: V) => void) => this;
|
|
131
130
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableStore, never>;
|
|
132
131
|
static ɵprov: i0.ɵɵInjectableDeclaration<TableStore>;
|
|
133
132
|
}
|
|
134
|
-
export declare const orderedStateVisibleMetaData: (state: TableState) => MetaData[];
|
|
135
|
-
export declare const orderedCodeVisibleMetaData: (state: TableState) => MetaData[];
|
|
136
|
-
export declare const orderStateMetaData: (state: TableState) => MetaData[];
|
|
137
|
-
export declare const orderMetaData: (metaData: Dictionary<MetaData>, userDefined: Dictionary<number>) => MetaData[];
|
|
138
133
|
export type ViewType = 'virtual paginator' | 'paginator' | 'virtual all' | 'all';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Sort } from "@angular/material/sort";
|
|
2
|
+
import { Dictionary } from "../interfaces/dictionary";
|
|
3
|
+
import { MetaData } from "../interfaces/report-def";
|
|
4
|
+
import { PersistedTableState, TableState } from "./TableState";
|
|
5
|
+
export declare const orderedStateVisibleMetaData: (state: TableState) => MetaData[];
|
|
6
|
+
export declare const orderedCodeVisibleMetaData: (state: TableState) => MetaData[];
|
|
7
|
+
export declare const orderStateMetaData: (state: TableState) => MetaData[];
|
|
8
|
+
export declare const orderMetaData: (metaData: Dictionary<MetaData>, userDefined: Dictionary<number>) => MetaData[];
|
|
9
|
+
export declare function order(orderA: number | undefined, orderB: number | undefined): number;
|
|
10
|
+
export declare function cleanPersistedState(state: TableState, pState: PersistedTableState): {
|
|
11
|
+
filters: any;
|
|
12
|
+
sorted: Sort[];
|
|
13
|
+
hiddenKeys?: string[];
|
|
14
|
+
userDefined: {
|
|
15
|
+
order: Dictionary<number>;
|
|
16
|
+
widths: Dictionary<number>;
|
|
17
|
+
table: {
|
|
18
|
+
width?: number;
|
|
19
|
+
};
|
|
20
|
+
pageSize?: number;
|
|
21
|
+
showAll?: boolean;
|
|
22
|
+
};
|
|
23
|
+
persistedTableSettings: import("@one-paragon/angular-utilities").PersistedTableSettings;
|
|
24
|
+
groupBy: import("./TableState").GroupedData[];
|
|
25
|
+
};
|
|
26
|
+
export declare const mapSaveableState: (s: PersistedTableState) => PersistedTableState;
|
|
27
|
+
export declare const createPreSort: (metaDatas: Dictionary<MetaData>) => Sort[];
|
|
28
|
+
export declare const mergeMeta: (orig: MetaData, merge: MetaData) => MetaData;
|
|
29
|
+
export declare const initializeOrder: (state: TableState, mds: Dictionary<MetaData>) => Dictionary<number>;
|
|
@@ -1,50 +1,40 @@
|
|
|
1
|
-
import { TemplateRef,
|
|
1
|
+
import { TemplateRef, Predicate, Injector, Signal } from '@angular/core';
|
|
2
2
|
import { FieldType, MetaData } from '../../interfaces/report-def';
|
|
3
3
|
import { MatColumnDef } from '@angular/material/table';
|
|
4
|
-
import { Observable } from 'rxjs';
|
|
5
4
|
import { CustomCellDirective } from '../../directives';
|
|
6
|
-
import { FilterInfo } from '../../classes/filter-info';
|
|
7
5
|
import { Dictionary } from '@ngrx/entity';
|
|
8
|
-
import { LinkInfo } from '../../services/link-creator.service';
|
|
9
6
|
import * as i0 from "@angular/core";
|
|
10
|
-
export declare class ColumnBuilderComponent
|
|
7
|
+
export declare class ColumnBuilderComponent {
|
|
8
|
+
FieldType: typeof FieldType;
|
|
11
9
|
private transformCreator;
|
|
12
10
|
private table;
|
|
13
11
|
private state;
|
|
14
12
|
private templateService;
|
|
13
|
+
private tableConfig;
|
|
15
14
|
protected injector: Injector;
|
|
16
|
-
columnDef: MatColumnDef
|
|
17
|
-
bodyTemplate: TemplateRef<any>;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
outerTemplate: TemplateRef<any>;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
getInnerTemplate(): TemplateRef<any>;
|
|
30
|
-
showFilters$: Observable<boolean>;
|
|
31
|
-
getOuterTemplate(): TemplateRef<any>;
|
|
32
|
-
classes?: Dictionary<Predicate<any>>;
|
|
33
|
-
styles: import("@angular/core").Signal<{
|
|
15
|
+
$columnDef: Signal<MatColumnDef | undefined>;
|
|
16
|
+
$bodyTemplate: Signal<TemplateRef<any> | undefined>;
|
|
17
|
+
protected $metaData: import("@angular/core").WritableSignal<MetaData | undefined>;
|
|
18
|
+
$additional: Signal<number | import("../../services/link-creator.service").LinkInfo | undefined>;
|
|
19
|
+
setMetaData(md: MetaData): void;
|
|
20
|
+
$customCell: import("@angular/core").WritableSignal<CustomCellDirective<any> | undefined>;
|
|
21
|
+
$data: Signal<any[]>;
|
|
22
|
+
$transform: Signal<((value: any, ...args: any[]) => any) | undefined>;
|
|
23
|
+
$innerTemplate: Signal<TemplateRef<any> | undefined>;
|
|
24
|
+
$showFilters: Signal<boolean | undefined>;
|
|
25
|
+
$outerTemplate: Signal<TemplateRef<any> | undefined>;
|
|
26
|
+
$classes: Signal<Dictionary<Predicate<any>> | undefined>;
|
|
27
|
+
$styles: Signal<{
|
|
34
28
|
header: Dictionary<string>;
|
|
35
29
|
body: import("../../../utilities").StylerStyle;
|
|
36
30
|
footer: Dictionary<string>;
|
|
37
|
-
}>;
|
|
38
|
-
ngOnInit(): void;
|
|
31
|
+
} | undefined>;
|
|
39
32
|
private viewInited;
|
|
40
33
|
ngAfterViewInit(): void;
|
|
41
34
|
private onViewInit;
|
|
42
35
|
whenViewInited: (callback: () => void) => void;
|
|
43
|
-
initialSetUp(): void;
|
|
44
|
-
furtherSetUp(): void;
|
|
45
36
|
cellClicked(element: any, key: string): void;
|
|
46
|
-
getTooltip: (element: any) => string;
|
|
47
|
-
additional: LinkInfo | number | undefined;
|
|
37
|
+
getTooltip: (element: any) => string | undefined;
|
|
48
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnBuilderComponent, never>;
|
|
49
39
|
static ɵcmp: i0.ɵɵComponentDeclaration<ColumnBuilderComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
50
40
|
}
|
|
@@ -3,7 +3,7 @@ import { TableStore } from '../../classes/table-store';
|
|
|
3
3
|
import { FilterType } from '../../enums/filterTypes';
|
|
4
4
|
import { FieldType } from '../../interfaces/report-def';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class FilterComponent
|
|
6
|
+
export declare class FilterComponent {
|
|
7
7
|
protected state: TableStore;
|
|
8
8
|
filterTypes: Record<FieldType, FilterType[]>;
|
|
9
9
|
FilterType: {
|
|
@@ -41,6 +41,6 @@ export declare class FilterComponent<T extends FieldType> {
|
|
|
41
41
|
$currentFilterType: import("@angular/core").Signal<FilterType | undefined>;
|
|
42
42
|
$availableFilterTypes: import("@angular/core").Signal<FilterType[]>;
|
|
43
43
|
onEnter(filter: FilterInfo, event: any): void;
|
|
44
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "tb-filter", never, { "$filter": { "alias": "filter"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
|
|
46
46
|
}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { ControlValueAccessor } from '@angular/forms';
|
|
2
|
-
import {
|
|
3
|
-
import { Dictionary } from '../../../interfaces/dictionary';
|
|
4
|
-
import { FieldType, MetaData } from '../../../interfaces/report-def';
|
|
2
|
+
import { FieldType } from '../../../interfaces/report-def';
|
|
5
3
|
import * as i0 from "@angular/core";
|
|
6
4
|
export declare class InListFilterComponent implements ControlValueAccessor {
|
|
7
5
|
private ref;
|
|
@@ -13,12 +11,13 @@ export declare class InListFilterComponent implements ControlValueAccessor {
|
|
|
13
11
|
registerOnChange(fn: any): void;
|
|
14
12
|
onTouched: () => void;
|
|
15
13
|
registerOnTouched(fn: any): void;
|
|
16
|
-
key: string
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
14
|
+
$key: import("@angular/core").InputSignal<string>;
|
|
15
|
+
$selectedKeys: import("@angular/core").WritableSignal<string[]>;
|
|
16
|
+
$metaData: import("@angular/core").Signal<import("../../../interfaces/report-def").MetaData>;
|
|
17
|
+
$keyValues: import("@angular/core").Signal<{
|
|
18
|
+
[key: number]: string;
|
|
19
|
+
}>;
|
|
20
|
+
selectFilterChanged($event: any, val: string): void;
|
|
22
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<InListFilterComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InListFilterComponent, "tb-in-list-filter , [tb-in-list-filter]", never, { "key": { "alias": "key"; "required":
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InListFilterComponent, "tb-in-list-filter , [tb-in-list-filter]", never, { "$key": { "alias": "key"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
24
23
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { MatFooterRowDef, MatHeaderRowDef, MatRowDef, MatTable } from '@angular/material/table';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
1
|
+
import { Injector } from '@angular/core';
|
|
2
|
+
import { MatFooterRowDef, MatHeaderRowDef, MatRowDef, MatTable, MatTableDataSource } from '@angular/material/table';
|
|
4
3
|
import { SelectionChange, SelectionModel } from '@angular/cdk/collections';
|
|
5
4
|
import { TableStore } from '../../classes/table-store';
|
|
6
5
|
import { ColumnBuilderComponent } from '../column-builder/column-builder.component';
|
|
@@ -8,43 +7,38 @@ import { Dictionary } from '../../interfaces/dictionary';
|
|
|
8
7
|
import { ColumnInfo } from '../../interfaces/ColumnInfo';
|
|
9
8
|
import { CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
|
|
10
9
|
import * as i0 from "@angular/core";
|
|
11
|
-
export declare class GenericTableComponent
|
|
10
|
+
export declare class GenericTableComponent {
|
|
11
|
+
#private;
|
|
12
12
|
protected state: TableStore;
|
|
13
13
|
private dataStore;
|
|
14
14
|
private viewContainer;
|
|
15
15
|
private transformCreator;
|
|
16
|
+
private _injector;
|
|
16
17
|
smallFooter: number;
|
|
17
18
|
$headerRow: import("@angular/core").Signal<MatHeaderRowDef | undefined>;
|
|
18
19
|
$footerRow: import("@angular/core").Signal<MatFooterRowDef | undefined>;
|
|
19
20
|
$table: import("@angular/core").Signal<MatTable<any> | undefined>;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
get trackBy(): string | undefined;
|
|
24
|
-
$displayData: import("@angular/core").InputSignal<any[]>;
|
|
25
|
-
$displayDataLength: import("@angular/core").Signal<number>;
|
|
26
|
-
$hasFooterMeta: import("@angular/core").Signal<boolean>;
|
|
21
|
+
$dropList: import("@angular/core").Signal<CdkDropList<any> | undefined>;
|
|
22
|
+
selection$: import("@angular/core").OutputEmitterRef<SelectionChange<any>>;
|
|
23
|
+
$displayDataLength: import("@angular/core").InputSignal<number>;
|
|
27
24
|
$data: import("@angular/core").InputSignal<any[]>;
|
|
28
|
-
data$: Observable<any[]>;
|
|
29
25
|
$rows: import("@angular/core").InputSignal<MatRowDef<any>[]>;
|
|
30
26
|
$columnInfos: import("@angular/core").InputSignal<ColumnInfo[]>;
|
|
27
|
+
$dataSource: import("@angular/core").InputSignal<MatTableDataSource<any, import("@angular/material/paginator").MatPaginator>>;
|
|
28
|
+
$keys: import("@angular/core").Signal<string[]>;
|
|
29
|
+
keys$: import("rxjs").Observable<string[]>;
|
|
30
|
+
$trackBy: import("@angular/core").InputSignal<string | undefined>;
|
|
31
|
+
$trackByFunction: import("@angular/core").Signal<(index: number, item: any) => any>;
|
|
32
|
+
$hasFooterMeta: import("@angular/core").Signal<boolean>;
|
|
31
33
|
$hasCustomFooter: import("@angular/core").Signal<boolean>;
|
|
32
|
-
dropList: CdkDropList;
|
|
33
34
|
$footerRowStyle: import("@angular/core").Signal<"regular-footer" | "no-footer" | "small-footer">;
|
|
34
35
|
$showFooterRow: import("@angular/core").Signal<boolean>;
|
|
35
|
-
_injector: Injector;
|
|
36
36
|
injector: Injector;
|
|
37
|
-
$hasSelectColumn: import("@angular/core").Signal<boolean>;
|
|
38
37
|
$hasIndexColumn: import("@angular/core").Signal<boolean>;
|
|
39
38
|
$columns: import("@angular/core").WritableSignal<Dictionary<ColumnBuilderComponent>>;
|
|
40
39
|
$showHeader: import("@angular/core").Signal<boolean>;
|
|
41
|
-
offset
|
|
42
|
-
|
|
43
|
-
defaultTrackBy: (index: number, item: any) => any;
|
|
44
|
-
trackByFunction: (index: number, item: any) => any;
|
|
45
|
-
$keys: import("@angular/core").Signal<string[]>;
|
|
46
|
-
keys$: Observable<string[]>;
|
|
47
|
-
ngOnInit(): void;
|
|
40
|
+
$offset: import("@angular/core").Signal<number>;
|
|
41
|
+
drop(event: CdkDragDrop<string[]>): void;
|
|
48
42
|
$usePaginator: import("@angular/core").Signal<boolean>;
|
|
49
43
|
$useVirtualScroll: import("@angular/core").Signal<boolean>;
|
|
50
44
|
$offsetIndex: import("@angular/core").Signal<number>;
|
|
@@ -53,32 +47,26 @@ export declare class GenericTableComponent implements OnInit {
|
|
|
53
47
|
}): boolean;
|
|
54
48
|
setExpanded(key: string, groupKey: string, isExpanded: boolean): void;
|
|
55
49
|
buildColumn(column: ColumnInfo): void;
|
|
56
|
-
|
|
57
|
-
selection
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
50
|
+
$hasSelectColumn: import("@angular/core").Signal<boolean>;
|
|
51
|
+
$selection: import("@angular/core").Signal<SelectionModel<any>>;
|
|
52
|
+
selectionChange$: import("rxjs").Observable<SelectionChange<any>>;
|
|
53
|
+
$selectionChange: import("@angular/core").Signal<SelectionChange<any> | undefined>;
|
|
54
|
+
onSelectionChangeEffect: import("@angular/core").EffectRef;
|
|
55
|
+
$isAllSelected: import("@angular/core").Signal<boolean>;
|
|
56
|
+
$masterToggleChecked: import("@angular/core").Signal<boolean>;
|
|
57
|
+
$masterToggleIndeterminate: import("@angular/core").Signal<boolean>;
|
|
61
58
|
$selectableData: import("@angular/core").Signal<any[]>;
|
|
62
|
-
selectableData$: Observable<any[]>;
|
|
63
|
-
isAllSelected(): boolean;
|
|
64
59
|
/** Selects all rows if they are not all selected; otherwise clear selection. */
|
|
65
60
|
masterToggle(): void;
|
|
66
|
-
tableWidth:
|
|
67
|
-
width: string;
|
|
68
|
-
minWidth: string;
|
|
69
|
-
} | {
|
|
61
|
+
$tableWidth: import("@angular/core").WritableSignal<{
|
|
70
62
|
width: string;
|
|
71
|
-
minWidth?: undefined;
|
|
72
|
-
} | {
|
|
73
|
-
width?: undefined;
|
|
74
|
-
minWidth?: undefined;
|
|
75
63
|
}>;
|
|
76
64
|
getTransform: (key: string, val: string) => any;
|
|
77
65
|
$rowHeight: import("@angular/core").Signal<string | undefined>;
|
|
78
66
|
$headerHeight: import("@angular/core").Signal<string | undefined>;
|
|
79
67
|
$groupHeaderHeight: import("@angular/core").Signal<string | undefined>;
|
|
80
68
|
$footerHeight: import("@angular/core").Signal<string | undefined>;
|
|
81
|
-
$stickyFooter: import("@angular/core").Signal<boolean>;
|
|
69
|
+
$stickyFooter: import("@angular/core").Signal<boolean | undefined>;
|
|
82
70
|
static ɵfac: i0.ɵɵFactoryDeclaration<GenericTableComponent, never>;
|
|
83
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableComponent, "tb-generic-table", never, { "
|
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableComponent, "tb-generic-table", never, { "$displayDataLength": { "alias": "displayDataLength"; "required": true; "isSignal": true; }; "$data": { "alias": "data"; "required": true; "isSignal": true; }; "$rows": { "alias": "rows"; "required": false; "isSignal": true; }; "$columnInfos": { "alias": "columnInfos"; "required": true; "isSignal": true; }; "$dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "$trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "selection$": "selection"; }, never, never, true, never>;
|
|
84
72
|
}
|