diff --git a/projects/angular2-multiselect-dropdown-lib/src/lib/multiselect.component.html b/projects/angular2-multiselect-dropdown-lib/src/lib/multiselect.component.html
index 4535d9e1..2b76e150 100644
--- a/projects/angular2-multiselect-dropdown-lib/src/lib/multiselect.component.html
+++ b/projects/angular2-multiselect-dropdown-lib/src/lib/multiselect.component.html
@@ -21,6 +21,9 @@
0 && !settings.singleSelection">
+
+
{{selectedItems?.length}} items selected
+
settings.badgeShowLimit-1">
{{item[settings.labelKey]}}
@@ -30,6 +33,7 @@
+
settings.badgeShowLimit">+{{selectedItems?.length - settings.badgeShowLimit }}
0 && !settings.disabled" (click)="clearSelection($event);$event.stopPropagation()">
diff --git a/projects/angular2-multiselect-dropdown-lib/src/lib/multiselect.component.ts b/projects/angular2-multiselect-dropdown-lib/src/lib/multiselect.component.ts
index 0dac2047..c2d789c9 100644
--- a/projects/angular2-multiselect-dropdown-lib/src/lib/multiselect.component.ts
+++ b/projects/angular2-multiselect-dropdown-lib/src/lib/multiselect.component.ts
@@ -45,6 +45,9 @@ export class AngularMultiSelect implements OnInit, ControlValueAccessor, OnChang
@Input()
loading: boolean;
+ @Input()
+ isCustomTriggerEnabled: boolean = false;
+
@Output('onSelect')
onSelect: EventEmitter = new EventEmitter();
@@ -165,6 +168,7 @@ export class AngularMultiSelect implements OnInit, ControlValueAccessor, OnChang
@ViewChild(VirtualScrollerComponent, { static: false })
private virtualScroller: VirtualScrollerComponent;
public isDisabledItemPresent = false;
+ private enableCustomTrigger: boolean = false;
constructor(public _elementRef: ElementRef, private cdr: ChangeDetectorRef, private ds: DataService) {
this.searchTerm$.asObservable().pipe(
@@ -243,6 +247,7 @@ export class AngularMultiSelect implements OnInit, ControlValueAccessor, OnChang
this.selectedListHeight.val = this.selectedListElem.nativeElement.clientHeight;
this.cdr.detectChanges();
}
+ this.checkCustomTriggerOption();
}
onItemClick(item: any, index: number, evt: Event) {
if (item.disabled) {
@@ -883,6 +888,15 @@ export class AngularMultiSelect implements OnInit, ControlValueAccessor, OnChang
this.selectedItems = [];
this.onDeSelectAll.emit(this.selectedItems);
}
+ checkCustomTriggerOption(){
+ if (this.isCustomTriggerEnabled && this.selectedItems.length > 2) {
+ this.enableCustomTrigger = true;
+ }
+ else{
+ this.enableCustomTrigger = false;
+ }
+ this.cdr.detectChanges();
+ }
}
@NgModule({