angular2-multiselect-dropdown - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

package.json

 {
   "name": "angular2-multiselect-dropdown",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "license": "MIT",
@@ -19,4 +19,3 @@ "angular-cli": {},
   "devDependencies": {
-
   }
 }

README.md

@@ -69,10 +69,16 @@ # Angular2 Multiselect Dropdown
     }
-    onItemSelect(item){
-        console.log('Selected Item:');
+    onItemSelect(item:any){
         console.log(item);
+        console.log(this.selectedItems2);
     }
-    OnItemDeSelect(item){
-        console.log('De-Selected Item:');
+    OnItemDeSelect(item:any){
         console.log(item);
+        console.log(this.selectedItems2);
     }
+    onSelectAll(items: any){
+        console.log(items);
+    }
+    onDeSelectAll(items: any){
+        console.log(items);
+    }
 }
@@ -83,3 +89,8 @@ ```
 ```html
-<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" [settings]="dropdownSettings" (onSelect)="onItemSelect($event)" (onDeSelect)="OnItemDeSelect($event)"></angular2-multiselect>
+<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" 
+    [settings]="dropdownSettings" 
+    (onSelect)="onItemSelect($event)" 
+    (onDeSelect)="OnItemDeSelect($event)"
+    (onSelectAll)="onSelectAll($event)"
+    (onDeSelectAll)="onDeSelectAll($event)"></angular2-multiselect>
 
@@ -107,2 +118,6 @@ ```
     Example : (onDeSelect)="OnItemDeSelect($event)"
+- `onSelectAll` - Return the list of all selected items.
+    Example : (onSelectAll)="onSelectAll($event)"
+- `onDeSelectAll` - Returns an empty array.
+    Example : (onDeSelectAll)="onDeSelectAll($event)"
     
@@ -109,0 +124,0 @@

src/app/angular2-multiselect-dropdown/multiselect.component.ts

@@ -38,2 +38,8 @@ import { Component, OnInit, NgModule, OnChanges, ViewEncapsulation,forwardRef, Input, Output, EventEmitter, ElementRef, AfterViewInit, Pipe, PipeTransform } from '@angular/core';
 
+    @Output('onSelectAll')
+    onSelectAll: EventEmitter<Array<ListItem>> = new EventEmitter<Array<ListItem>>();
+
+    @Output('onDeSelectAll')
+    onDeSelectAll: EventEmitter<Array<ListItem>> = new EventEmitter<Array<ListItem>>();
+
     private selectedItems: Array<ListItem>;
@@ -76,6 +82,8 @@ private isActive: boolean = false;
         }
-        if(this.isSelectAll){
+        if(this.isSelectAll || this.data.length > this.selectedItems.length){
             this.isSelectAll = false;
         }
-        this.onChangeCallback(this.selectedItems);
+        if(this.data.length == this.selectedItems.length){
+            this.isSelectAll = true;
+        }
     }
@@ -137,2 +145,3 @@ private onTouchedCallback: () => void = noop;
             this.selectedItems.push(item);
+            this.onChangeCallback(this.selectedItems);
     }
@@ -145,2 +154,3 @@ removeSelected(clickedItem: ListItem){
         });    
+        this.onChangeCallback(this.selectedItems);
     }
@@ -159,2 +169,3 @@ toggleDropdown(){
             this.onChangeCallback(this.selectedItems);
+            this.onSelectAll.emit(this.selectedItems);
         }
@@ -165,2 +176,3 @@ else{
             this.onChangeCallback(this.selectedItems);
+            this.onDeSelectAll.emit(this.selectedItems);
         }     
@@ -175,2 +187,2 @@ }
 })
-export class AngularMultiSelectModule { }
+export class AngularMultiSelectModule { }

No alert changes

Improved metrics

Total package byte prevSize

21721

increased by4.93%

Lines of code

229

increased by5.05%

Number of lines in readme file

131

increased by12.93%

No dependency changes