chore: add MdCommonModule for all components (#4208)

I will move the run-time sanity checks from CompatibilityModule to here
once #4178 is merged.

src/lib/autocomplete/index.ts

@@ -1,13 +1,13 @@
 import {ModuleWithProviders, NgModule} from '@angular/core';
 
-import {MdOptionModule, OverlayModule, OVERLAY_PROVIDERS, CompatibilityModule} from '../core';
+import {MdOptionModule, OverlayModule, OVERLAY_PROVIDERS, MdCommonModule} from '../core';
 import {CommonModule} from '@angular/common';
 import {MdAutocomplete} from './autocomplete';
 import {MdAutocompleteTrigger} from './autocomplete-trigger';
 
 @NgModule({
-  imports: [MdOptionModule, OverlayModule, CompatibilityModule, CommonModule],
-  exports: [MdAutocomplete, MdOptionModule, MdAutocompleteTrigger, CompatibilityModule],
+  imports: [MdOptionModule, OverlayModule, MdCommonModule, CommonModule],
+  exports: [MdAutocomplete, MdOptionModule, MdAutocompleteTrigger, MdCommonModule],
   declarations: [MdAutocomplete, MdAutocompleteTrigger],
 })
 export class MdAutocompleteModule {

src/lib/button-toggle/index.ts

@@ -3,18 +3,18 @@ import {FormsModule} from '@angular/forms';
 import {MdButtonToggleGroup, MdButtonToggleGroupMultiple, MdButtonToggle} from './button-toggle';
 import {
   UNIQUE_SELECTION_DISPATCHER_PROVIDER,
-  CompatibilityModule,
+  MdCommonModule,
   FocusOriginMonitor,
 } from '../core';
 
 
 @NgModule({
-  imports: [FormsModule, CompatibilityModule],
+  imports: [FormsModule, MdCommonModule],
   exports: [
     MdButtonToggleGroup,
     MdButtonToggleGroupMultiple,
     MdButtonToggle,
-    CompatibilityModule,
+    MdCommonModule,
   ],
   declarations: [MdButtonToggleGroup, MdButtonToggleGroupMultiple, MdButtonToggle],
   providers: [UNIQUE_SELECTION_DISPATCHER_PROVIDER, FocusOriginMonitor]

src/lib/button/index.ts

@@ -1,6 +1,6 @@
 import {ModuleWithProviders, NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import {CompatibilityModule, MdRippleModule, StyleModule} from '../core';
+import {MdCommonModule, MdRippleModule, StyleModule} from '../core';
 import {
   MdAnchor,
   MdButton,
@@ -19,13 +19,13 @@ export * from './button';
   imports: [
     CommonModule,
     MdRippleModule,
-    CompatibilityModule,
+    MdCommonModule,
     StyleModule,
   ],
   exports: [
     MdButton,
     MdAnchor,
-    CompatibilityModule,
+    MdCommonModule,
     MdButtonCssMatStyler,
     MdRaisedButtonCssMatStyler,
     MdIconButtonCssMatStyler,

src/lib/card/index.ts

@@ -1,5 +1,5 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
-import {CompatibilityModule} from '../core';
+import {MdCommonModule} from '../core';
 import {
   MdCard,
   MdCardHeader,
@@ -19,7 +19,7 @@ import {
 
 
 @NgModule({
-  imports: [CompatibilityModule],
+  imports: [MdCommonModule],
   exports: [
     MdCard,
     MdCardHeader,
@@ -35,7 +35,7 @@ import {
     MdCardImage,
     MdCardXlImage,
     MdCardAvatar,
-    CompatibilityModule,
+    MdCommonModule,
   ],
   declarations: [
     MdCard, MdCardHeader, MdCardTitleGroup, MdCardContent, MdCardTitle, MdCardSubtitle,

src/lib/checkbox/index.ts

@@ -1,12 +1,12 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import {MdRippleModule, CompatibilityModule, FocusOriginMonitor} from '../core';
+import {MdRippleModule, MdCommonModule, FocusOriginMonitor} from '../core';
 import {MdCheckbox} from './checkbox';
 
 
 @NgModule({
-  imports: [CommonModule, MdRippleModule, CompatibilityModule],
-  exports: [MdCheckbox, CompatibilityModule],
+  imports: [CommonModule, MdRippleModule, MdCommonModule],
+  exports: [MdCheckbox, MdCommonModule],
   declarations: [MdCheckbox],
   providers: [FocusOriginMonitor]
 })

src/lib/core/common-behaviors/common-module.ts

@@ -0,0 +1,15 @@
+import {NgModule} from '@angular/core';
+import {CompatibilityModule} from '../compatibility/compatibility';
+
+
+/**
+ * Module that captures anything that should be loaded and/or run for *all* Angular Material
+ * components. This includes Bidi, compatibility mode, etc.
+ *
+ * This module should be imported to each top-level component module (e.g., MdTabsModule).
+ */
+@NgModule({
+  imports: [CompatibilityModule],
+  exports: [CompatibilityModule],
+})
+export class MdCommonModule { }

src/lib/core/core.ts

@@ -113,6 +113,9 @@ export {coerceNumberProperty} from './coercion/number-property';
 // Compatibility
 export {CompatibilityModule, NoConflictStyleCompatibilityMode} from './compatibility/compatibility';
 
+// Common material module
+export {MdCommonModule} from './common-behaviors/common-module';
+
 
 @NgModule({
   imports: [

src/lib/core/line/line.ts

@@ -5,7 +5,7 @@ import {
     ElementRef,
     QueryList
 } from '@angular/core';
-import {CompatibilityModule} from '../compatibility/compatibility';
+import {MdCommonModule} from '../common-behaviors/common-module';
 
 
 /**
@@ -57,8 +57,8 @@ export class MdLineSetter {
 }
 
 @NgModule({
-  imports: [CompatibilityModule],
-  exports: [MdLine, CompatibilityModule],
+  imports: [MdCommonModule],
+  exports: [MdLine, MdCommonModule],
   declarations: [MdLine],
 })
 export class MdLineModule { }

src/lib/core/ripple/index.ts

@@ -1,6 +1,6 @@
 import {ModuleWithProviders, NgModule} from '@angular/core';
 import {MdRipple} from './ripple';
-import {CompatibilityModule} from '../compatibility/compatibility';
+import {MdCommonModule} from '../common-behaviors/common-module';
 import {VIEWPORT_RULER_PROVIDER} from '../overlay/position/viewport-ruler';
 import {SCROLL_DISPATCHER_PROVIDER} from '../overlay/scroll/scroll-dispatcher';
 
@@ -9,8 +9,8 @@ export {RippleRef, RippleState} from './ripple-ref';
 export {RippleConfig, RIPPLE_FADE_IN_DURATION, RIPPLE_FADE_OUT_DURATION} from './ripple-renderer';
 
 @NgModule({
-  imports: [CompatibilityModule],
-  exports: [MdRipple, CompatibilityModule],
+  imports: [MdCommonModule],
+  exports: [MdRipple, MdCommonModule],
   declarations: [MdRipple],
   providers: [VIEWPORT_RULER_PROVIDER, SCROLL_DISPATCHER_PROVIDER],
 })

src/lib/dialog/index.ts

@@ -4,7 +4,7 @@ import {
   OverlayModule,
   PortalModule,
   A11yModule,
-  CompatibilityModule,
+  MdCommonModule,
 } from '../core';
 import {MdDialog} from './dialog';
 import {MdDialogContainer} from './dialog-container';
@@ -22,7 +22,7 @@ import {
     OverlayModule,
     PortalModule,
     A11yModule,
-    CompatibilityModule,
+    MdCommonModule,
   ],
   exports: [
     MdDialogContainer,
@@ -30,7 +30,7 @@ import {
     MdDialogTitle,
     MdDialogContent,
     MdDialogActions,
-    CompatibilityModule,
+    MdCommonModule,
   ],
   declarations: [
     MdDialogContainer,

src/lib/grid-list/index.ts

@@ -1,5 +1,5 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
-import {MdLineModule, CompatibilityModule} from '../core';
+import {MdLineModule, MdCommonModule} from '../core';
 import {
   MdGridTile, MdGridTileText, MdGridTileFooterCssMatStyler,
   MdGridTileHeaderCssMatStyler, MdGridAvatarCssMatStyler
@@ -8,13 +8,13 @@ import {MdGridList} from './grid-list';
 
 
 @NgModule({
-  imports: [MdLineModule, CompatibilityModule],
+  imports: [MdLineModule, MdCommonModule],
   exports: [
     MdGridList,
     MdGridTile,
     MdGridTileText,
     MdLineModule,
-    CompatibilityModule,
+    MdCommonModule,
     MdGridTileHeaderCssMatStyler,
     MdGridTileFooterCssMatStyler,
     MdGridAvatarCssMatStyler

src/lib/icon/index.ts

@@ -1,12 +1,12 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
 import {HttpModule} from '@angular/http';
-import {CompatibilityModule} from '../core';
+import {MdCommonModule} from '../core';
 import {MdIcon, ICON_REGISTRY_PROVIDER} from './icon';
 
 
 @NgModule({
-  imports: [HttpModule, CompatibilityModule],
-  exports: [MdIcon, CompatibilityModule],
+  imports: [HttpModule, MdCommonModule],
+  exports: [MdIcon, MdCommonModule],
   declarations: [MdIcon],
   providers: [ICON_REGISTRY_PROVIDER],
 })

src/lib/list/index.ts

@@ -1,5 +1,5 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
-import {MdLineModule, MdRippleModule, CompatibilityModule} from '../core';
+import {MdLineModule, MdRippleModule, MdCommonModule} from '../core';
 import {
   MdList,
   MdListItem,
@@ -14,14 +14,14 @@ import {
 
 
 @NgModule({
-  imports: [MdLineModule, MdRippleModule, CompatibilityModule],
+  imports: [MdLineModule, MdRippleModule, MdCommonModule],
   exports: [
     MdList,
     MdListItem,
     MdListDivider,
     MdListAvatarCssMatStyler,
     MdLineModule,
-    CompatibilityModule,
+    MdCommonModule,
     MdListIconCssMatStyler,
     MdListCssMatStyler,
     MdNavListCssMatStyler,

src/lib/menu/index.ts

@@ -1,6 +1,6 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import {OverlayModule, CompatibilityModule} from '../core';
+import {OverlayModule, MdCommonModule} from '../core';
 import {MdMenu} from './menu-directive';
 import {MdMenuItem} from './menu-item';
 import {MdMenuTrigger} from './menu-trigger';
@@ -12,9 +12,9 @@ import {MdRippleModule} from '../core/ripple/index';
     OverlayModule,
     CommonModule,
     MdRippleModule,
-    CompatibilityModule,
+    MdCommonModule,
   ],
-  exports: [MdMenu, MdMenuItem, MdMenuTrigger, CompatibilityModule],
+  exports: [MdMenu, MdMenuItem, MdMenuTrigger, MdCommonModule],
   declarations: [MdMenu, MdMenuItem, MdMenuTrigger],
 })
 export class MdMenuModule {

src/lib/module.ts

@@ -7,7 +7,7 @@ import {
   PortalModule,
   OverlayModule,
   A11yModule,
-  CompatibilityModule,
+  MdCommonModule,
 } from './core/index';
 
 import {MdButtonToggleModule} from './button-toggle/index';
@@ -67,7 +67,7 @@ const MATERIAL_MODULES = [
   StyleModule,
   A11yModule,
   PlatformModule,
-  CompatibilityModule,
+  MdCommonModule,
   ObserveContentModule
 ];
 
@@ -106,7 +106,7 @@ const MATERIAL_MODULES = [
     MdTooltipModule.forRoot(),
     PlatformModule.forRoot(),
     OverlayModule.forRoot(),
-    CompatibilityModule.forRoot(),
+    MdCommonModule,
   ],
   exports: MATERIAL_MODULES,
 })

src/lib/progress-bar/index.ts

@@ -1,12 +1,12 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import {CompatibilityModule} from '../core/compatibility/compatibility';
+import {MdCommonModule} from '../core';
 import {MdProgressBar} from './progress-bar';
 
 
 @NgModule({
-  imports: [CommonModule, CompatibilityModule],
-  exports: [MdProgressBar, CompatibilityModule],
+  imports: [CommonModule, MdCommonModule],
+  exports: [MdProgressBar, MdCommonModule],
   declarations: [MdProgressBar],
 })
 export class MdProgressBarModule {

src/lib/progress-spinner/index.ts

@@ -1,5 +1,5 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
-import {CompatibilityModule} from '../core';
+import {MdCommonModule} from '../core';
 import {
   MdProgressSpinner,
   MdSpinner,
@@ -8,11 +8,11 @@ import {
 
 
 @NgModule({
-  imports: [CompatibilityModule],
+  imports: [MdCommonModule],
   exports: [
     MdProgressSpinner,
     MdSpinner,
-    CompatibilityModule,
+    MdCommonModule,
     MdProgressSpinnerCssMatStyler
   ],
   declarations: [

src/lib/radio/index.ts

@@ -3,7 +3,7 @@ import {CommonModule} from '@angular/common';
 import {VIEWPORT_RULER_PROVIDER} from '../core/overlay/position/viewport-ruler';
 import {
   MdRippleModule,
-  CompatibilityModule,
+  MdCommonModule,
   UNIQUE_SELECTION_DISPATCHER_PROVIDER,
   FocusOriginMonitor,
 } from '../core';
@@ -11,8 +11,8 @@ import {MdRadioGroup, MdRadioButton} from './radio';
 
 
 @NgModule({
-  imports: [CommonModule, MdRippleModule, CompatibilityModule],
-  exports: [MdRadioGroup, MdRadioButton, CompatibilityModule],
+  imports: [CommonModule, MdRippleModule, MdCommonModule],
+  exports: [MdRadioGroup, MdRadioButton, MdCommonModule],
   providers: [UNIQUE_SELECTION_DISPATCHER_PROVIDER, VIEWPORT_RULER_PROVIDER, FocusOriginMonitor],
   declarations: [MdRadioGroup, MdRadioButton],
 })

src/lib/select/index.ts

@@ -2,7 +2,7 @@ import {NgModule, ModuleWithProviders} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {MdSelect} from './select';
 import {MdOptionModule} from '../core/option/option';
-import {CompatibilityModule, OverlayModule} from '../core';
+import {MdCommonModule, OverlayModule} from '../core';
 
 
 @NgModule({
@@ -10,9 +10,9 @@ import {CompatibilityModule, OverlayModule} from '../core';
     CommonModule,
     OverlayModule,
     MdOptionModule,
-    CompatibilityModule,
+    MdCommonModule,
   ],
-  exports: [MdSelect, MdOptionModule, CompatibilityModule],
+  exports: [MdSelect, MdOptionModule, MdCommonModule],
   declarations: [MdSelect],
 })
 export class MdSelectModule {

src/lib/sidenav/index.ts

@@ -1,14 +1,14 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import {CompatibilityModule} from '../core';
+import {MdCommonModule} from '../core';
 import {A11yModule} from '../core/a11y/index';
 import {OverlayModule} from '../core/overlay/overlay-directives';
 import {MdSidenav, MdSidenavContainer} from './sidenav';
 
 
 @NgModule({
-  imports: [CommonModule, CompatibilityModule, A11yModule, OverlayModule],
-  exports: [MdSidenavContainer, MdSidenav, CompatibilityModule],
+  imports: [CommonModule, MdCommonModule, A11yModule, OverlayModule],
+  exports: [MdSidenavContainer, MdSidenav, MdCommonModule],
   declarations: [MdSidenavContainer, MdSidenav],
 })
 export class MdSidenavModule {

src/lib/slide-toggle/index.ts

@@ -3,12 +3,12 @@ import {FormsModule} from '@angular/forms';
 import {HAMMER_GESTURE_CONFIG} from '@angular/platform-browser';
 import {MdSlideToggle} from './slide-toggle';
 import {
-  GestureConfig, CompatibilityModule, MdRippleModule, FOCUS_ORIGIN_MONITOR_PROVIDER
+  GestureConfig, MdCommonModule, MdRippleModule, FOCUS_ORIGIN_MONITOR_PROVIDER
 } from '../core';
 
 @NgModule({
-  imports: [FormsModule, MdRippleModule, CompatibilityModule],
-  exports: [MdSlideToggle, CompatibilityModule],
+  imports: [FormsModule, MdRippleModule, MdCommonModule],
+  exports: [MdSlideToggle, MdCommonModule],
   declarations: [MdSlideToggle],
   providers: [
     FOCUS_ORIGIN_MONITOR_PROVIDER,

src/lib/slider/index.ts

@@ -2,14 +2,14 @@ import {ModuleWithProviders, NgModule} from '@angular/core';
 import {HAMMER_GESTURE_CONFIG} from '@angular/platform-browser';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
-import {CompatibilityModule, GestureConfig, StyleModule} from '../core';
+import {MdCommonModule, GestureConfig, StyleModule} from '../core';
 import {MdSlider} from './slider';
 import {RtlModule} from '../core/rtl/dir';
 
 
 @NgModule({
-  imports: [CommonModule, FormsModule, CompatibilityModule, StyleModule, RtlModule],
-  exports: [MdSlider, CompatibilityModule],
+  imports: [CommonModule, FormsModule, MdCommonModule, StyleModule, RtlModule],
+  exports: [MdSlider, MdCommonModule],
   declarations: [MdSlider],
   providers: [{provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig}]
 })

src/lib/snack-bar/index.ts

@@ -1,5 +1,5 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
-import {OverlayModule, PortalModule, CompatibilityModule, LIVE_ANNOUNCER_PROVIDER} from '../core';
+import {OverlayModule, PortalModule, MdCommonModule, LIVE_ANNOUNCER_PROVIDER} from '../core';
 import {CommonModule} from '@angular/common';
 import {MdSnackBar} from './snack-bar';
 import {MdSnackBarContainer} from './snack-bar-container';
@@ -11,9 +11,9 @@ import {SimpleSnackBar} from './simple-snack-bar';
     OverlayModule,
     PortalModule,
     CommonModule,
-    CompatibilityModule,
+    MdCommonModule,
   ],
-  exports: [MdSnackBarContainer, CompatibilityModule],
+  exports: [MdSnackBarContainer, MdCommonModule],
   declarations: [MdSnackBarContainer, SimpleSnackBar],
   entryComponents: [MdSnackBarContainer, SimpleSnackBar],
   providers: [MdSnackBar, LIVE_ANNOUNCER_PROVIDER]

src/lib/toolbar/index.ts

@@ -1,11 +1,11 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
-import {CompatibilityModule} from '../core';
+import {MdCommonModule} from '../core';
 import {MdToolbar, MdToolbarRow} from './toolbar';
 
 
 @NgModule({
-  imports: [CompatibilityModule],
-  exports: [MdToolbar, MdToolbarRow, CompatibilityModule],
+  imports: [MdCommonModule],
+  exports: [MdToolbar, MdToolbarRow, MdCommonModule],
   declarations: [MdToolbar, MdToolbarRow],
 })
 export class MdToolbarModule {

src/lib/tooltip/index.ts

@@ -1,12 +1,12 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
-import {OverlayModule, CompatibilityModule} from '../core';
+import {OverlayModule, MdCommonModule} from '../core';
 import {PlatformModule} from '../core/platform/index';
 import {MdTooltip, TooltipComponent} from './tooltip';
 
 
 @NgModule({
-  imports: [OverlayModule, CompatibilityModule, PlatformModule],
-  exports: [MdTooltip, TooltipComponent, CompatibilityModule],
+  imports: [OverlayModule, MdCommonModule, PlatformModule],
+  exports: [MdTooltip, TooltipComponent, MdCommonModule],
   declarations: [MdTooltip, TooltipComponent],
   entryComponents: [TooltipComponent],
 })