build: add mising bits for material-examples package

Adds:
* Missing `moduleId` from each example component
* Missing `flatModuleId` from the ngc options
* Missing typing for `module` in order to set moduleId
* Makes templateUrl and styleUrls for example components match material
components.

Author: jelbourn

src/material-examples/autocomplete-overview/autocomplete-overview-example.ts

@@ -5,8 +5,9 @@ import 'rxjs/add/operator/startWith';
 import 'rxjs/add/operator/map';
 
 @Component({
+  moduleId: module.id,
   selector: 'autocomplete-overview-example',
-  templateUrl: './autocomplete-overview-example.html',
+  templateUrl: 'autocomplete-overview-example.html',
 })
 export class AutocompleteOverviewExample {
   stateCtrl: FormControl;

src/material-examples/button-overview/button-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'button-overview-example',
-  templateUrl: './button-overview-example.html',
+  templateUrl: 'button-overview-example.html',
 })
 export class ButtonOverviewExample {}

src/material-examples/button-toggle-exclusive/button-toggle-exclusive-example.ts

@@ -2,8 +2,9 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'button-toggle-exclusive-example',
-  templateUrl: './button-toggle-exclusive-example.html',
-  styleUrls: ['./button-toggle-exclusive-example.css'],
+  templateUrl: 'button-toggle-exclusive-example.html',
+  styleUrls: ['button-toggle-exclusive-example.css'],
 })
 export class ButtonToggleExclusiveExample {}

src/material-examples/button-toggle-overview/button-toggle-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'button-toggle-overview-example',
-  templateUrl: './button-toggle-overview-example.html',
+  templateUrl: 'button-toggle-overview-example.html',
 })
 export class ButtonToggleOverviewExample {}

src/material-examples/button-types/button-types-example.ts

@@ -2,8 +2,9 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'button-types-example',
-  templateUrl: './button-types-example.html',
-  styleUrls: ['./button-types-example.css'],
+  templateUrl: 'button-types-example.html',
+  styleUrls: ['button-types-example.css'],
 })
 export class ButtonTypesExample {}

src/material-examples/card-fancy/card-fancy-example.ts

@@ -2,8 +2,9 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'card-fancy-example',
-  templateUrl: './card-fancy-example.html',
-  styleUrls: ['./card-fancy-example.css'],
+  templateUrl: 'card-fancy-example.html',
+  styleUrls: ['card-fancy-example.css'],
 })
 export class CardFancyExample {}

src/material-examples/card-overview/card-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'card-overview-example',
-  templateUrl: './card-overview-example.html',
+  templateUrl: 'card-overview-example.html',
 })
 export class CardOverviewExample {}

src/material-examples/checkbox-configurable/checkbox-configurable-example.ts

@@ -2,9 +2,10 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'checkbox-configurable-example',
-  templateUrl: './checkbox-configurable-example.html',
-  styleUrls: ['./checkbox-configurable-example.css'],
+  templateUrl: 'checkbox-configurable-example.html',
+  styleUrls: ['checkbox-configurable-example.css'],
 })
 export class CheckboxConfigurableExample {
   checked = false;

src/material-examples/checkbox-overview/checkbox-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'checkbox-overview-example',
-  templateUrl: './checkbox-overview-example.html',
+  templateUrl: 'checkbox-overview-example.html',
 })
 export class CheckboxOverviewExample {}

src/material-examples/chips-overview/chips-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'chips-overview-example',
-  templateUrl: './chips-overview-example.html',
+  templateUrl: 'chips-overview-example.html',
 })
 export class ChipsOverviewExample {}

src/material-examples/chips-stacked/chips-stacked-example.ts

@@ -2,9 +2,10 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'chips-stacked-example',
-  templateUrl: './chips-stacked-example.html',
-  styleUrls: ['./chips-stacked-example.css'],
+  templateUrl: 'chips-stacked-example.html',
+  styleUrls: ['chips-stacked-example.css'],
 })
 export class ChipsStackedExample {
   color: string;

src/material-examples/datepicker-overview/datepicker-overview-example.ts

@@ -2,8 +2,9 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'datepicker-overview-example',
-  templateUrl: './datepicker-overview-example.html',
-  styleUrls: ['./datepicker-overview-example.css'],
+  templateUrl: 'datepicker-overview-example.html',
+  styleUrls: ['datepicker-overview-example.css'],
 })
 export class DatepickerOverviewExample {}

