feat: add option to auto activate element on mouse enter

README.md

@@ -102,6 +102,7 @@ Any item can be `disabled` for prevent selection. For disable an item add the pr
 | noResultsFound | string | `'No results found'` | The default text showed when a search has no results |
 | size | `'small'/'default'/'large'` | `'default'` | Adding bootstrap classes: form-control-sm, input-sm, form-control-lg input-lg, btn-sm, btn-lg |
 | searchCallback | `(search: string, item: INgxSelectOption) => boolean` | `null` | The callback function for custom filtering the select list |
+| autoActiveOnMouseEnter | boolean | true | Automatically activate item when mouse enter on it |
 
 | Output  | Description |
 | ------------- | ------------- |

src/app/lib/ngx-select/ngx-select.component.ts

@@ -73,6 +73,7 @@ export class NgxSelectComponent implements INgxSelectOptions, ControlValueAccess
     @Input() public noResultsFound = 'No results found';
     @Input() public size: 'small' | 'default' | 'large' = 'default';
     @Input() public searchCallback: (search: string, item: INgxSelectOption) => boolean;
+    @Input() public autoActiveOnMouseEnter = true;
     public keyCodeToRemoveSelected = 'Delete';
     public keyCodeToOptionsOpen = 'Enter';
     public keyCodeToOptionsClose = 'Escape';
@@ -441,7 +442,7 @@ export class NgxSelectComponent implements INgxSelectOptions, ControlValueAccess
 
     /** @internal */
     public optionActivate(navigated: INgxOptionNavigated): void {
-        if ((this.optionActive !== navigated.activeOption) &&
+        if (this.autoActiveOnMouseEnter && (this.optionActive !== navigated.activeOption) &&
             (!navigated.activeOption || !navigated.activeOption.disabled)) {
             this.optionActive = navigated.activeOption;
             this.navigated.emit(navigated);