fix(aot): make the demo app build with AoT compiler (#1209)

Fixes #1207

Author: alexeagle

src/demo-app/grid-list/grid-list-demo.ts

@@ -26,11 +26,12 @@ export class GridListDemo {
     { name: 'Husi', human: 'Matias' },
   ];
 
-  fixedCols: number = 4;
-  fixedRowHeight: number = 100;
-  ratioGutter: number = 1;
-  fitListHeight: string = '400px';
-  ratio: string = '4:1';
+  basicRowHeight = 80;
+  fixedCols = 4;
+  fixedRowHeight = 100;
+  ratioGutter = 1;
+  fitListHeight = '400px';
+  ratio = '4:1';
 
   addTileCols() { this.tiles[2].cols++; }
 }

src/demo-app/ripple/ripple-demo.html

@@ -49,5 +49,5 @@
       Click me
     </div>
   </section>
-  {{centered.checked}} {{rounded.checked}}
+  {{centered}} {{rounded}}
 </div>

src/demo-app/slide-toggle/slide-toggle-demo.ts

@@ -7,4 +7,6 @@ import {Component} from '@angular/core';
   templateUrl: 'slide-toggle-demo.html',
   styleUrls: ['slide-toggle-demo.css'],
 })
-export class SlideToggleDemo {}
+export class SlideToggleDemo {
+  firstToggle: boolean;
+}

src/demo-app/slider/slider-demo.ts

@@ -6,4 +6,6 @@ import {Component} from '@angular/core';
   selector: 'slider-demo',
   templateUrl: 'slider-demo.html',
 })
-export class SliderDemo { }
+export class SliderDemo {
+  demo: number;
+}

src/lib/core/rtl/dir.ts

@@ -22,7 +22,7 @@ export type LayoutDirection = 'ltr' | 'rtl';
   exportAs: '$implicit'
 })
 export class Dir {
-  @Input('dir') private _dir: LayoutDirection = 'ltr';
+  @Input('dir') _dir: LayoutDirection = 'ltr';
 
   @Output() dirChange = new EventEmitter<void>();
 

src/lib/menu/menu-item.ts

@@ -38,7 +38,10 @@ export class MdMenuItem {
     return String(this.disabled);
   }
 
-  private _checkDisabled(event: Event) {
+  /**
+   * TODO: internal
+   */
+  _checkDisabled(event: Event) {
     if (this.disabled) {
       event.preventDefault();
       event.stopPropagation();

src/lib/slider/slider.ts

@@ -90,7 +90,7 @@ export class MdSlider implements AfterContentInit, ControlValueAccessor {
    * How often to show ticks. Relative to the step so that a tick always appears on a step.
    * Ex: Tick interval of 4 with a step of 3 will draw a tick every 4 steps (every 12 values).
    */
-  @Input('tick-interval') private _tickInterval: 'auto' | number;
+  @Input('tick-interval') _tickInterval: 'auto' | number;
 
   /**
    * Whether or not the thumb is sliding.

src/lib/tooltip/tooltip.ts

@@ -60,9 +60,9 @@ export class MdTooltip {
       private _viewContainerRef: ViewContainerRef,
       private _changeDetectionRef: ChangeDetectorRef) {}
 
-  /** 
+  /**
    * Create overlay on init
-   * TODO: @internal
+   * TODO: internal
    */
   ngOnInit() {
     this._createOverlay();