Finer tweaks

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng2-md-datatable",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Angular 2 DataTable component for using with Material 2",
   "main": "dist/index.js",
   "scripts": {

src/demo-app/src/app/app.component.ts

@@ -11,7 +11,6 @@ import { Subject } from 'rxjs/Subject';
 import { async } from 'rxjs/scheduler/async';
 import 'rxjs/add/observable/from';
 import 'rxjs/add/operator/do';
-import 'rxjs/add/operator/observeOn';
 import 'rxjs/add/operator/takeUntil';
 
 import {
@@ -53,18 +52,15 @@ export class AppComponent implements AfterViewInit, OnDestroy {
   ngAfterViewInit() {
     if (this.datatable) {
       Observable.from(this.datatable.selectionChange)
-        .observeOn(async)
         .takeUntil(this.unmount$)
         .subscribe((e: IDatatableSelectionEvent) => this.currentSelection = e.selectedValues);
 
       Observable.from(this.datatable.sortChange)
-        .observeOn(async)
         .takeUntil(this.unmount$)
         .subscribe((e: IDatatableSortEvent) =>
           this.fetchDemoDataSource(this.currentPage, this.itemsPerPage, e.sortBy, e.sortType));
 
       Observable.from(this.pagination.paginationChange)
-        .observeOn(async)
         .takeUntil(this.unmount$)
         .subscribe((e: IDatatablePaginationEvent) =>
           this.fetchDemoDataSource(e.page, e.itemsPerPage));

src/demo-app/src/main.ts

@@ -1,5 +1,6 @@
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import 'hammerjs';
 
 import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';

src/lib/md-datatable-header.component.ts

@@ -11,7 +11,6 @@ import { Observable } from 'rxjs/Observable';
 import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 import { async } from 'rxjs/scheduler/async';
 import 'rxjs/add/operator/let';
-import 'rxjs/add/operator/observeOn';
 import 'rxjs/add/operator/takeUntil';
 
 import { BaseComponent } from './helpers';
@@ -63,7 +62,6 @@ export class MdDataTableHeaderComponent extends BaseComponent implements AfterVi
 
     this.store
       .let(areAllRowsSelected(this.datatableId))
-      .observeOn(async)
       .takeUntil(this.unmount$)
       .subscribe(this.allChecked$);
   }

src/lib/md-datatable-row.component.ts

@@ -14,7 +14,6 @@ import { MdCheckbox, MdCheckboxChange } from '@angular/material';
 import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 import { async } from 'rxjs/scheduler/async';
 import 'rxjs/add/operator/let';
-import 'rxjs/add/operator/observeOn';
 import 'rxjs/add/operator/takeUntil';
 
 import { BaseComponent } from './helpers';
@@ -81,7 +80,6 @@ export class MdDataTableRowComponent extends BaseComponent implements AfterViewI
 
     this.store
       .let(isRowSelected(this.datatableId, this.selectableValue))
-      .observeOn(async)
       .takeUntil(this.unmount$)
       .subscribe(this.checked$);
   }

src/lib/md-datatable.module.ts

@@ -6,7 +6,19 @@ import {
 } from '@angular/core';
 
 import { CommonModule } from '@angular/common';
-import { MdCheckboxModule, MdSelectModule, MdButtonModule, MdIconModule } from '@angular/material';
+
+import {
+  MdCoreModule,
+  A11yModule,
+  MdCheckboxModule,
+  MdInputModule,
+  MdSelectModule,
+  MdOptionModule,
+  MdButtonModule,
+  MdIconModule,
+  MdRippleModule,
+} from '@angular/material';
+
 import { FormsModule } from '@angular/forms';
 
 import { MdDataTableComponent } from './md-datatable.component';
@@ -27,10 +39,15 @@ import { MdDatatableActions } from './md-datatable.actions';
   imports: [
     CommonModule,
     FormsModule,
+    MdCoreModule,
+    A11yModule,
     MdCheckboxModule,
+    MdInputModule,
     MdSelectModule,
+    MdOptionModule,
     MdButtonModule,
     MdIconModule,
+    MdRippleModule,
   ],
   declarations: [
     MdDataTableComponent,