From 16d766fffb75311b1705045dad78d5df91a39d2a Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Mon, 28 Dec 2015 13:57:33 -0500
Subject: [PATCH] fix(searchbar): update searchbar so it emits the input event
 on clear

Also added some other events to the API so the user can decide which
event they want to use. Closes #818
---
 ionic/components/searchbar/searchbar.ts | 35 ++++++++++++++-----------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/ionic/components/searchbar/searchbar.ts b/ionic/components/searchbar/searchbar.ts
index 47bf07d433..43fb9ae548 100644
--- a/ionic/components/searchbar/searchbar.ts
+++ b/ionic/components/searchbar/searchbar.ts
@@ -46,11 +46,14 @@ export class SearchbarInput {
  * @property {boolean} [hideCancelButton=false] - Hides the cancel button
  * @property {string} [placeholder=Search] - Sets input placeholder to the value passed in
  *
- * @property {Any} [input] - Expression to evaluate when the Searchbar input has changed
+ * @property {Any} [input] - Expression to evaluate when the Searchbar input has changed including cleared
+ * @property {Any} [keydown] - Expression to evaluate when a key is pushed down in the Searchbar input
+ * @property {Any} [keypress] - Expression to evaluate when a character is inserted in the Searchbar input
+ * @property {Any} [keyup] - Expression to evaluate when a key is released in the Searchbar input
  * @property {Any} [blur] - Expression to evaluate when the Searchbar input has blurred
  * @property {Any} [focus] - Expression to evaluate when the Searchbar input has focused
- * @property {Any} [cancel] - Expression to evaluate when the cancel button is clicked.
- * @property {Any} [clear] - Expression to evaluate when the clear input button is clicked.
+ * @property {Any} [cancel] - Expression to evaluate when the cancel button is clicked
+ * @property {Any} [clear] - Expression to evaluate when the clear input button is clicked
  *
  * @see {@link /docs/v2/components#search Search Component Docs}
  */
@@ -86,20 +89,8 @@ export class Searchbar extends Ion {
   blurInput: boolean = true;
 
   @HostBinding('class.searchbar-focused') isFocused;
-
   @HostBinding('class.searchbar-left-aligned') shouldLeftAlign;
 
-  @HostListener('keyup', ['$event'])
-  /**
-   * @private
-   * Update the Searchbar input value when the input changes
-   */
-  private inputChanged(ev) {
-    this.value = ev.target.value;
-    this.onChange(this.value);
-    this.input.emit(this);
-  }
-
   constructor(
     elementRef: ElementRef,
     config: Config,
@@ -146,6 +137,16 @@ export class Searchbar extends Ion {
     }
   }
 
+  /**
+   * @private
+   * Update the Searchbar input value when the input changes
+   */
+  inputChanged(ev) {
+    this.value = ev.target.value;
+    this.onChange(this.value);
+    this.input.emit(this);
+  }
+
   /**
    * @private
    * Sets the Searchbar to focused and aligned left on input focus.
@@ -171,7 +172,7 @@ export class Searchbar extends Ion {
       return;
     }
     this.blur.emit(this);
-    
+
     this.isFocused = false;
     this.shouldLeftAlign = this.value && this.value.trim() != '';
   }
@@ -185,6 +186,8 @@ export class Searchbar extends Ion {
 
     this.value = '';
     this.onChange(this.value);
+    this.input.emit(this);
+    
     this.blurInput = false;
   }