- added typeaheadOnBlur event

demo/src/ng-api-doc.ts

@@ -2095,6 +2095,10 @@ export const ngdoc: any = {
       {
         "name": "typeaheadOnSelect",
         "description": "<p>fired when option was selected, return object with data of this option </p>\n"
+      },
+      {
+        "name": "typeaheadOnBlur",
+        "description": "<p>fired when blur event occurres. returns the active item </p>\n"
       }
     ],
     "properties": [

package.json

@@ -74,7 +74,7 @@
     "@angular/router": "^3.4.4",
     "@angular/tsc-wrapped": "0.5.1",
     "@ngtools/webpack": "1.2.7",
-    "@types/jasmine": "^2.5.41",
+    "@types/jasmine": "2.5.41",
     "@types/marked": "0.0.28",
     "@types/node": "7.0.0",
     "@types/webpack": "^2.2.2",

src/typeahead/typeahead-container.component.ts

@@ -79,6 +79,10 @@ export class TypeaheadContainerComponent {
     this.element = element;
   }
 
+  public get active(): TypeaheadMatch {
+    return this._active;
+  }
+
   public get matches(): TypeaheadMatch[] {
     return this._matches;
   }

src/typeahead/typeahead.directive.ts

@@ -53,6 +53,8 @@ export class TypeaheadDirective implements OnInit, OnDestroy {
   @Output() public typeaheadNoResults: EventEmitter<boolean> = new EventEmitter();
   /** fired when option was selected, return object with data of this option */
   @Output() public typeaheadOnSelect: EventEmitter<TypeaheadMatch> = new EventEmitter();
+  /** fired when blur event occurres. returns the active item */
+  @Output() public typeaheadOnBlur: EventEmitter<any> = new EventEmitter();
 
   /**
    * A selector specifying the element the typeahead should be appended to.
@@ -143,6 +145,7 @@ export class TypeaheadDirective implements OnInit, OnDestroy {
   @HostListener('blur')
   public onBlur(): void {
     if (this._container && !this._container.isFocused) {
+      this.typeaheadOnBlur.emit(this._container.active);
       this.hide();
     }
   }
@@ -159,13 +162,6 @@ export class TypeaheadDirective implements OnInit, OnDestroy {
       e.preventDefault();
       return;
     }
-
-    // if tab default browser behavior will select next input field, and
-    // therefore we should close the items list
-    if (e.keyCode === 9) {
-      this.hide();
-      return;
-    }
   }
 
   public constructor(control: NgControl, viewContainerRef: ViewContainerRef, element: ElementRef, renderer: Renderer, cis: ComponentLoaderFactory) {