Add ability to highlight a specific choice from the list of choices (#56)

Author: josephschmitt

README.md

@@ -291,6 +291,7 @@ startIndex override what the current suggestion should be.
 
 #### Choices (only work when `multiple` is set to `true`)
 
+- `omnibox.highlightChoice(choice)`: Highlights a choice from the list of choices.
 - `omnibox.highlightPreviousChoice()`: Highlights the previous suggestion before the currently
 higlighted one. If the first one is highlighted then the field is focused.
 - `omnibox.highlightNextChoice()`: Highlights the next suggestion after the currently higlighted

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngc-omnibox",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "A modern, flexible, Angular 1.x autocomplete library with limited assumptions.",
   "main": "dist/ngc-omnibox.js",
   "scripts": {

spec/tests/angularComponent/ngcOmniboxControllerSpec.js

@@ -446,6 +446,24 @@ describe('ngcOmnibox.angularComponent.ngcOmniboxController', () => {
       expect(omniboxController.highlightedChoice).toBe(null);
     });
 
+    it('should highlight a specific choice', () => {
+      expect(omniboxController.highlightedChoice).toBe(null);
+
+      omniboxController.highlightChoice('two');
+      expect(omniboxController.highlightedChoice).toBe('two');
+    });
+
+    it('should only highlight a choice that exists in the list of choices', () => {
+      omniboxController.highlightChoice('two');
+      expect(omniboxController.highlightedChoice).toBe('two');
+
+      omniboxController.highlightChoice('bogus');
+      expect(omniboxController.highlightedChoice).toBe('two');
+
+      omniboxController.highlightChoice('three');
+      expect(omniboxController.highlightedChoice).toBe('three');
+    });
+
     it('should highlight the next choice', () => {
       omniboxController.highlightNextChoice();
       expect(omniboxController.highlightedChoice).toBe('one');

src/angularComponent/ngcOmniboxController.js

@@ -299,7 +299,20 @@ export default class NgcOmniboxController {
   }
 
   /**
-   * Highlights the next suggestion after the currently higlighted one. If the last one is
+   * Highlights a choice from the list of choices.
+   *
+   * @param {Any} choice
+   */
+  highlightChoice(choice) {
+    if (!this.multiple || !Array.isArray(this.ngModel) || this.ngModel.indexOf(choice) === -1) {
+      return;
+    }
+
+    this.highlightedChoice = choice;
+  }
+
+  /**
+   * Highlights the next choice after the currently higlighted one. If the last one is
    * highlighted then the field is focused.
    */
   highlightNextChoice() {
@@ -575,10 +588,18 @@ export default class NgcOmniboxController {
 
           if ((keyCode === KEY.LEFT || (keyCode === KEY.BACKSPACE && !this.query)) &&
               this.selectionStartKeyUp === 0) {
-            this.highlightLastChoice();
+            if (this.highlightedChoice) {
+              this.highlightPreviousChoice();
+            } else {
+              this.highlightLastChoice();
+            }
           } else if ((keyCode === KEY.RIGHT || keyCode === KEY.DELETE && !this.query) &&
               this.selectionStartKeyUp === inputLength) {
-            this.highlightFirstChoice();
+            if (this.highlightedChoice) {
+              this.highlightNextChoice();
+            } else {
+              this.highlightFirstChoice();
+            }
           }
         }
       } else if (this.highlightedChoice) {