fix: various AoT and prerender issues

Author: crisbeto

src/lib/datepicker/datepicker-toggle.html

@@ -1,8 +1,8 @@
 <button md-icon-button type="button" [attr.aria-label]="_intl.openCalendarLabel"
         [disabled]="disabled" (click)="_open($event)">
   <md-icon>
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"
-         fill="currentColor" style="vertical-align: top" focusable="false">
+    <svg viewBox="0 0 24 24" width="100%" height="100%" fill="currentColor"
+        style="vertical-align: top" focusable="false">
       <path d="M0 0h24v24H0z" fill="none"/>
       <path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/>
     </svg>

src/lib/expansion/expansion-panel-header.ts

@@ -26,7 +26,7 @@ import {
   animate,
 } from '@angular/animations';
 import {SPACE, ENTER} from '../core/keyboard/keycodes';
-import {MdExpansionPanel, EXPANSION_PANEL_ANIMATION_TIMING} from './expansion-panel';
+import {MdExpansionPanel} from './expansion-panel';
 import {filter} from '../core/rxjs/index';
 import {FocusOriginMonitor} from '../core/style/index';
 import {merge} from 'rxjs/observable/merge';
@@ -69,7 +69,7 @@ import {Subscription} from 'rxjs/Subscription';
     trigger('indicatorRotate', [
       state('collapsed', style({transform: 'rotate(0deg)'})),
       state('expanded', style({transform: 'rotate(180deg)'})),
-      transition('expanded <=> collapsed', animate(EXPANSION_PANEL_ANIMATION_TIMING)),
+      transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
     ]),
     trigger('expansionHeight', [
       state('collapsed', style({
@@ -82,7 +82,7 @@ import {Subscription} from 'rxjs/Subscription';
       }), {
         params: {expandedHeight: '64px'}
       }),
-      transition('expanded <=> collapsed', animate(EXPANSION_PANEL_ANIMATION_TIMING)),
+      transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
     ]),
   ],
 })

src/lib/expansion/expansion-panel.ts

@@ -36,9 +36,6 @@ import {Subject} from 'rxjs/Subject';
 /** MdExpansionPanel's states. */
 export type MdExpansionPanelState = 'expanded' | 'collapsed';
 
-/** Time and timing curve for expansion panel animations. */
-export const EXPANSION_PANEL_ANIMATION_TIMING = '225ms cubic-bezier(0.4,0.0,0.2,1)';
-
 /**
  * <md-expansion-panel> component.
  *
@@ -67,7 +64,7 @@ export const EXPANSION_PANEL_ANIMATION_TIMING = '225ms cubic-bezier(0.4,0.0,0.2,
     trigger('bodyExpansion', [
       state('collapsed', style({height: '0px', visibility: 'hidden'})),
       state('expanded', style({height: '*', visibility: 'visible'})),
-      transition('expanded <=> collapsed', animate(EXPANSION_PANEL_ANIMATION_TIMING)),
+      transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
     ]),
   ],
 })

src/lib/snack-bar/snack-bar-container.ts

@@ -40,11 +40,6 @@ import {MdSnackBarConfig} from './snack-bar-config';
 
 export type SnackBarState = 'initial' | 'visible' | 'complete' | 'void';
 
-// TODO(jelbourn): we can't use constants from animation.ts here because you can't use
-// a text interpolation in anything that is analyzed statically with ngc (for AoT compile).
-export const SHOW_ANIMATION = '225ms cubic-bezier(0.4,0.0,1,1)';
-export const HIDE_ANIMATION = '195ms cubic-bezier(0.0,0.0,0.2,1)';
-
 /**
  * Internal component that wraps user-provided snack bar content.
  * @docs-private
@@ -66,8 +61,8 @@ export const HIDE_ANIMATION = '195ms cubic-bezier(0.0,0.0,0.2,1)';
     trigger('state', [
       state('void, initial, complete', style({transform: 'translateY(100%)'})),
       state('visible', style({transform: 'translateY(0%)'})),
-      transition('visible => complete', animate(HIDE_ANIMATION)),
-      transition('initial => visible, void => visible', animate(SHOW_ANIMATION)),
+      transition('visible => complete', animate('195ms cubic-bezier(0.0,0.0,0.2,1)')),
+      transition('initial => visible, void => visible', animate('225ms cubic-bezier(0.4,0.0,1,1)')),
     ])
   ],
 })

src/material-examples/example-module.ts

@@ -462,11 +462,6 @@ export const EXAMPLE_COMPONENTS = {
     additionalFiles: null,
     selectorName: null
   },
-  {
-    'table-basic': {
-    title: 'Basic table',
-    component: TableBasicExample,
-  },
   'stepper-overview': {
     title: 'Stepper overview',
     component: StepperOverviewExample,

src/material-examples/tabs-template-label/tabs-template-label-example.css

@@ -4,4 +4,4 @@
 
 .demo-tab-content {
   padding: 16px;
-}
+}

src/universal-app/prerender.ts

@@ -6,7 +6,9 @@ import {renderModuleFactory} from '@angular/platform-server';
 import {join} from 'path';
 import {readFileSync} from 'fs-extra';
 import {log} from 'gulp-util';
-import {KitchenSinkServerModuleNgFactory} from './kitchen-sink/kitchen-sink.ngfactory';
+import {
+  KitchenSinkServerModuleNgFactory
+} from './dist/packages/universal-app/kitchen-sink/kitchen-sink.ngfactory';
 
 enableProdMode();
 

src/universal-app/tsconfig-build.json

@@ -5,7 +5,8 @@
     "declaration": true,
     "stripInternal": false,
     "experimentalDecorators": true,
-    "noUnusedParameters": true,
+    // TODO(crisbeto): disabled due to https://github.com/angular/angular/issues/17131
+    "noUnusedParameters": false,
     "strictNullChecks": true,
     "module": "commonjs",
     "moduleResolution": "node",