Search filter "No filtered data found" message added + Dropdown close/reopen issue fixed (#322)

* Fix #122 #315

* Fix #198 #295 #302

Author: ninilo97

src/ng-multiselect-dropdown/src/multi-select.component.html

@@ -30,6 +30,9 @@
         <input type="checkbox" [attr.aria-label]="item.text" [checked]="isSelected(item)" [disabled]="disabled || (isLimitSelectionReached() && !isSelected(item)) || item.isDisabled" />
         <div>{{item.text}}</div>
       </li>
+      <li class='no-filtered-data' *ngIf="_data.length != 0 && (_data | multiSelectFilter:filter).length == 0 && !_settings.allowRemoteDataSearch">
+        <h5>{{_settings.noFilteredDataAvailablePlaceholderText}}</h5>
+      </li>
       <li class='no-data' *ngIf="_data.length == 0 && !_settings.allowRemoteDataSearch">
         <h5>{{_settings.noDataAvailablePlaceholderText}}</h5>
       </li>

src/ng-multiselect-dropdown/src/multiselect.component.ts

@@ -41,6 +41,7 @@ export class MultiSelectComponent implements ControlValueAccessor {
     itemsShowLimit: 999999999999,
     searchPlaceholderText: "Search",
     noDataAvailablePlaceholderText: "No data available",
+    noFilteredDataAvailablePlaceholderText: "No filtered data available",
     closeDropDownOnSelection: false,
     showSelectedItemsAtTop: false,
     defaultOpen: false,
@@ -191,7 +192,7 @@ export class MultiSelectComponent implements ControlValueAccessor {
   // Set touched on blur
   @HostListener("blur")
   public onTouched() {
-    this.closeDropdown();
+    // this.closeDropdown();
     this.onTouchedCallback();
   }
 

src/ng-multiselect-dropdown/src/multiselect.model.ts

@@ -13,6 +13,7 @@ export interface IDropdownSettings {
   limitSelection?: number;
   searchPlaceholderText?: string;
   noDataAvailablePlaceholderText?: string;
+  noFilteredDataAvailablePlaceholderText?: string;
   closeDropDownOnSelection?: boolean;
   showSelectedItemsAtTop?: boolean;
   defaultOpen?: boolean;