src/material-examples/dialog-elements/dialog-elements-example.ts

@@ -3,8 +3,9 @@ import {MdDialog} from '@angular/material';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'dialog-elements-example',
-  templateUrl: './dialog-elements-example.html',
+  templateUrl: 'dialog-elements-example.html',
 })
 export class DialogElementsExample {
   constructor(public dialog: MdDialog) { }
@@ -16,7 +17,8 @@ export class DialogElementsExample {
 
 
 @Component({
+  moduleId: module.id,
   selector: 'dialog-elements-example-dialog',
-  templateUrl: './dialog-elements-example-dialog.html',
+  templateUrl: 'dialog-elements-example-dialog.html',
 })
 export class DialogElementsExampleDialog { }

src/material-examples/dialog-overview/dialog-overview-example.ts

@@ -3,8 +3,9 @@ import {MdDialog} from '@angular/material';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'dialog-overview-example',
-  templateUrl: './dialog-overview-example.html',
+  templateUrl: 'dialog-overview-example.html',
 })
 export class DialogOverviewExample {
   constructor(public dialog: MdDialog) {}
@@ -16,7 +17,8 @@ export class DialogOverviewExample {
 
 
 @Component({
+  moduleId: module.id,
   selector: 'dialog-overview-example-dialog',
-  templateUrl: './dialog-overview-example-dialog.html',
+  templateUrl: 'dialog-overview-example-dialog.html',
 })
 export class DialogOverviewExampleDialog {}

src/material-examples/dialog-result/dialog-result-example.ts

@@ -3,8 +3,9 @@ import {MdDialog, MdDialogRef} from '@angular/material';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'dialog-result-example',
-  templateUrl: './dialog-result-example.html',
+  templateUrl: 'dialog-result-example.html',
 })
 export class DialogResultExample {
   selectedOption: string;
@@ -21,8 +22,9 @@ export class DialogResultExample {
 
 
 @Component({
+  moduleId: module.id,
   selector: 'dialog-result-example-dialog',
-  templateUrl: './dialog-result-example-dialog.html',
+  templateUrl: 'dialog-result-example-dialog.html',
 })
 export class DialogResultExampleDialog {
   constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {}

src/material-examples/example-module.ts

@@ -82,8 +82,8 @@ import {
 export interface LiveExample {
   title: string;
   component: any;
-  additionalFiles: string[];
-  selectorName: string;
+  additionalFiles?: string[];
+  selectorName?: string;
 }
 
 /**

src/material-examples/grid-list-dynamic/grid-list-dynamic-example.ts

@@ -2,8 +2,9 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'grid-list-dynamic-example',
-  templateUrl: './grid-list-dynamic-example.html',
+  templateUrl: 'grid-list-dynamic-example.html',
 })
 export class GridListDynamicExample {
   tiles = [

src/material-examples/grid-list-overview/grid-list-overview-example.ts

@@ -1,8 +1,9 @@
 import {Component} from '@angular/core';
 
 @Component({
+  moduleId: module.id,
   selector: 'grid-list-overview-example',
-  styleUrls: ['./grid-list-overview-example.css'],
-  templateUrl: './grid-list-overview-example.html',
+  styleUrls: ['grid-list-overview-example.css'],
+  templateUrl: 'grid-list-overview-example.html',
 })
 export class GridListOverviewExample {}

src/material-examples/icon-overview/icon-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'icon-overview-example',
-  templateUrl: './icon-overview-example.html',
+  templateUrl: 'icon-overview-example.html',
 })
 export class IconOverviewExample {}

src/material-examples/icon-svg-example/icon-svg-example.ts

@@ -4,8 +4,9 @@ import {MdIconRegistry} from '@angular/material';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'icon-svg-example',
-  templateUrl: './icon-svg-example.html',
+  templateUrl: 'icon-svg-example.html',
 })
 export class IconSvgExample {
   constructor(iconRegistry: MdIconRegistry, sanitizer: DomSanitizer) {

src/material-examples/input-form/input-form-example.ts

@@ -2,8 +2,9 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'input-form-example',
-  templateUrl: './input-form-example.html',
-  styleUrls: ['./input-form-example.css'],
+  templateUrl: 'input-form-example.html',
+  styleUrls: ['input-form-example.css'],
 })
 export class InputFormExample {}

src/material-examples/input-overview/input-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'input-overview-example',
-  templateUrl: './input-overview-example.html',
+  templateUrl: 'input-overview-example.html',
 })
 export class InputOverviewExample {}

src/material-examples/list-overview/list-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'list-overview-example',
-  templateUrl: './list-overview-example.html',
+  templateUrl: 'list-overview-example.html',
 })
 export class ListOverviewExample {}

src/material-examples/list-sections/list-sections-example.ts

@@ -2,9 +2,10 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'list-sections-example',
-  styleUrls: ['./list-sections-example.css'],
-  templateUrl: './list-sections-example.html',
+  styleUrls: ['list-sections-example.css'],
+  templateUrl: 'list-sections-example.html',
 })
 export class ListSectionsExample {
   folders = [

src/material-examples/menu-icons/menu-icons-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'menu-icons-example',
-  templateUrl: './menu-icons-example.html',
+  templateUrl: 'menu-icons-example.html',
 })
 export class MenuIconsExample {}

src/material-examples/menu-overview/menu-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'menu-overview-example',
-  templateUrl: './menu-overview-example.html',
+  templateUrl: 'menu-overview-example.html',
 })
 export class MenuOverviewExample {}

src/material-examples/progress-bar-configurable/progress-bar-configurable-example.ts

@@ -2,9 +2,10 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'progress-bar-configurable-example',
-  templateUrl: './progress-bar-configurable-example.html',
-  styleUrls: ['./progress-bar-configurable-example.css'],
+  templateUrl: 'progress-bar-configurable-example.html',
+  styleUrls: ['progress-bar-configurable-example.css'],
 })
 export class ProgressBarConfigurableExample {
   color = 'primary';

src/material-examples/progress-bar-overview/progress-bar-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'progress-bar-overview-example',
-  templateUrl: './progress-bar-overview-example.html',
+  templateUrl: 'progress-bar-overview-example.html',
 })
 export class ProgressBarOverviewExample {}

src/material-examples/progress-spinner-configurable/progress-spinner-configurable-example.ts

@@ -2,9 +2,10 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'progress-spinner-configurable-example',
-  templateUrl: './progress-spinner-configurable-example.html',
-  styleUrls: ['./progress-spinner-configurable-example.css'],
+  templateUrl: 'progress-spinner-configurable-example.html',
+  styleUrls: ['progress-spinner-configurable-example.css'],
 })
 export class ProgressSpinnerConfigurableExample {
   color = 'primary';

src/material-examples/progress-spinner-overview/progress-spinner-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'progress-spinner-overview-example',
-  templateUrl: './progress-spinner-overview-example.html',
+  templateUrl: 'progress-spinner-overview-example.html',
 })
 export class ProgressSpinnerOverviewExample {}

src/material-examples/radio-ng-model/radio-ng-model-example.ts

@@ -2,9 +2,10 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'radio-ng-model-example',
-  templateUrl: './radio-ng-model-example.html',
-  styleUrls: ['./radio-ng-model-example.css'],
+  templateUrl: 'radio-ng-model-example.html',
+  styleUrls: ['radio-ng-model-example.css'],
 })
 export class RadioNgModelExample {
   favoriteSeason: string;

src/material-examples/radio-overview/radio-overview-example.ts

@@ -2,7 +2,8 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'radio-overview-example',
-  templateUrl: './radio-overview-example.html',
+  templateUrl: 'radio-overview-example.html',
 })
 export class RadioOverviewExample {}

src/material-examples/select-form/select-form-example.ts

@@ -2,8 +2,9 @@ import {Component} from '@angular/core';
 
 
 @Component({
+  moduleId: module.id,
   selector: 'select-form-example',
-  templateUrl: './select-form-example.html',
+  templateUrl: 'select-form-example.html',
 })
 export class SelectFormExample {
   selectedValue: string;