From 5c4b67d7a4dd79db8554c891d70aefc45e6fdc14 Mon Sep 17 00:00:00 2001
From: Yuan Gao <tinagao@google.com>
Date: Wed, 7 Dec 2016 10:02:56 +0800
Subject: [PATCH] Add ViewportRuler to providers

---
 src/lib/button/button.ts     | 3 ++-
 src/lib/checkbox/checkbox.ts | 3 ++-
 src/lib/radio/radio.ts       | 3 ++-
 src/lib/tabs/tab-group.ts    | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/lib/button/button.ts b/src/lib/button/button.ts
index 2303af30afbc..97706420ff3c 100644
--- a/src/lib/button/button.ts
+++ b/src/lib/button/button.ts
@@ -11,6 +11,7 @@ import {
 } from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {MdRippleModule, coerceBooleanProperty, DefaultStyleCompatibilityModeModule} from '../core';
+import {ViewportRuler} from '../core/overlay/position/viewport-ruler';
 
 
 // TODO(jelbourn): Make the `isMouseDown` stuff done with one global listener.
@@ -166,7 +167,7 @@ export class MdButtonModule {
   static forRoot(): ModuleWithProviders {
     return {
       ngModule: MdButtonModule,
-      providers: []
+      providers: [ViewportRuler]
     };
   }
 }
diff --git a/src/lib/checkbox/checkbox.ts b/src/lib/checkbox/checkbox.ts
index 6860b9a7de1a..d29a1f2300c6 100644
--- a/src/lib/checkbox/checkbox.ts
+++ b/src/lib/checkbox/checkbox.ts
@@ -17,6 +17,7 @@ import {CommonModule} from '@angular/common';
 import {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/forms';
 import {coerceBooleanProperty} from '../core/coersion/boolean-property';
 import {MdRippleModule, DefaultStyleCompatibilityModeModule} from '../core';
+import {ViewportRuler} from '../core/overlay/position/viewport-ruler';
 
 
 /**
@@ -391,7 +392,7 @@ export class MdCheckboxModule {
   static forRoot(): ModuleWithProviders {
     return {
       ngModule: MdCheckboxModule,
-      providers: []
+      providers: [ViewportRuler]
     };
   }
 }
diff --git a/src/lib/radio/radio.ts b/src/lib/radio/radio.ts
index 6d32e6c37239..c27ca8c7fa0c 100644
--- a/src/lib/radio/radio.ts
+++ b/src/lib/radio/radio.ts
@@ -25,6 +25,7 @@ import {
   DefaultStyleCompatibilityModeModule,
 } from '../core';
 import {coerceBooleanProperty} from '../core/coersion/boolean-property';
+import {ViewportRuler} from '../core/overlay/position/viewport-ruler';
 
 
 /**
@@ -476,7 +477,7 @@ export class MdRadioModule {
   static forRoot(): ModuleWithProviders {
     return {
       ngModule: MdRadioModule,
-      providers: [MdUniqueSelectionDispatcher],
+      providers: [MdUniqueSelectionDispatcher, ViewportRuler],
     };
   }
 }
diff --git a/src/lib/tabs/tab-group.ts b/src/lib/tabs/tab-group.ts
index 2b9241045ee8..8bee6e0c02bc 100644
--- a/src/lib/tabs/tab-group.ts
+++ b/src/lib/tabs/tab-group.ts
@@ -30,6 +30,7 @@ import 'rxjs/add/operator/map';
 import {MdRippleModule} from '../core/ripple/ripple';
 import {MdTab} from './tab';
 import {MdTabBody} from './tab-body';
+import {ViewportRuler} from '../core/overlay/position/viewport-ruler';
 
 
 /** Used to generate unique ID's for each tab component */
@@ -296,7 +297,7 @@ export class MdTabsModule {
   static forRoot(): ModuleWithProviders {
     return {
       ngModule: MdTabsModule,
-      providers: []
+      providers: [ViewportRuler]
     };
   }
 }