refactor(compiler): cleanup and preparation for integration

- Rename `DirectiveMetadata` into `CompileDirectiveMetadata`, merge
  with `NormalizedDirectiveMetadata` and remove `ChangeDetectionMetadata`
- Store change detector factories not as array but
  directly at the `CompiledTemplate` or the embedded template
  to make instantiation easier later on
- Already analyze variable values and map them
  to `Directive.exportAs`
- Keep the directive sort order as specified in the
  `@View()` annotation
- Allow to clear the runtime cache in `StyleCompiler`
  and `TemplateCompiler`
- Ignore `script` elements to match the semantics of the
  current compiler
- Make all components dynamically loadable and remove
  the previously introduced property `@Component#dynamicLoadable`
  for now until we find a better option to configure this
- Don’t allow to specify bindings in `@View#directives` and `@View#pipes` as this was never supported by the transformer (see below for the breaking change)

BREAKING CHANGE:
- don't support DI bindings in `@View#directives` and `@View@pipes` any more in preparation of integrating the new compiler. Use `@Directive#bindings` to reexport directives under a different token instead.

Part of #3605
Closes #4314

modules/angular2/src/core/metadata/directives.ts

@@ -826,27 +826,6 @@ export class DirectiveMetadata extends InjectableMetadata {
  */
 @CONST()
 export class ComponentMetadata extends DirectiveMetadata {
-  /**
-  * Declare that this component can be programatically loaded.
-  * Every component that is used in bootstrap, routing, ... has to be
-  * annotated with this.
-  *
-  * ## Example
-  *
-  * ```
-  * @Component({
-  *   selector: 'root',
-  *   dynamicLoadable: true
-  * })
-  * @View({
-  *   template: 'hello world!'
-  * })
-  * class RootComponent {
-  * }
-  * ```
-   */
-  dynamicLoadable: boolean;
-
   /**
    * Defines the used change detection strategy.
    *
@@ -900,22 +879,21 @@ export class ComponentMetadata extends DirectiveMetadata {
    */
   viewBindings: any[];
 
-  constructor({selector, properties, events, host, dynamicLoadable, exportAs, moduleId, bindings,
-               queries, viewBindings, changeDetection = ChangeDetectionStrategy.Default,
-               compileChildren = true}: {
-    selector?: string,
-    properties?: string[],
-    events?: string[],
-    host?: StringMap<string, string>,
-    dynamicLoadable?: boolean,
-    bindings?: any[],
-    exportAs?: string,
-    moduleId?: string,
-    compileChildren?: boolean,
-    viewBindings?: any[],
-    queries?: StringMap<string, any>,
-    changeDetection?: ChangeDetectionStrategy,
-  } = {}) {
+  constructor({selector, properties, events, host, exportAs, moduleId, bindings, viewBindings,
+               changeDetection = ChangeDetectionStrategy.Default, queries, compileChildren = true}:
+                  {
+                    selector?: string,
+                    properties?: string[],
+                    events?: string[],
+                    host?: StringMap<string, string>,
+                    bindings?: any[],
+                    exportAs?: string,
+                    moduleId?: string,
+                    compileChildren?: boolean,
+                    viewBindings?: any[],
+                    queries?: StringMap<string, any>,
+                    changeDetection?: ChangeDetectionStrategy,
+                  } = {}) {
     super({
       selector: selector,
       properties: properties,
@@ -930,7 +908,6 @@ export class ComponentMetadata extends DirectiveMetadata {
 
     this.changeDetection = changeDetection;
     this.viewBindings = viewBindings;
-    this.dynamicLoadable = dynamicLoadable;
   }
 }
 

modules/angular2/src/core/metadata/view.ts

@@ -82,12 +82,9 @@ export class ViewMetadata {
    * }
    * ```
    */
-  // TODO(tbosch): use Type | Binding | any[] when Dart supports union types,
-  // as otherwise we would need to import Binding type and Dart would warn
-  // for an unused import.
-  directives: Array<Type | any | any[]>;
+  directives: Array<Type | any[]>;
 
-  pipes: Array<Type | any | any[]>;
+  pipes: Array<Type | any[]>;
 
   /**
    * Specify how the template and the styles should be encapsulated.
@@ -100,8 +97,8 @@ export class ViewMetadata {
   constructor({templateUrl, template, directives, pipes, encapsulation, styles, styleUrls}: {
     templateUrl?: string,
     template?: string,
-    directives?: Array<Type | any | any[]>,
-    pipes?: Array<Type | any | any[]>,
+    directives?: Array<Type | any[]>,
+    pipes?: Array<Type | any[]>,
     encapsulation?: ViewEncapsulation,
     styles?: string[],
     styleUrls?: string[],