chore: re-add moduleIds temporarily (#1101)

src/lib/button-toggle/button-toggle.ts

@@ -211,6 +211,7 @@ export class MdButtonToggleGroupMultiple {
 }
 
 @Component({
+  moduleId: module.id,
   selector: 'md-button-toggle',
   templateUrl: 'button-toggle.html',
   styleUrls: ['button-toggle.css'],

src/lib/button/button.ts

@@ -17,6 +17,7 @@ import {MdRippleModule} from '@angular2-material/core/ripple/ripple';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'button[md-button], button[md-raised-button], button[md-icon-button], ' +
             'button[md-fab], button[md-mini-fab]',
   inputs: ['color'],
@@ -104,6 +105,7 @@ export class MdButton {
 }
 
 @Component({
+  moduleId: module.id,
   selector: 'a[md-button], a[md-raised-button], a[md-icon-button], a[md-fab], a[md-mini-fab]',
   inputs: ['color'],
   host: {

src/lib/card/card.ts

@@ -21,6 +21,7 @@ it also provides a number of preset styles for common card sections, including:
 */
 
 @Component({
+  moduleId: module.id,
   selector: 'md-card',
   templateUrl: 'card.html',
   styleUrls: ['card.css'],
@@ -45,6 +46,7 @@ TODO(kara): update link to demo site when it exists
 */
 
 @Component({
+  moduleId: module.id,
   selector: 'md-card-header',
   templateUrl: 'card-header.html',
   encapsulation: ViewEncapsulation.None,
@@ -64,6 +66,7 @@ TODO(kara): update link to demo site when it exists
 */
 
 @Component({
+  moduleId: module.id,
   selector: 'md-card-title-group',
   templateUrl: 'card-title-group.html',
   encapsulation: ViewEncapsulation.None,

src/lib/checkbox/checkbox.ts

@@ -56,6 +56,7 @@ export class MdCheckboxChange {
  * See: https://www.google.com/design/spec/components/selection-controls.html
  */
 @Component({
+  moduleId: module.id,
   selector: 'md-checkbox',
   templateUrl: 'checkbox.html',
   styleUrls: ['checkbox.css'],

src/lib/dialog/dialog-container.ts

@@ -13,6 +13,7 @@ import {MdDialogContentAlreadyAttachedError} from './dialog-errors';
  * Internal component that wraps user-provided dialog content.
  */
 @Component({
+  moduleId: module.id,
   selector: 'md-dialog-container',
   templateUrl: 'dialog-container.html',
   styleUrls: ['dialog-container.css'],

src/lib/grid-list/grid-list.ts

@@ -31,6 +31,7 @@ import {coerceToString, coerceToNumber} from './grid-list-measure';
 const MD_FIT_MODE = 'fit';
 
 @Component({
+  moduleId: module.id,
   selector: 'md-grid-list',
   templateUrl: 'grid-list.html',
   styleUrls: ['grid-list.css'],

src/lib/grid-list/grid-tile.ts

@@ -12,6 +12,7 @@ import { MdLine, MdLineSetter } from '@angular2-material/core/line/line';
 import {coerceToNumber} from './grid-list-measure';
 
 @Component({
+  moduleId: module.id,
   selector: 'md-grid-tile',
   host: { 'role': 'listitem' },
   templateUrl: 'grid-tile.html',
@@ -53,6 +54,7 @@ export class MdGridTile {
 }
 
 @Component({
+  moduleId: module.id,
   selector: 'md-grid-tile-header, md-grid-tile-footer',
   templateUrl: 'grid-tile-text.html'
 })

src/lib/icon/icon.ts

@@ -58,6 +58,7 @@ export class MdIconInvalidNameError extends MdError {
  *     <md-icon fontSet="fa" fontIcon="alarm"></md-icon>
  */
 @Component({
+  moduleId: module.id,
   template: '<ng-content></ng-content>',
   selector: 'md-icon',
   styleUrls: ['icon.css'],

src/lib/input/input.ts

@@ -95,6 +95,7 @@ export class MdHint {
  * improve on its behaviour, along with styling it according to the Material Design.
  */
 @Component({
+  moduleId: module.id,
   selector: 'md-input',
   templateUrl: 'input.html',
   styleUrls: ['input.css'],

src/lib/list/list.ts

@@ -13,6 +13,7 @@ import {
 import {MdLine, MdLineSetter, MdLineModule} from '@angular2-material/core/line/line';
 
 @Component({
+  moduleId: module.id,
   selector: 'md-list, md-nav-list',
   host: {'role': 'list'},
   template: '<ng-content></ng-content>',
@@ -26,6 +27,7 @@ export class MdList {}
 export class MdListAvatar {}
 
 @Component({
+  moduleId: module.id,
   selector: 'md-list-item, a[md-list-item]',
   host: {
     'role': 'listitem',

src/lib/menu/menu-directive.ts

@@ -15,6 +15,7 @@ import {MenuPositionX, MenuPositionY} from './menu-positions';
 import {MdMenuInvalidPositionX, MdMenuInvalidPositionY} from './menu-errors';
 
 @Component({
+  moduleId: module.id,
   selector: 'md-menu',
   host: {'role': 'menu'},
   templateUrl: 'menu.html',

src/lib/module.d.ts

@@ -0,0 +1 @@
+declare var module: {id: string};

src/lib/progress-bar/progress-bar.ts

@@ -15,6 +15,7 @@ import {CommonModule} from '@angular/common';
  * <md-progress-bar> component.
  */
 @Component({
+  moduleId: module.id,
   selector: 'md-progress-bar',
   host: {
     'role': 'progressbar',

src/lib/progress-circle/progress-circle.ts

@@ -32,6 +32,7 @@ type EasingFn = (currentTime: number, startValue: number,
  * <md-progress-circle> component.
  */
 @Component({
+  moduleId: module.id,
   selector: 'md-progress-circle',
   host: {
     'role': 'progressbar',
@@ -218,6 +219,7 @@ export class MdProgressCircle implements OnDestroy {
  * indeterminate <md-progress-circle> instance.
  */
 @Component({
+  moduleId: module.id,
   selector: 'md-spinner',
   host: {
     'role': 'progressbar',

src/lib/radio/radio.ts

@@ -236,6 +236,7 @@ export class MdRadioGroup implements AfterContentInit, ControlValueAccessor {
 
 
 @Component({
+  moduleId: module.id,
   selector: 'md-radio-button',
   templateUrl: 'radio.html',
   styleUrls: ['radio.css'],

src/lib/sidenav/sidenav.ts

@@ -34,6 +34,7 @@ export class MdDuplicatedSidenavError extends MdError {
  * Please refer to README.md for examples on how to use it.
  */
 @Component({
+  moduleId: module.id,
   selector: 'md-sidenav',
   template: '<ng-content></ng-content>',
   host: {
@@ -222,6 +223,7 @@ export class MdSidenav {
  * and coordinate the backdrop and content styling.
  */
 @Component({
+  moduleId: module.id,
   selector: 'md-sidenav-layout',
   // Do not use ChangeDetectionStrategy.OnPush. It does not work for this component because
   // technically it is a sibling of MdSidenav (on the content tree) and isn't updated when MdSidenav

src/lib/slide-toggle/slide-toggle.ts

@@ -38,6 +38,7 @@ export class MdSlideToggleChange {
 let nextId = 0;
 
 @Component({
+  moduleId: module.id,
   selector: 'md-slide-toggle',
   host: {
     '[class.md-checked]': 'checked',

src/lib/slider/slider.ts

@@ -36,6 +36,7 @@ export const MD_SLIDER_VALUE_ACCESSOR: any = {
 };
 
 @Component({
+  moduleId: module.id,
   selector: 'md-slider',
   providers: [MD_SLIDER_VALUE_ACCESSOR],
   host: {

src/lib/tabs/tabs.ts

@@ -61,6 +61,7 @@ export class MdTab {
  * See: https://www.google.com/design/spec/components/tabs.html
  */
 @Component({
+  moduleId: module.id,
   selector: 'md-tab-group',
   templateUrl: 'tab-group.html',
   styleUrls: ['tab-group.css'],

src/lib/toolbar/toolbar.ts

@@ -9,6 +9,7 @@ import {Renderer} from '@angular/core';
 import {ElementRef} from '@angular/core';
 
 @Component({
+  moduleId: module.id,
   selector: 'md-toolbar',
   templateUrl: 'toolbar.html',
   styleUrls: ['toolbar.css'],

src/lib/tooltip/tooltip.ts

@@ -179,6 +179,7 @@ export class MdTooltip {
 }
 
 @Component({
+  moduleId: module.id,
   selector: 'md-tooltip-component',
   template: `<div class="md-tooltip">{{message}}</div>`,
   styleUrls: ['tooltip.css'],