@@ -49,6 +49,7 @@ import {
49
49
[selected]="this.appliedFilters(selectControl)"
50
50
[placeholder]="selectControl.placeholder"
51
51
class="control select"
52
+ [ngClass]="{ applied: this.appliedFilters(selectControl).length > 0 }"
52
53
showBorder="true"
53
54
searchMode="${ MultiSelectSearchMode . CaseInsensitive } "
54
55
(selectedChange)="this.onMultiSelectChange(selectControl, $event)"
@@ -65,6 +66,7 @@ import {
65
66
[selected]="this.appliedFilters(selectControl)"
66
67
[placeholder]="selectControl.placeholder"
67
68
class="control select"
69
+ [ngClass]="{ applied: this.appliedFilters(selectControl).length > 0 }"
68
70
showBorder="true"
69
71
searchMode="${ MultiSelectSearchMode . CaseInsensitive } "
70
72
(selectedChange)="this.onSelectChange(selectControl, $event)"
@@ -220,8 +222,8 @@ export class TableControlsComponent implements OnChanges {
220
222
this . checkboxDiffer ?. diff ( this . checkboxSelections ) ;
221
223
}
222
224
223
- public appliedFilters ( selectControl : TableSelectControl ) : TableSelectControlOption [ ] | undefined {
224
- return this . selectSelections . get ( selectControl ) ;
225
+ public appliedFilters ( selectControl : TableSelectControl ) : TableSelectControlOption [ ] {
226
+ return this . selectSelections . get ( selectControl ) || [ ] ;
225
227
}
226
228
227
229
private setActiveViewItem ( ) : void {
@@ -234,18 +236,20 @@ export class TableControlsComponent implements OnChanges {
234
236
this . searchChange . emit ( text ) ;
235
237
}
236
238
237
- public onMultiSelectChange ( select : TableSelectControl , selections : TableSelectControlOption [ ] ) : void {
239
+ public onMultiSelectChange ( selectControl : TableSelectControl , selections : TableSelectControlOption [ ] ) : void {
238
240
this . selectChange . emit ( {
239
- select : select ,
241
+ select : selectControl ,
240
242
values : selections
241
243
} ) ;
244
+ this . diffSelections ( ) ;
242
245
}
243
246
244
- public onSelectChange ( select : TableSelectControl , selection : TableSelectControlOption ) : void {
247
+ public onSelectChange ( selectControl : TableSelectControl , selection : TableSelectControlOption ) : void {
245
248
this . selectChange . emit ( {
246
- select : select ,
249
+ select : selectControl ,
247
250
values : [ selection ]
248
251
} ) ;
252
+ this . diffSelections ( ) ;
249
253
}
250
254
251
255
public onCheckboxChange ( checked : string [ ] ) : void {
0 commit comments