diff --git a/src/lib/button-toggle/button-toggle.ts b/src/lib/button-toggle/button-toggle.ts
index f612b67833e..d717dec504d 100644
--- a/src/lib/button-toggle/button-toggle.ts
+++ b/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'],
diff --git a/src/lib/button/button.ts b/src/lib/button/button.ts
index b98ead15ac6..a7c7fe64dec 100644
--- a/src/lib/button/button.ts
+++ b/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: {
diff --git a/src/lib/card/card.ts b/src/lib/card/card.ts
index 9a234832d18..9cb3146662b 100644
--- a/src/lib/card/card.ts
+++ b/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,
diff --git a/src/lib/checkbox/checkbox.ts b/src/lib/checkbox/checkbox.ts
index 4f1b0c79557..275f1dedeb4 100644
--- a/src/lib/checkbox/checkbox.ts
+++ b/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'],
diff --git a/src/lib/dialog/dialog-container.ts b/src/lib/dialog/dialog-container.ts
index 53237bd8fc9..8753381beb9 100644
--- a/src/lib/dialog/dialog-container.ts
+++ b/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'],
diff --git a/src/lib/grid-list/grid-list.ts b/src/lib/grid-list/grid-list.ts
index faa6e706cb4..dea75b86596 100644
--- a/src/lib/grid-list/grid-list.ts
+++ b/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'],
diff --git a/src/lib/grid-list/grid-tile.ts b/src/lib/grid-list/grid-tile.ts
index 97de4cd25c5..f6e5aa00577 100644
--- a/src/lib/grid-list/grid-tile.ts
+++ b/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'
})
diff --git a/src/lib/icon/icon.ts b/src/lib/icon/icon.ts
index 909d50e57a9..4978eb2f731 100644
--- a/src/lib/icon/icon.ts
+++ b/src/lib/icon/icon.ts
@@ -58,6 +58,7 @@ export class MdIconInvalidNameError extends MdError {
*
*/
@Component({
+ moduleId: module.id,
template: '',
selector: 'md-icon',
styleUrls: ['icon.css'],
diff --git a/src/lib/input/input.ts b/src/lib/input/input.ts
index debf7d655a9..40f49c52b95 100644
--- a/src/lib/input/input.ts
+++ b/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'],
diff --git a/src/lib/list/list.ts b/src/lib/list/list.ts
index 053ecf8d029..ef35a0f8413 100644
--- a/src/lib/list/list.ts
+++ b/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: '',
@@ -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',
diff --git a/src/lib/menu/menu-directive.ts b/src/lib/menu/menu-directive.ts
index ccc44c6e533..19f4ac72189 100644
--- a/src/lib/menu/menu-directive.ts
+++ b/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',
diff --git a/src/lib/module.d.ts b/src/lib/module.d.ts
new file mode 100644
index 00000000000..ce4ae9b66cf
--- /dev/null
+++ b/src/lib/module.d.ts
@@ -0,0 +1 @@
+declare var module: {id: string};
diff --git a/src/lib/progress-bar/progress-bar.ts b/src/lib/progress-bar/progress-bar.ts
index 8578c30f7f5..5d450b0c8a9 100644
--- a/src/lib/progress-bar/progress-bar.ts
+++ b/src/lib/progress-bar/progress-bar.ts
@@ -15,6 +15,7 @@ import {CommonModule} from '@angular/common';
* component.
*/
@Component({
+ moduleId: module.id,
selector: 'md-progress-bar',
host: {
'role': 'progressbar',
diff --git a/src/lib/progress-circle/progress-circle.ts b/src/lib/progress-circle/progress-circle.ts
index f99a18bff47..aa6a5f91311 100644
--- a/src/lib/progress-circle/progress-circle.ts
+++ b/src/lib/progress-circle/progress-circle.ts
@@ -32,6 +32,7 @@ type EasingFn = (currentTime: number, startValue: number,
* component.
*/
@Component({
+ moduleId: module.id,
selector: 'md-progress-circle',
host: {
'role': 'progressbar',
@@ -218,6 +219,7 @@ export class MdProgressCircle implements OnDestroy {
* indeterminate instance.
*/
@Component({
+ moduleId: module.id,
selector: 'md-spinner',
host: {
'role': 'progressbar',
diff --git a/src/lib/radio/radio.ts b/src/lib/radio/radio.ts
index 5d7ece44cde..614dc06a9bb 100644
--- a/src/lib/radio/radio.ts
+++ b/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'],
diff --git a/src/lib/sidenav/sidenav.ts b/src/lib/sidenav/sidenav.ts
index bb866e65a3f..cfd8b9056ee 100644
--- a/src/lib/sidenav/sidenav.ts
+++ b/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: '',
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
diff --git a/src/lib/slide-toggle/slide-toggle.ts b/src/lib/slide-toggle/slide-toggle.ts
index e98e8b5d352..648ab20df83 100644
--- a/src/lib/slide-toggle/slide-toggle.ts
+++ b/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',
diff --git a/src/lib/slider/slider.ts b/src/lib/slider/slider.ts
index 90887be5df6..3da982bb3aa 100644
--- a/src/lib/slider/slider.ts
+++ b/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: {
diff --git a/src/lib/tabs/tabs.ts b/src/lib/tabs/tabs.ts
index 8aa91d0baca..6875066b7c2 100644
--- a/src/lib/tabs/tabs.ts
+++ b/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'],
diff --git a/src/lib/toolbar/toolbar.ts b/src/lib/toolbar/toolbar.ts
index dfe4cf87337..d8ae92808b4 100644
--- a/src/lib/toolbar/toolbar.ts
+++ b/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'],
diff --git a/src/lib/tooltip/tooltip.ts b/src/lib/tooltip/tooltip.ts
index 55278327680..72d7c870213 100644
--- a/src/lib/tooltip/tooltip.ts
+++ b/src/lib/tooltip/tooltip.ts
@@ -179,6 +179,7 @@ export class MdTooltip {
}
@Component({
+ moduleId: module.id,
selector: 'md-tooltip-component',
template: `{{message}}
`,
styleUrls: ['tooltip.css'],