@firestitch/list 12.16.0 → 12.17.0
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/app/classes/selection-controller.d.ts +11 -2
- package/app/components/body/body.component.d.ts +1 -2
- package/app/components/body/row/actions/actions.component.d.ts +2 -0
- package/app/components/body/row/row.component.d.ts +2 -0
- package/app/components/footer/footer.component.d.ts +2 -3
- package/app/components/head/head-cell/head-cell.component.d.ts +3 -3
- package/app/components/head/head.component.d.ts +9 -7
- package/app/directives/draggable-list/draggable-list.directive.d.ts +5 -0
- package/bundles/firestitch-list.umd.js +88 -57
- package/bundles/firestitch-list.umd.js.map +1 -1
- package/esm2015/app/classes/selection-controller.js +19 -10
- package/esm2015/app/components/body/body.component.js +6 -5
- package/esm2015/app/components/body/row/actions/actions.component.js +6 -3
- package/esm2015/app/components/body/row/row.component.js +18 -10
- package/esm2015/app/components/footer/footer.component.js +7 -6
- package/esm2015/app/components/head/head-cell/head-cell.component.js +10 -9
- package/esm2015/app/components/head/head.component.js +19 -16
- package/esm2015/app/components/list/list.component.js +1 -1
- package/esm2015/app/components/status/status.component.js +1 -1
- package/esm2015/app/directives/draggable-list/draggable-list.directive.js +16 -11
- package/fesm2015/firestitch-list.js +90 -59
- package/fesm2015/firestitch-list.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
1
|
import { SelectionDialog } from '@firestitch/selection';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
3
|
import { FsListSelectionConfig } from '../interfaces';
|
|
4
4
|
import { Row } from '../models/row';
|
|
5
5
|
export declare enum SelectionChangeType {
|
|
@@ -39,12 +39,14 @@ export declare class SelectionController {
|
|
|
39
39
|
setRowsCallback(data: () => any[]): void;
|
|
40
40
|
/**
|
|
41
41
|
* Trigger when row was selected
|
|
42
|
+
*
|
|
42
43
|
* @param row
|
|
43
44
|
* @param checked
|
|
44
45
|
*/
|
|
45
46
|
rowSelectionChange(row: Row, checked: boolean): void;
|
|
46
47
|
/**
|
|
47
48
|
* Do check or uncheck of visible rows
|
|
49
|
+
*
|
|
48
50
|
* @param checked
|
|
49
51
|
*/
|
|
50
52
|
selectAllVisibleRows(checked: any): void;
|
|
@@ -56,11 +58,13 @@ export declare class SelectionController {
|
|
|
56
58
|
openDialog(): void;
|
|
57
59
|
/**
|
|
58
60
|
* Update count of visible elements
|
|
61
|
+
*
|
|
59
62
|
* @param count
|
|
60
63
|
*/
|
|
61
64
|
updateVisibleRecordsCount(count: number): void;
|
|
62
65
|
/**
|
|
63
66
|
* Update count of total available elemenets
|
|
67
|
+
*
|
|
64
68
|
* @param count
|
|
65
69
|
*/
|
|
66
70
|
updateTotalRecordsCount(count: number): void;
|
|
@@ -71,15 +75,17 @@ export declare class SelectionController {
|
|
|
71
75
|
* Method will be called from List for remove row if it was selected
|
|
72
76
|
*
|
|
73
77
|
* BUT methods for update visible and etc. will be called a bit later
|
|
78
|
+
*
|
|
74
79
|
* @param row
|
|
75
80
|
*/
|
|
76
81
|
removeRow(row: any): void;
|
|
77
82
|
/**
|
|
78
83
|
* Intersection of selected and passed rows to remove rows that we dont need more
|
|
84
|
+
*
|
|
79
85
|
* @param rows
|
|
80
86
|
*/
|
|
81
87
|
selectedRowsIntersection(rows: any): void;
|
|
82
|
-
updateConfig({ actions, actionSelected, allSelected, cancelled, selectionChanged, selectAll }: FsListSelectionConfig): void;
|
|
88
|
+
updateConfig({ actions, actionSelected, allSelected, cancelled, selectionChanged, selectAll, }: FsListSelectionConfig): void;
|
|
83
89
|
resetActions(): void;
|
|
84
90
|
closeSelectionDialog(): void;
|
|
85
91
|
destroy(): void;
|
|
@@ -89,6 +95,7 @@ export declare class SelectionController {
|
|
|
89
95
|
private _subscribeToSelection;
|
|
90
96
|
/**
|
|
91
97
|
* If some action was clicked on selection ref dialog
|
|
98
|
+
*
|
|
92
99
|
* @param data
|
|
93
100
|
*/
|
|
94
101
|
private _onActionActions;
|
|
@@ -98,6 +105,7 @@ export declare class SelectionController {
|
|
|
98
105
|
private _onCancelActions;
|
|
99
106
|
/**
|
|
100
107
|
* If "Select All" action was clicked on selection ref dialog
|
|
108
|
+
*
|
|
101
109
|
* @param flag
|
|
102
110
|
*/
|
|
103
111
|
private _onSelectAllActions;
|
|
@@ -124,6 +132,7 @@ export declare class SelectionController {
|
|
|
124
132
|
private _visibleRowsSelectionChanged;
|
|
125
133
|
/**
|
|
126
134
|
* Method constructor for events
|
|
135
|
+
*
|
|
127
136
|
* @param type
|
|
128
137
|
* @param payload
|
|
129
138
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EventEmitter, TemplateRef } from '@angular/core';
|
|
2
|
-
import { Column } from '../../models/column.model';
|
|
3
2
|
import { ReorderPosition, ReorderStrategy } from '../../classes/reorder-controller';
|
|
4
3
|
import { SelectionController } from '../../classes/selection-controller';
|
|
4
|
+
import { Column } from '../../models/column.model';
|
|
5
5
|
import { Row } from '../../models/row';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class FsBodyComponent {
|
|
@@ -23,7 +23,6 @@ export declare class FsBodyComponent {
|
|
|
23
23
|
reorderMultiple: boolean;
|
|
24
24
|
rowsContainer: any;
|
|
25
25
|
headerTemplate: TemplateRef<any>;
|
|
26
|
-
constructor();
|
|
27
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<FsBodyComponent, never>;
|
|
28
27
|
static ɵcmp: i0.ɵɵComponentDeclaration<FsBodyComponent, "[fs-list-body]", never, { "rows": "rows"; "columns": "columns"; "hasFooter": "hasFooter"; "rowActionsRaw": "rowActionsRaw"; "groupActionsRaw": "groupActionsRaw"; "rowEvents": "rowEvents"; "rowClass": "rowClass"; "hasRowActions": "hasRowActions"; "selection": "selection"; "restoreMode": "restoreMode"; "rowRemoved": "rowRemoved"; "activeFiltersCount": "activeFiltersCount"; "reorderEnabled": "reorderEnabled"; "reorderPosition": "reorderPosition"; "reorderStrategy": "reorderStrategy"; "reorderMultiple": "reorderMultiple"; }, {}, ["headerTemplate"], never>;
|
|
29
28
|
}
|
|
@@ -18,11 +18,13 @@ export declare class FsRowActionsComponent {
|
|
|
18
18
|
actionClick(action: RowAction, row: any, event: any, menuRef?: any): void;
|
|
19
19
|
/**
|
|
20
20
|
* Track By for improve change detection
|
|
21
|
+
*
|
|
21
22
|
* @param index
|
|
22
23
|
*/
|
|
23
24
|
trackByFn(index: any): any;
|
|
24
25
|
/**
|
|
25
26
|
* Emit that some row must be removed
|
|
27
|
+
*
|
|
26
28
|
* @param action
|
|
27
29
|
* @param row
|
|
28
30
|
* @param event
|
|
@@ -57,11 +57,13 @@ export declare class FsRowComponent implements OnInit, DoCheck, OnDestroy {
|
|
|
57
57
|
ngOnDestroy(): void;
|
|
58
58
|
/**
|
|
59
59
|
* Select row by checkbox
|
|
60
|
+
*
|
|
60
61
|
* @param event
|
|
61
62
|
*/
|
|
62
63
|
selectRow(event: MatCheckboxChange): void;
|
|
63
64
|
/**
|
|
64
65
|
* Track By for improve change detection
|
|
66
|
+
*
|
|
65
67
|
* @param index
|
|
66
68
|
*/
|
|
67
69
|
trackByFn(index: any): any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Column } from '../../models/column.model';
|
|
2
|
-
import { SelectionController } from '../../classes/selection-controller';
|
|
3
1
|
import { ReorderPosition, ReorderStrategy } from '../../classes/reorder-controller';
|
|
2
|
+
import { SelectionController } from '../../classes/selection-controller';
|
|
3
|
+
import { Column } from '../../models/column.model';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class FsFooterComponent {
|
|
6
6
|
hasRowActions: boolean;
|
|
@@ -10,7 +10,6 @@ export declare class FsFooterComponent {
|
|
|
10
10
|
reorderEnabled: boolean;
|
|
11
11
|
reorderPosition: ReorderPosition | null;
|
|
12
12
|
reorderStrategy: ReorderStrategy | null;
|
|
13
|
-
constructor();
|
|
14
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<FsFooterComponent, never>;
|
|
15
14
|
static ɵcmp: i0.ɵɵComponentDeclaration<FsFooterComponent, "[fs-list-footer]", never, { "hasRowActions": "hasRowActions"; "columns": "columns"; "selection": "selection"; "activeFiltersCount": "activeFiltersCount"; "reorderEnabled": "reorderEnabled"; "reorderPosition": "reorderPosition"; "reorderStrategy": "reorderStrategy"; }, {}, never, never>;
|
|
16
15
|
}
|
|
@@ -2,11 +2,11 @@ import { ChangeDetectorRef, DoCheck, KeyValueDiffers } from '@angular/core';
|
|
|
2
2
|
import { FsCellComponent } from '../../body/row/cell/cell.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class FsHeadCellComponent extends FsCellComponent implements DoCheck {
|
|
5
|
-
private
|
|
6
|
-
private
|
|
5
|
+
private _cdRef;
|
|
6
|
+
private _differs;
|
|
7
7
|
cellContext: any;
|
|
8
8
|
private _columnDiffer;
|
|
9
|
-
constructor(
|
|
9
|
+
constructor(_cdRef: ChangeDetectorRef, _differs: KeyValueDiffers);
|
|
10
10
|
ngDoCheck(): void;
|
|
11
11
|
initCellContext(): void;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<FsHeadCellComponent, never>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ChangeDetectorRef,
|
|
1
|
+
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { MatCheckboxChange } from '@angular/material/checkbox';
|
|
3
|
-
import { Column } from '../../models/column.model';
|
|
4
|
-
import { SortingController } from '../../classes/sorting-controller';
|
|
5
3
|
import { ReorderPosition, ReorderStrategy } from '../../classes/reorder-controller';
|
|
6
4
|
import { SelectionController } from '../../classes/selection-controller';
|
|
5
|
+
import { SortingController } from '../../classes/sorting-controller';
|
|
6
|
+
import { Column } from '../../models/column.model';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class FsHeadComponent implements OnInit, OnDestroy {
|
|
9
|
-
private
|
|
9
|
+
private _cdRef;
|
|
10
10
|
sorting: SortingController;
|
|
11
11
|
columns: Column[];
|
|
12
12
|
hasRowActions: boolean;
|
|
@@ -19,29 +19,31 @@ export declare class FsHeadComponent implements OnInit, OnDestroy {
|
|
|
19
19
|
selectedAll: boolean;
|
|
20
20
|
readonly ReorderStrategyEnum: typeof ReorderStrategy;
|
|
21
21
|
private _destroy$;
|
|
22
|
-
constructor(
|
|
22
|
+
constructor(_cdRef: ChangeDetectorRef);
|
|
23
23
|
get leftDragDropEnabled(): boolean;
|
|
24
24
|
get rightDragDropEnabled(): boolean;
|
|
25
25
|
ngOnInit(): void;
|
|
26
26
|
ngOnDestroy(): void;
|
|
27
27
|
/**
|
|
28
28
|
* Select All Visible Rows
|
|
29
|
+
*
|
|
29
30
|
* @param event
|
|
30
31
|
*/
|
|
31
32
|
selectAll(event: MatCheckboxChange): void;
|
|
32
33
|
/**
|
|
33
34
|
* Track By for improve change detection
|
|
35
|
+
*
|
|
34
36
|
* @param index
|
|
35
37
|
*/
|
|
36
38
|
trackByFn(index: any): any;
|
|
37
39
|
/**
|
|
38
40
|
* Subscribe to sorting change
|
|
39
41
|
*/
|
|
40
|
-
private
|
|
42
|
+
private _initSorting;
|
|
41
43
|
/**
|
|
42
44
|
* Subscribe to selection change
|
|
43
45
|
*/
|
|
44
|
-
private
|
|
46
|
+
private _initSelection;
|
|
45
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<FsHeadComponent, never>;
|
|
46
48
|
static ɵcmp: i0.ɵɵComponentDeclaration<FsHeadComponent, "[fs-list-head]", never, { "sorting": "sorting"; "columns": "columns"; "hasRowActions": "hasRowActions"; "selection": "selection"; "activeFiltersCount": "activeFiltersCount"; "reorderEnabled": "reorderEnabled"; "reorderPosition": "reorderPosition"; "reorderStrategy": "reorderStrategy"; }, {}, never, never>;
|
|
47
49
|
}
|
|
@@ -36,11 +36,13 @@ export declare class FsListDraggableListDirective {
|
|
|
36
36
|
removeDraggableDirective(dir: FsListDraggableRowDirective): void;
|
|
37
37
|
/**
|
|
38
38
|
* Prepare draggable elements and add events
|
|
39
|
+
*
|
|
39
40
|
* @param draggableElement
|
|
40
41
|
*/
|
|
41
42
|
dragStart(draggableElement: HTMLElement): void;
|
|
42
43
|
/**
|
|
43
44
|
* Move draggable elements and swap items
|
|
45
|
+
*
|
|
44
46
|
* @param event
|
|
45
47
|
*/
|
|
46
48
|
dragTo(event: any): void;
|
|
@@ -66,11 +68,13 @@ export declare class FsListDraggableListDirective {
|
|
|
66
68
|
private initDraggableElement;
|
|
67
69
|
/**
|
|
68
70
|
* Looking by stored row elements for overlapped row
|
|
71
|
+
*
|
|
69
72
|
* @param event
|
|
70
73
|
*/
|
|
71
74
|
private lookupElementUnder;
|
|
72
75
|
/**
|
|
73
76
|
* Swap rows
|
|
77
|
+
*
|
|
74
78
|
* @param index
|
|
75
79
|
*/
|
|
76
80
|
private swapWithIndex;
|
|
@@ -82,6 +86,7 @@ export declare class FsListDraggableListDirective {
|
|
|
82
86
|
private _detectSelectedRows;
|
|
83
87
|
/**
|
|
84
88
|
* Fix background when mobile
|
|
89
|
+
*
|
|
85
90
|
* @param e
|
|
86
91
|
*/
|
|
87
92
|
private touchFix;
|