diff --git a/README.md b/README.md
index 2d6413f..b5fdcc8 100644
--- a/README.md
+++ b/README.md
@@ -56,17 +56,21 @@ export class AppComponent implements OnInit {
   selectedItems = [];
   dropdownSettings = {};
   ngOnInit() {
-    this.dropdownList = [
-      { item_id: 1, item_text: 'Mumbai' },
-      { item_id: 2, item_text: 'Bangaluru' },
-      { item_id: 3, item_text: 'Pune' },
-      { item_id: 4, item_text: 'Navsari' },
-      { item_id: 5, item_text: 'New Delhi' }
-    ];
-    this.selectedItems = [
-      { item_id: 3, item_text: 'Pune' },
-      { item_id: 4, item_text: 'Navsari' }
-    ];
+
+    this.cities = [
+        { item_id: 1, item_text: 'New Delhi' },
+        { item_id: 2, item_text: 'Mumbai' },
+        { item_id: 3, item_text: 'Bangalore', isDisabled: this.disableBangalore },
+        { item_id: 4, item_text: 'Pune' },
+        { item_id: 5, item_text: 'Chennai' },
+        { item_id: 6, item_text: 'Navsari' },
+        { item_id: 7, item_text: 'Corral' }
+      ];
+      this.selectedItems = [
+        { item_id: 4, item_text: 'Pune' },
+        { item_id: 6, item_text: 'Navsari' }
+      ];
+          
     this.dropdownSettings:IDropdownSettings = {
       singleSelection: false,
       idField: 'item_id',
@@ -106,13 +110,13 @@ export class AppComponent implements OnInit {
 | placeholder                    | String     | Text to be show in the dropdown, when no items are selected.                                                                                                                                                                                                                                                                                             | 'Select'            |
 | disabled                       | Boolean    | Disable the dropdown                                                                                                                                                                                                                                                                                                                                     | false               |
 | data                           | Array<any> | Array of items from which to select. Should be an array of objects with id and `text` properties. You can also use custom properties. In that case you need to map idField and `textField` properties. As convenience, you may also pass an array of strings, in which case the same string is used for both the ID and the text(no mapping is required) | n/a                 |
-| idField                        | String     | map id field in case of custom array of object                                                                                                                                                                                                                                                                                                           | 'id'                |
-| textField                      | String     | map text field in case of custom array of object                                                                                                                                                                                                                                                                                                         | 'text'              |
+| idField                        | String     | Map id field in case of custom array of object                                                                                                                                                                                                                                                                                                           | 'id'                |
+| textField                      | String     | Map text field in case of custom array of object                                                                                                                                                                                                                                                                                                         | 'text'              |
 | enableCheckAll                 | Boolean    | Enable the option to select all items in list                                                                                                                                                                                                                                                                                                            | false               |
 | selectAllText                  | String     | Text to display as the label of select all option                                                                                                                                                                                                                                                                                                        | Select All          |
 | unSelectAllText                | String     | Text to display as the label of unSelect option                                                                                                                                                                                                                                                                                                          | UnSelect All        |
 | allowSearchFilter              | Boolean    | Enable filter option for the list.                                                                                                                                                                                                                                                                                                                       | false               |
-| searchPlaceholderText          | String     | custom search placeholder                                                                                                                                                                                                                                                                                                                                | Search              |
+| searchPlaceholderText          | String     | Custom search placeholder                                                                                                                                                                                                                                                                                                                                | Search              |
 | clearSearchFilter              | Boolean    | clear search filter on dropdown close                                                                                                                                                                                                                                                                                                                    | true                |
 | maxHeight                      | Number     | Set maximum height of the dropdown list in px.                                                                                                                                                                                                                                                                                                           | 197                 |
 | itemsShowLimit                 | Number     | Limit the number of items to show in the input field. If not set will show all selected.                                                                                                                                                                                                                                                                 | All                 |
@@ -120,9 +124,12 @@ export class AppComponent implements OnInit {
 | searchPlaceholderText          | String     | Custom text for the search placeholder text. Default value would be 'Search'                                                                                                                                                                                                                                                                             | 'Search'            |
 | noDataAvailablePlaceholderText | String     | Custom text when no data is available.                                                                                                                                                                                                                                                                                                                   | 'No data available' |
 | closeDropDownOnSelection       | Boolean    | Closes the dropdown when item is selected. applicable only in cas of single selection                                                                                                                                                                                                                                                                    | false               |
-| defaultOpen                    | Boolean    | open state of dropdown                                                                                                                                                                                                                                                                                                                                   | false               |
-| allowRemoteDataSearch                    | Boolean    | allow search remote api if no data is present.                                                                                                                                                                                                                                                                                                                                   | false               |
-
+| defaultOpen                    | Boolean    | Open state of dropdown                                                                                                                                                                                                                                                                                                                                   | false               |
+| allowRemoteDataSearch          | Boolean    | Allow search remote api if no data is present.                                                                                                                                                                                                                                                                                                           | false               |
+| selectedAllLabel               | String     | Alternate `selectAllText` Label styled as a `selected-item` when enabled.                                                                                                                                                                                                                                                                                | 'All Selected'      |
+| unSelectedAllLabel             | String     | Alternate `unSelectAllText` Label styled as a `selected-item` when enabled.                                                                                                                                                                                                                                                                              | 'All UnSelected'    |
+| enableSelectedAllLabel         | Boolean    | If set to `true`, this option will show the `selectedAllLabel` string using the `selected-item` styling when all items in list are selected. This provides a consistent UX to when any item is selected.                                                                                                                                                 | false               |
+| enableUnSelectedAllLabel       | Boolean    | If set to `true`, this option will show the `unSelectedAllLabel` string using the `selected-item` styling when all items in list are unselected. This provides a consistent UX to when any item are selected.                                                                                                                                            | false               |
 
 ### Callback Methods
 
diff --git a/package.json b/package.json
index 461a52c..e27bf37 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     "karma-jasmine-html-reporter": "^1.4.2",
     "ng-multiselect-dropdown": "^0.2.10",
     "ng-packagr": "^5.5.0",
-    "ngx-bootstrap": "^5.1.1",
+    "ngx-bootstrap": "^5.6.1",
     "protractor": "~5.4.2",
     "rimraf": "^3.0.0",
     "rxjs": "^6.2.1",
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 71d66e1..306b9d8 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -2,7 +2,8 @@ import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 
-import { TabsModule, ButtonsModule } from 'ngx-bootstrap';
+import { TabsModule } from 'ngx-bootstrap/tabs';
+import { ButtonsModule } from 'ngx-bootstrap/buttons';
 import { NgMultiSelectDropDownModule } from '../ng-multiselect-dropdown/src';
 // import { NgMultiSelectDropDownModule } from 'ng-multiselect-dropdown';
 
diff --git a/src/app/components/select/multiple-demo.html b/src/app/components/select/multiple-demo.html
index 9f9bd7d..dcfd0e2 100644
--- a/src/app/components/select/multiple-demo.html
+++ b/src/app/components/select/multiple-demo.html
@@ -17,7 +17,7 @@ <h3>Option</h3>
       </div>
       <div class="checkbox">
         <label>
-          <input type="checkbox" [checked]="ShowFilter" (change)="toogleShowFilter()"> Show Search filter
+          <input type="checkbox" [checked]="showFilter" (change)="toogleShowFilter()"> Show Search filter
         </label>
       </div>
       <div class="checkbox">
@@ -35,6 +35,11 @@ <h3>Option</h3>
           <input type="checkbox" [checked]="disableBangalore" [(ngModel)]="disableBangalore" (change)="handleDisableBangalore()"> Disable Bangalore
         </label>
       </div>
+      <div class="checkbox">
+        <label>
+          <input type="checkbox" [checked]="enableAllSelectedUnSelectedLabel" [(ngModel)]="enableAllSelectedUnSelectedLabel" (change)="handleAllSelectedUnSelectedLabel()"> Enable Selected/UnSelected All Label
+        </label>
+      </div>
       <div class="checkbox">
         <label>
           <input type="button" (click)="handleReset()" value="reset">
@@ -45,9 +50,7 @@ <h3>Option</h3>
   <div class="panel panel-default">
     <div class="panel-heading">Settings</div>
     <div class="panel-body">
-      <pre>
-       {{dropdownSettings | json}}
-      </pre>
+      <pre>{{dropdownSettings | json}}</pre>
     </div>
   </div>
   <tabset>
diff --git a/src/app/components/select/multiple-demo.ts b/src/app/components/select/multiple-demo.ts
index 7fd88c8..bb317aa 100644
--- a/src/app/components/select/multiple-demo.ts
+++ b/src/app/components/select/multiple-demo.ts
@@ -9,15 +9,16 @@ import { IDropdownSettings } from '../../../ng-multiselect-dropdown/src';
 export class MultipleDemoComponent implements OnInit {
   myForm: FormGroup;
   disabled = false;
-  ShowFilter = true;
+  showFilter = true;
   showAll = true;
   limitSelection = false;
   disableBangalore = true;
+  enableAllSelectedUnSelectedLabel = false;
   cities: Array<any> = [];
   selectedItems: Array<any> = [];
   dropdownSettings: IDropdownSettings = {};
   htmlCode = `
-    &lt;form [formGroup]="myForm"&gt;
+  &lt;form [formGroup]="myForm"&gt;
         &lt;ng-multiselect-dropdown
             name="city"
             [placeholder]="'Select City'"
@@ -28,7 +29,7 @@ export class MultipleDemoComponent implements OnInit {
             (onSelect)="onItemSelect($event)"&gt;
         &lt;/ng-multiselect-dropdown&gt;
    &lt;/form&gt;
-`;
+  `;
   typescriptCode = `
     import { FormBuilder, FormGroup } from '@angular/forms';
     import { Component, OnInit } from '@angular/core';
@@ -37,59 +38,112 @@ export class MultipleDemoComponent implements OnInit {
         selector: 'multiple-demo',
         templateUrl: './multiple-demo.html'
     })
+
     export class MultipleDemoComponent implements OnInit {
-        myForm:FormGroup;
-        disabled = false;
-        ShowFilter = false;
-        limitSelection = false;
-        cities: Array<any> = [];
-        selectedItems: Array<any> = [];
-        dropdownSettings: any = {};
-        constructor(private fb: FormBuilder) {}
-
-        ngOnInit() {
-            this.cities = [
-                { item_id: 1, item_text: 'New Delhi' },
-                { item_id: 2, item_text: 'Mumbai' },
-                { item_id: 3, item_text: 'Bangalore' },
-                { item_id: 4, item_text: 'Pune' },
-                { item_id: 5, item_text: 'Chennai' },
-                { item_id: 6, item_text: 'Navsari' }
-            ];
-            this.selectedItems = [{ item_id: 4, item_text: 'Pune' }, { item_id: 6, item_text: 'Navsari' }];
-            this.dropdownSettings = {
-                singleSelection: false,
-                idField: 'item_id',
-                textField: 'item_text',
-                selectAllText: 'Select All',
-                unSelectAllText: 'UnSelect All',
-                itemsShowLimit: 3,
-                allowSearchFilter: this.ShowFilter
-            };
-            this.myForm = this.fb.group({
-                city: [this.selectedItems]
-            });
-        }
-
-        onItemSelect(item: any) {
-            console.log('onItemSelect', item);
-        }
-        onSelectAll(items: any) {
-            console.log('onSelectAll', items);
-        }
-        toogleShowFilter() {
-            this.ShowFilter = !this.ShowFilter;
-            this.dropdownSettings = Object.assign({}, this.dropdownSettings, { allowSearchFilter: this.ShowFilter });
-        }
-
-        handleLimitSelection() {
-            if (this.limitSelection) {
-                this.dropdownSettings = Object.assign({}, this.dropdownSettings, { limitSelection: 2 });
-            } else {
-                this.dropdownSettings = Object.assign({}, this.dropdownSettings, { limitSelection: null });
-            }
-        }
+      myForm: FormGroup;
+      disabled = false;
+      showFilter = true;
+      showAll = true;
+      limitSelection = false;
+      disableBangalore = true;
+      enableAllSelectedUnSelectedLabel = false;
+      cities: Array<any> = [];
+      selectedItems: Array<any> = [];
+      dropdownSettings: IDropdownSettings = {};
+
+      this.cities = [
+        { item_id: 1, item_text: 'New Delhi' },
+        { item_id: 2, item_text: 'Mumbai' },
+        { item_id: 3, item_text: 'Bangalore', isDisabled: this.disableBangalore },
+        { item_id: 4, item_text: 'Pune' },
+        { item_id: 5, item_text: 'Chennai' },
+        { item_id: 6, item_text: 'Navsari' },
+        { item_id: 7, item_text: 'Corral' }
+      ];
+      this.selectedItems = [
+        { item_id: 4, item_text: 'Pune' },
+        { item_id: 6, item_text: 'Navsari' }
+      ];
+      this.dropdownSettings = {
+        singleSelection: false,
+        defaultOpen: false,
+        idField: 'item_id',
+        textField: 'item_text',
+        selectAllText: 'Select All',
+        unSelectAllText: 'UnSelect All',
+        enableCheckAll: this.showAll,
+        itemsShowLimit: 3,
+        allowSearchFilter: this.showFilter,
+        selectedAllLabel: 'All Selected',
+        unSelectedAllLabel: 'All UnSelected',
+        enableSelectedAllLabel: this.enableAllSelectedUnSelectedLabel,
+        enableUnSelectedAllLabel: this.enableAllSelectedUnSelectedLabel
+      };
+      this.myForm = this.fb.group({
+        city: [this.selectedItems]
+      });
+    }
+
+    onItemSelect(item: any) {
+      console.log('onItemSelect', item);
+      console.log('form model', this.myForm.get('city').value);
+    }
+
+    onItemDeSelect(item: any) {
+      console.log('onItem DeSelect', item);
+      console.log('form model', this.myForm.get('city').value);
+    }
+  
+    onSelectAll(items: any) {
+      console.log('onSelectAll', items);
+    }
+  
+    onDropDownClose() {
+      console.log('dropdown closed');
+    }
+  
+    toogleShowAll() {
+      this.showAll = !this.showAll;
+      this.dropdownSettings = Object.assign({}, this.dropdownSettings, {
+        enableCheckAll: this.showAll
+      });
+    }
+
+    toogleShowFilter() {
+      this.showFilter = !this.showFilter;
+      this.dropdownSettings = Object.assign({}, this.dropdownSettings, {
+        allowSearchFilter: this.showFilter
+      });
+    }
+
+    handleAllSelectedUnSelectedLabel() {
+      this.dropdownSettings = Object.assign({}, this.dropdownSettings, {
+        enableSelectedAllLabel: this.enableAllSelectedUnSelectedLabel,
+        enableUnSelectedAllLabel: this.enableAllSelectedUnSelectedLabel
+      });
+    }
+  
+    handleLimitSelection() {
+      if (this.limitSelection) {
+        this.dropdownSettings = Object.assign({}, this.dropdownSettings, {
+          limitSelection: 2
+        });
+      } else {
+        this.dropdownSettings = Object.assign({}, this.dropdownSettings, {
+          limitSelection: -1
+        });
+      }
+    }
+  
+    handleDisableBangalore() {
+      this.cities[2].isDisabled = this.disableBangalore;
+      this.cities = [...this.cities];
     }
+  
+    handleReset() {
+      this.myForm.get('city').setValue([]);
+    }
+  }
 `;
 
   constructor(private fb: FormBuilder) {}
@@ -101,7 +155,8 @@ export class MultipleDemoComponent implements OnInit {
       { item_id: 3, item_text: 'Bangalore', isDisabled: this.disableBangalore },
       { item_id: 4, item_text: 'Pune' },
       { item_id: 5, item_text: 'Chennai' },
-      { item_id: 6, item_text: 'Navsari' }
+      { item_id: 6, item_text: 'Navsari' },
+      { item_id: 7, item_text: 'Corral' }
     ];
     this.selectedItems = [
       { item_id: 4, item_text: 'Pune' },
@@ -116,7 +171,11 @@ export class MultipleDemoComponent implements OnInit {
       unSelectAllText: 'UnSelect All',
       enableCheckAll: this.showAll,
       itemsShowLimit: 3,
-      allowSearchFilter: this.ShowFilter
+      allowSearchFilter: this.showFilter,
+      selectedAllLabel: 'All Selected',
+      unSelectedAllLabel: 'All UnSelected',
+      enableSelectedAllLabel: this.enableAllSelectedUnSelectedLabel,
+      enableUnSelectedAllLabel: this.enableAllSelectedUnSelectedLabel
     };
     this.myForm = this.fb.group({
       city: [this.selectedItems]
@@ -147,9 +206,16 @@ export class MultipleDemoComponent implements OnInit {
     });
   }
   toogleShowFilter() {
-    this.ShowFilter = !this.ShowFilter;
+    this.showFilter = !this.showFilter;
+    this.dropdownSettings = Object.assign({}, this.dropdownSettings, {
+      allowSearchFilter: this.showFilter
+    });
+  }
+
+  handleAllSelectedUnSelectedLabel() {
     this.dropdownSettings = Object.assign({}, this.dropdownSettings, {
-      allowSearchFilter: this.ShowFilter
+      enableSelectedAllLabel: this.enableAllSelectedUnSelectedLabel,
+      enableUnSelectedAllLabel: this.enableAllSelectedUnSelectedLabel
     });
   }
 
diff --git a/src/ng-multiselect-dropdown/src/multi-select.component.html b/src/ng-multiselect-dropdown/src/multi-select.component.html
index a2b2457..a612bb5 100644
--- a/src/ng-multiselect-dropdown/src/multi-select.component.html
+++ b/src/ng-multiselect-dropdown/src/multi-select.component.html
@@ -1,10 +1,11 @@
 <div tabindex="=0" (blur)="onTouched()" class="multiselect-dropdown" (clickOutside)="closeDropdown()">
   <div [class.disabled]="disabled">
     <span tabindex="-1" class="dropdown-btn" (click)="toggleDropdown($event)">
-      <span *ngIf="selectedItems.length == 0">{{_placeholder}}</span>
-      <span class="selected-item" *ngFor="let item of selectedItems;trackBy: trackByFn;let k = index" [hidden]="k > _settings.itemsShowLimit-1">
+      <span [ngClass]="{ 'selected-item' : _settings.enableUnSelectedAllLabel }" *ngIf="selectedItems.length == 0">{{_settings.enableUnSelectedAllLabel ? _settings.unSelectedAllLabel : _placeholder}}</span>
+      <span class="selected-item" *ngIf="isAllItemsSelected() && _settings.enableSelectedAllLabel">{{_settings.selectedAllLabel}}</span>
+      <span class="selected-item" *ngFor="let item of selectedItems;trackBy: trackByFn;let k = index" [hidden]="k > _settings.itemsShowLimit-1 || (isAllItemsSelected() && _settings.enableSelectedAllLabel)">
         {{item.text}}
-        <a style="padding-top:2px;padding-left:2px;color:white" (click)="onItemClick($event,item)">x</a>
+        <a class="selected-item-close" (click)="onItemClick($event,item)">x</a>
       </span>
       <span style="float:right !important;padding-right:4px">
         <span style="padding-right: 6px;" *ngIf="itemShowRemaining()>0">+{{itemShowRemaining()}}</span>
@@ -14,11 +15,11 @@
   </div>
   <div class="dropdown-list" [hidden]="!_settings.defaultOpen">
     <ul class="item1">
-      <li (click)="toggleSelectAll()" *ngIf="(_data.length > 0 || _settings.allowRemoteDataSearch) && !_settings.singleSelection && _settings.enableCheckAll && _settings.limitSelection===-1" class="multiselect-item-checkbox" style="border-bottom: 1px solid #ccc;padding:10px">
+      <li (click)="toggleSelectAll()" *ngIf="(_data.length > 0 || _settings.allowRemoteDataSearch) && !_settings.singleSelection && _settings.enableCheckAll && _settings.limitSelection===-1 && !!!disabled" class="multiselect-item-checkbox" style="border-bottom: 1px solid #ccc;padding:10px">
         <input type="checkbox" aria-label="multiselect-select-all" [checked]="isAllItemsSelected()" [disabled]="disabled || isLimitSelectionReached()" />
         <div>{{!isAllItemsSelected() ? _settings.selectAllText : _settings.unSelectAllText}}</div>
       </li>
-      <li class="filter-textbox" *ngIf="(_data.length>0 || _settings.allowRemoteDataSearch) && _settings.allowSearchFilter">
+      <li class="filter-textbox" *ngIf="(_data.length>0 || _settings.allowRemoteDataSearch) && _settings.allowSearchFilter && !!!disabled">
         <input type="text" aria-label="multiselect-search" [readOnly]="disabled" [placeholder]="_settings.searchPlaceholderText" [(ngModel)]="filter.text" (ngModelChange)="onFilterTextChange($event)">
       </li>
     </ul>
diff --git a/src/ng-multiselect-dropdown/src/multi-select.component.scss b/src/ng-multiselect-dropdown/src/multi-select.component.scss
index ae1b714..7bfd82a 100644
--- a/src/ng-multiselect-dropdown/src/multi-select.component.scss
+++ b/src/ng-multiselect-dropdown/src/multi-select.component.scss
@@ -33,6 +33,11 @@ $disable-background-color: #eceeef;
     .selected-item:hover {
       box-shadow: 1px 1px #959595;
     }
+    .selected-item-close {
+      padding-top:2px;
+      padding-left:2px;
+      color:white;
+    }
     .dropdown-down {
       display: inline-block;
       top: 10px;
@@ -55,6 +60,15 @@ $disable-background-color: #eceeef;
     & > span {
       background-color: $disable-background-color;
     }
+    .selected-item {
+      background-color: transparent;
+      border: 1px solid #adadad;
+      color: inherit;
+    }
+    .selected-item-close{
+      color: $disable-background-color;
+      display: none;
+    }
   }
 }
 
diff --git a/src/ng-multiselect-dropdown/src/multiselect.component.ts b/src/ng-multiselect-dropdown/src/multiselect.component.ts
index b6a27ef..0697cad 100644
--- a/src/ng-multiselect-dropdown/src/multiselect.component.ts
+++ b/src/ng-multiselect-dropdown/src/multiselect.component.ts
@@ -44,7 +44,11 @@ export class MultiSelectComponent implements ControlValueAccessor {
     closeDropDownOnSelection: false,
     showSelectedItemsAtTop: false,
     defaultOpen: false,
-    allowRemoteDataSearch: false
+    allowRemoteDataSearch: false,
+    selectedAllLabel: "All UnSelected",
+    unSelectedAllLabel: "All Selected",
+    enableSelectedAllLabel: false,
+    enableUnSelectedAllLabel: false
   };
 
   @Input()
@@ -111,7 +115,7 @@ export class MultiSelectComponent implements ControlValueAccessor {
     this.onFilterChange.emit($event);
   }
 
-  constructor(private cdr: ChangeDetectorRef,private listFilterPipe:ListFilterPipe) {}
+  constructor(private cdr: ChangeDetectorRef, private listFilterPipe: ListFilterPipe) {}
 
   onItemClick($event: any, item: ListItem) {
     if (this.disabled || item.isDisabled) {
@@ -194,6 +198,14 @@ export class MultiSelectComponent implements ControlValueAccessor {
     return item.id;
   }
 
+  // isAllSelected(): boolean {
+  //   return this.selectedItems.length === this._data.filter(i => !i[this._settings.disabledField]).length;
+  // }
+
+  // isAllUnselected(): boolean {
+  //   return this.selectedItems.length === 0;
+  // }
+
   isSelected(clickedItem: ListItem) {
     let found = false;
     this.selectedItems.forEach(item => {
@@ -209,7 +221,7 @@ export class MultiSelectComponent implements ControlValueAccessor {
   }
 
   isAllItemsSelected(): boolean {
-    // get disabld item count
+    // get disabled item count
     let filteredItems = this.listFilterPipe.transform(this._data,this.filter);
     const itemDisabledCount = filteredItems.filter(item => item.isDisabled).length;
     // take disabled items into consideration when checking
@@ -314,7 +326,7 @@ export class MultiSelectComponent implements ControlValueAccessor {
     }
     if (!this.isAllItemsSelected()) {
       // filter out disabled item first before slicing
-      this.selectedItems = this.listFilterPipe.transform(this._data,this.filter).filter(item => !item.isDisabled).slice();
+      this.selectedItems = this.listFilterPipe.transform(this._data, this.filter).filter(item => !item.isDisabled).slice();
       this.onSelectAll.emit(this.emittedValue(this.selectedItems));
     } else {
       this.selectedItems = [];
diff --git a/src/ng-multiselect-dropdown/src/multiselect.model.ts b/src/ng-multiselect-dropdown/src/multiselect.model.ts
index 2080a29..04396a0 100644
--- a/src/ng-multiselect-dropdown/src/multiselect.model.ts
+++ b/src/ng-multiselect-dropdown/src/multiselect.model.ts
@@ -17,6 +17,10 @@ export interface IDropdownSettings {
   showSelectedItemsAtTop?: boolean;
   defaultOpen?: boolean;
   allowRemoteDataSearch?: boolean;
+  selectedAllLabel?: string;
+  unSelectedAllLabel?: string;
+  enableSelectedAllLabel?: boolean;
+  enableUnSelectedAllLabel?: boolean;
 }
 
 export class ListItem {
diff --git a/src/ng-multiselect-dropdown/test/helper.ts b/src/ng-multiselect-dropdown/test/helper.ts
index 1c7d97f..5ef2307 100644
--- a/src/ng-multiselect-dropdown/test/helper.ts
+++ b/src/ng-multiselect-dropdown/test/helper.ts
@@ -4,7 +4,7 @@ import { TestBed, ComponentFixture, tick } from '@angular/core/testing';
 import { NgMultiSelectDropDownModule } from './../src/ng-multiselect-dropdown.module';
 
 export function newEvent(eventName: string, bubbles = false, cancelable = false) {
-    let evt = document.createEvent('CustomEvent'); // MUST be 'CustomEvent'
+    const evt = document.createEvent('CustomEvent'); // MUST be 'CustomEvent'
     evt.initCustomEvent(eventName, bubbles, cancelable, null);
     return evt;
 }
diff --git a/src/ng-multiselect-dropdown/test/list-filter.pipe.spec.ts b/src/ng-multiselect-dropdown/test/list-filter.pipe.spec.ts
index c1838f1..4ed7583 100644
--- a/src/ng-multiselect-dropdown/test/list-filter.pipe.spec.ts
+++ b/src/ng-multiselect-dropdown/test/list-filter.pipe.spec.ts
@@ -1,9 +1,9 @@
-import { ListFilterPipe } from '../src/list-filter.pipe'
+import { ListFilterPipe } from '../src/list-filter.pipe';
 describe('multiSelectFilter', () => {
     let pipe: ListFilterPipe;
     beforeEach(() => {
         pipe = new ListFilterPipe();
-    })
+    });
     it('should create an instance', () => {
         expect(pipe).toBeTruthy();
     });
@@ -24,7 +24,7 @@ describe('multiSelectFilter', () => {
                 id: 2, text: 'Pune'
             }];
         const filterData = { id: 1, text: 'Nav' };
-        const expectedData = [{ id: 1, text: 'Navsari' }]
+        const expectedData = [{ id: 1, text: 'Navsari' }];
         expect(pipe.transform(sourceData, filterData)).toEqual(expectedData);
     })
     it('transform numbers data', () => {
@@ -35,7 +35,7 @@ describe('multiSelectFilter', () => {
                 id: 2222, text: 2222
             }];
         const filterData = { id: 1111, text: 1111 };
-        const expectedData = [{ id: 1111, text: 1111 }]
+        const expectedData = [{ id: 1111, text: 1111 }];
         expect(pipe.transform(sourceData, filterData)).toEqual(expectedData);
-    })
-})
\ No newline at end of file
+    });
+});
\ No newline at end of file
diff --git a/src/ng-multiselect-dropdown/test/multi-select.component1.spec.ts b/src/ng-multiselect-dropdown/test/multi-select.component1.spec.ts
index e265c58..0f73adb 100644
--- a/src/ng-multiselect-dropdown/test/multi-select.component1.spec.ts
+++ b/src/ng-multiselect-dropdown/test/multi-select.component1.spec.ts
@@ -3,7 +3,7 @@ import { FormsModule } from '@angular/forms';
 import { ComponentFixture, fakeAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { MultiSelectComponent, IDropdownSettings } from './../src';
-import { createTestingModule, tickAndDetectChanges } from './helper'
+import { createTestingModule, tickAndDetectChanges } from './helper';
 
 @Component({
     template: ``
@@ -62,8 +62,8 @@ describe('ng-multiselect-component: default placeholder when no data is availabl
     it('should have default placeholder when no data is available to show', () => {
         const de: DebugElement = fixture.debugElement.query(By.css('.no-data'));
         const el = de.nativeElement;
-        expect(el.textContent).toContain('No data available')
-    })
+        expect(el.textContent).toContain('No data available');
+    });
 });
 describe('ng-multiselect-component: custom placeholder when no data is available to show', function () {
     let fixture: ComponentFixture<Ng2MultiSelectDropdownMultipleSelect_CustomPlaceHolderText>;
@@ -85,6 +85,6 @@ describe('ng-multiselect-component: custom placeholder when no data is available
     it('should have custom placeholder when no data is available to show', () => {
         const de: DebugElement = fixture.debugElement.query(By.css('.no-data'));
         const el = de.nativeElement;
-        expect(el.textContent).toContain(NO_DATA_AVAILABLE)
-    })
+        expect(el.textContent).toContain(NO_DATA_AVAILABLE);
+    });
 });
diff --git a/src/ng-multiselect-dropdown/test/multi-select.component2.spec.ts b/src/ng-multiselect-dropdown/test/multi-select.component2.spec.ts
index 26f12ec..498ccec 100644
--- a/src/ng-multiselect-dropdown/test/multi-select.component2.spec.ts
+++ b/src/ng-multiselect-dropdown/test/multi-select.component2.spec.ts
@@ -3,7 +3,7 @@ import { FormsModule } from '@angular/forms';
 import { ComponentFixture, fakeAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { MultiSelectComponent, IDropdownSettings } from './../src';
-import { createTestingModule, tickAndDetectChanges } from './helper'
+import { createTestingModule, tickAndDetectChanges } from './helper';
 
 @Component({
     template: ``
@@ -49,9 +49,9 @@ describe('ng-multiselect-component: Issue No: 67( Option with value = 0 does not
     it('should have 5 total items', () => {
         let selCheckBoxes: HTMLLIElement[];
         const de: DebugElement[] = fixture.debugElement.queryAll(By.css('.item2>li'));
-        expect(fixture.componentInstance.cities.length).toBe(5)
-        expect(de.length).toBe(5)
-        expect(fixture.componentInstance.selectedItem.length).toBe(1)
-    })
+        expect(fixture.componentInstance.cities.length).toBe(5);
+        expect(de.length).toBe(5);
+        expect(fixture.componentInstance.selectedItem.length).toBe(1);
+    });
 });
 
diff --git a/src/setup-jest.ts b/src/setup-jest.ts
index 8afcfb9..07f3cb0 100644
--- a/src/setup-jest.ts
+++ b/src/setup-jest.ts
@@ -1,3 +1,3 @@
 import 'jest-preset-angular';
 
-import './jest-global-mocks'; // browser mocks globally available for every test
\ No newline at end of file
+import './jest-global-mocks'; // browser mocks globally available for every test