feat(ink): add directive for applying ink to arbitrary elements

 - not very sophisticated right now, just applies ink when clicked and emits "inked" event when the ink animation is done.

ng2-material/all.ts

@@ -18,6 +18,9 @@ export * from './components/divider/divider';
 import {MdIcon} from './components/icon/icon';
 export * from './components/icon/icon';
 
+import {MdInk} from './components/ink/ink';
+export * from './components/ink/ink';
+
 import {
   MdPatternValidator, MdMaxLengthValidator,
   MdMinValueValidator, MdMaxValueValidator,
@@ -63,9 +66,11 @@ import {MdToolbar} from './components/toolbar/toolbar';
 export * from './components/toolbar/toolbar';
 
 import {MdTabs, MdTab} from './components/tabs/tabs';
-import {Media} from "./core/util/media";
+export * from './components/tabs/tabs';
 
+import {Media} from "./core/util/media";
 export * from './core/util/media';
+
 export * from './core/util/animate';
 
 /**
@@ -77,6 +82,7 @@ export const MATERIAL_DIRECTIVES: Type[] = CONST_EXPR([
   MdContent,
   MdDivider,
   MdIcon,
+  MdInk,
   MdInput, MdInputContainer,
   MdPatternValidator, MdMaxLengthValidator,
   MdMinValueValidator, MdMaxValueValidator,

ng2-material/components/ink/ink.ts

@@ -0,0 +1,24 @@
+import {ElementRef, Directive, Output, EventEmitter} from "angular2/core";
+import {Ink} from "../../core/util/ink";
+
+@Directive({
+  selector: '[md-ink]',
+  host: {
+    '(mousedown)': 'onMousedown($event)'
+  },
+})
+export class MdInk {
+
+  @Output() inked:EventEmitter<MdInk> = new EventEmitter<MdInk>();
+
+  constructor(private _element: ElementRef) {
+  }
+
+  onMousedown(event) {
+    if (this._element && Ink.canApply(this._element.nativeElement)) {
+      Ink.rippleEvent(this._element.nativeElement, event).then(() => {
+        this.inked.emit(this);
+      });
+    }
+  }
+}