fix(EventEmitter): Update rxjs dependency. Add 'emit' method.

fixes #122

BREAKING CHANGE:

Before:
```js
@output() foo = new EventEmitter();

foo.next();
```

Before:
```js
@output() foo = new EventEmitter();

foo.emit(); // <--
```

Author: timkindberg

API.md

@@ -196,7 +196,7 @@ class App {
 - **`directives`**  **[Array<[IProvidable](#iprovidable)>]**  Any directives or components that this component or any of it's children depends on.
 - **`pipes`**  **[Array<[IProvidable](#iprovidable)>]**  Any [pipes](#pipe) that this component or any of it's children depends on.
 - **`inputs`**  **[Array<string>]**  An array of strings naming what class properties you want to expose in `bindToController` (or `scope` if angular 1.3). For example, `inputs: ['foo']` will connect the class property `foo` to the input `foo`. You can also rename the input, for example `inputs: ['foo:theFoo']` will connect the class property `foo` to the input `the-foo`.
-- **`outputs`**  **[Array<string>]**  An array of strings naming what class properties you want to expose as outputs. For example, `outputs: ['fooChange']` will notify the app that this component can fire a `'fooChange'` event. If there is a class property `fooChange` that is an `EventEmitter` it can trigger this event via `this.fooChange.next()`. Otherwise the event can also be triggered with a regular DOM event of name `'fooChange'`. You can also rename the output, for example `inputs: ['fooChange:theFooChange']` will notify of a 'theFooChange' event, but will still look for a `fooChange` property on the class.
+- **`outputs`**  **[Array<string>]**  An array of strings naming what class properties you want to expose as outputs. For example, `outputs: ['fooChange']` will notify the app that this component can fire a `'fooChange'` event. If there is a class property `fooChange` that is an `EventEmitter` it can trigger this event via `this.fooChange.emit()`. Otherwise the event can also be triggered with a regular DOM event of name `'fooChange'`. You can also rename the output, for example `inputs: ['fooChange:theFooChange']` will notify of a 'theFooChange' event, but will still look for a `fooChange` property on the class.
 - **`controllerAs`**  **[string='ctrl']**  The controller name used in the template. By default uses 'ctrl'. We wanted to use something consistent across all components to make migration to Angular 2 easier later. When migrating you'll only need to do a simple find and replace of all 'ctrl.' and remove them. If you want the controllerAs name to match the selector (camel-cased) then set controllerAs to '$auto'.
 
 ## Inputs and Outputs
@@ -267,7 +267,7 @@ class MenuDropdown {
 
     triggerEventViaEventEmitter() {
         // You can optionally pass along a payload
-        this.optionSelect.next(selectedOption);
+        this.optionSelect.emit(selectedOption);
     }
 }
 ```
@@ -439,7 +439,7 @@ class MenuDropdown {
     @Output() optionSelect = new EventEmitter();
 
     someMethod() {
-        this.optionSelect.next('payload');
+        this.optionSelect.emit('payload');
     }
 }
 ```
@@ -467,9 +467,9 @@ We use this method behind the scenes to subscribe to your output events. You mos
 - **`error`**  **[Function]**  Callback that is called when the Subject has an 'error'.
 - **`complete`**  **[Function]**  Callback that is called when the Subject is 'completed'.
 
-#### `next()`
+#### `emit()`
 
-`next(value: any)`
+`emit(value: any)`
 
 Will trigger all subscriber's next callbacks, passing along the value. This is the main way to trigger an EventEmitter-based output.
 

Walkthrough.md

@@ -132,7 +132,7 @@ class InnerApp{
 	}
 
 	triggerEventViaEventEmitter() {
-		this.evt2.next()
+		this.evt2.emit()
 	}
 }
 
@@ -227,7 +227,7 @@ and here's where we call them in the component
 
 	triggerEventViaEventEmitter() {
 		// this won't bubble, but most custom events probably shouldn't...
-		this.evt2.next()
+		this.evt2.emit()
 	}
 ```
 
@@ -404,7 +404,7 @@ class InnerApp{
 	}
 
 	triggerEventViaEventEmitter() {
-		this.evt2.next()
+		this.evt2.emit()
 	}
 }
 

lib/decorators/component.spec.ts

@@ -759,7 +759,7 @@ describe('@Component', function(){
 					private fooChanged = new EventEmitter();
 					setAndTriggerFoo(val) {
 						this.foo = val;
-						this.fooChanged.next(val);
+						this.fooChanged.emit(val);
 					}
 				}
 
@@ -974,7 +974,7 @@ describe('@Component', function(){
 
 				fixture.debugElement.componentInstance.bar.should.be.false;
 
-				fixture.debugElement.componentViewChildren[0].componentInstance.output.next();
+				fixture.debugElement.componentViewChildren[0].componentInstance.output.emit();
 				this.clock.tick();
 
 				fixture.debugElement.componentInstance.bar.should.be.true;
@@ -993,7 +993,7 @@ describe('@Component', function(){
 
 				fixture.debugElement.componentInstance.bar.should.be.false;
 
-				fixture.debugElement.componentViewChildren[0].componentInstance.outputChange.next();
+				fixture.debugElement.componentViewChildren[0].componentInstance.outputChange.emit();
 				this.clock.tick();
 
 				fixture.debugElement.componentInstance.bar.should.be.true;
@@ -1014,7 +1014,7 @@ describe('@Component', function(){
 
 				let detail = 'hello';
 
-				fixture.debugElement.componentViewChildren[0].componentInstance.output.next(detail);
+				fixture.debugElement.componentViewChildren[0].componentInstance.output.emit(detail);
 				this.clock.tick();
 
 				fixture.debugElement.componentInstance.bar.should.eql('hello');
@@ -1033,7 +1033,7 @@ describe('@Component', function(){
 
 				fixture.debugElement.componentInstance.bar.should.be.false;
 
-				fixture.debugElement.componentViewChildren[0].componentInstance.o.next();
+				fixture.debugElement.componentViewChildren[0].componentInstance.o.emit();
 				this.clock.tick();
 
 				fixture.debugElement.componentInstance.bar.should.be.true;
@@ -1099,7 +1099,7 @@ describe('@Component', function(){
 				fixtureComponent.bar.should.be.false;
 				fooComponent.bar.should.be.false;
 
-				barComponent.barChange.next();
+				barComponent.barChange.emit();
 				this.clock.tick();
 
 				fixtureComponent.bar.should.be.false;

lib/decorators/component.ts

@@ -26,7 +26,7 @@
 // 	}
 // 	async send(){
 // 		let message = await this.Messenger.create(this.subject, this.message);
-// 		this.sent.next(message);
+// 		this.sent.emit(message);
 // 	}
 // }
 //```

lib/decorators/input-output.spec.ts

@@ -395,7 +395,7 @@ describe('@Input Decorator', function(){
 				fooChanged = new EventEmitter();
 				setAndTriggerFoo(val) {
 					this.foo = val;
-					this.fooChanged.next(val);
+					this.fooChanged.emit(val);
 				}
 			}
 
@@ -633,7 +633,7 @@ describe('@Output Decorator', function(){
 
 			fixture.debugElement.componentInstance.bar.should.be.false;
 
-			fixture.debugElement.componentViewChildren[0].componentInstance.output.next();
+			fixture.debugElement.componentViewChildren[0].componentInstance.output.emit();
 			this.clock.tick();
 
 			fixture.debugElement.componentInstance.bar.should.be.true;
@@ -652,7 +652,7 @@ describe('@Output Decorator', function(){
 
 			fixture.debugElement.componentInstance.bar.should.be.false;
 
-			fixture.debugElement.componentViewChildren[0].componentInstance.outputChange.next();
+			fixture.debugElement.componentViewChildren[0].componentInstance.outputChange.emit();
 			this.clock.tick();
 
 			fixture.debugElement.componentInstance.bar.should.be.true;
@@ -673,7 +673,7 @@ describe('@Output Decorator', function(){
 
 			let detail = 'hello';
 
-			fixture.debugElement.componentViewChildren[0].componentInstance.output.next(detail);
+			fixture.debugElement.componentViewChildren[0].componentInstance.output.emit(detail);
 			this.clock.tick();
 
 			fixture.debugElement.componentInstance.bar.should.eql('hello');
@@ -692,7 +692,7 @@ describe('@Output Decorator', function(){
 
 			fixture.debugElement.componentInstance.bar.should.be.false;
 
-			fixture.debugElement.componentViewChildren[0].componentInstance.o.next();
+			fixture.debugElement.componentViewChildren[0].componentInstance.o.emit();
 			this.clock.tick();
 
 			fixture.debugElement.componentInstance.bar.should.be.true;
@@ -760,7 +760,7 @@ describe('@Output Decorator', function(){
 			fixtureComponent.bar.should.be.false;
 			fooComponent.bar.should.be.false;
 
-			barComponent.barChange.next();
+			barComponent.barChange.emit();
 			this.clock.tick();
 
 			fixtureComponent.bar.should.be.false;

lib/events/event-emitter.ts

@@ -1,4 +1,4 @@
-import Subject from '@reactivex/rxjs/dist/es6/Subject';
+import Subject from 'rxjs/Subject';
 
 /**
  * Use by directives and components to emit custom Events. Copied from Angular 2's [EventEmitter](
@@ -27,9 +27,9 @@ import Subject from '@reactivex/rxjs/dist/es6/Subject';
  *   toggle() {
  *     this.visible = !this.visible;
  *     if (this.visible) {
- *       this.open.next(null);
+ *       this.open.emit(null);
  *     } else {
- *       this.close.next(null);
+ *       this.close.emit(null);
  *     }
  *   }
  * }
@@ -53,6 +53,13 @@ export default class EventEmitter<T> extends Subject<T> {
     this._isAsync = isAsync;
   }
 
+  emit(value: T) { super.next(value); }
+
+  /**
+   * @deprecated - use .emit(value) instead
+   */
+  next(value: any) { super.next(value); }
+
   subscribe(generatorOrNext?: any, error?: any, complete?: any): any {
     if (generatorOrNext && typeof generatorOrNext === 'object') {
 

package.json

@@ -31,7 +31,7 @@
   ],
   "license": "ISC",
   "dependencies": {
-    "@reactivex/rxjs": "5.0.0-alpha.7",
+    "rxjs": "5.0.0-beta.0",
     "reflect-metadata": "^0.1.2"
   },
   "devDependencies": {