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 '@angular/material/core';
-import {MdExpansionPanel, EXPANSION_PANEL_ANIMATION_TIMING} from './expansion-panel';
+import {MdExpansionPanel} from './expansion-panel';
 import {filter} from '@angular/material/core';
 import {FocusOriginMonitor} from '@angular/material/core';
 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

@@ -41,9 +41,6 @@ export const _MdExpansionPanelMixinBase = mixinDisabled(MdExpansionPanelBase);
 /** 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.
  *
@@ -72,7 +69,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 = 'visible' | 'hidden' | '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
@@ -67,14 +62,14 @@ export const HIDE_ANIMATION = '195ms cubic-bezier(0.0,0.0,0.2,1)';
       // Animation from top.
       state('visible-top', style({transform: 'translateY(0%)'})),
       state('hidden-top', style({transform: 'translateY(-100%)'})),
-      transition('visible-top => hidden-top', animate(HIDE_ANIMATION)),
-      transition('void => visible-top', animate(SHOW_ANIMATION)),
+      transition('visible-top => hidden-top', animate('195ms cubic-bezier(0.0,0.0,0.2,1)')),
+      transition('void => visible-top', animate('225ms cubic-bezier(0.4,0.0,1,1)')),
       // Animation from bottom.
       state('visible-bottom', style({transform: 'translateY(0%)'})),
       state('hidden-bottom', style({transform: 'translateY(100%)'})),
-      transition('visible-bottom => hidden-bottom', animate(HIDE_ANIMATION)),
+      transition('visible-bottom => hidden-bottom', animate('195ms cubic-bezier(0.0,0.0,0.2,1)')),
       transition('void => visible-bottom',
-        animate(SHOW_ANIMATION)),
+        animate('225ms cubic-bezier(0.4,0.0,1,1)')),
     ])
   ],
 })

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",