refactor(shadow_dom): remove ShadowDomStrategy in favor of @View(encapsulation)

BREAKING CHANGES:
- `ShadowDomStrategy` was removed. To specify the encapsulation of a component use `@View(encapsulation: ViewEncapsulation.NONE | ViewEncapsulation.EMULATED | ViewEncapsulation.NATIVE)`
- The default encapsulation strategy is now `ViewEncapsulation.EMULATED` if a component contains styles and `ViewEncapsulation.NONE` if it does not. Before this was always `NONE`.
- `ViewLoader` now returns the template as a string and the styles as a separate array

modules/angular2/src/core/annotations/decorators.ts

@@ -9,6 +9,7 @@ import {
   Class
 } from '../../util/decorators';
 import {Type} from 'angular2/src/facade/lang';
+import {ViewEncapsulation} from 'angular2/src/render/api';
 
 /**
  * Interface for the {@link Directive} decorator function.
@@ -226,7 +227,7 @@ export interface ViewFactory {
     templateUrl?: string,
     template?: string,
     directives?: List<Type | any | List<any>>,
-    renderer?: string,
+    encapsulation?: ViewEncapsulation,
     styles?: List<string>,
     styleUrls?: List<string>,
   }): ViewDecorator;
@@ -234,7 +235,7 @@ export interface ViewFactory {
     templateUrl?: string,
     template?: string,
     directives?: List<Type | any | List<any>>,
-    renderer?: string,
+    encapsulation?: ViewEncapsulation,
     styles?: List<string>,
     styleUrls?: List<string>,
   }): ViewAnnotation;

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

@@ -1 +1 @@
-export {View as ViewAnnotation} from '../annotations_impl/view';
+export {View as ViewAnnotation, ViewEncapsulation} from '../annotations_impl/view';

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

@@ -1,4 +1,7 @@
 import {ABSTRACT, CONST, Type} from 'angular2/src/facade/lang';
+import {ViewEncapsulation} from 'angular2/src/render/api';
+
+export {ViewEncapsulation} from 'angular2/src/render/api';
 
 /**
  * Declares the available HTML templates for an application.
@@ -85,17 +88,17 @@ export class View {
   directives: List<Type | any | List<any>>;
 
   /**
-   * Specify a custom renderer for this View.
-   * If this is set, neither `template`, `templateUrl`, `styles`, `styleUrls` nor `directives` are
-   * used.
+   * Specify how the template and the styles should be encapsulated.
+   * The default is {@link ViewEncapsulation.EMULATED} if the view has styles,
+   * otherwise {@link ViewEncapsulation.NONE}.
    */
-  renderer: string;
+  encapsulation: ViewEncapsulation;
 
-  constructor({templateUrl, template, directives, renderer, styles, styleUrls}: {
+  constructor({templateUrl, template, directives, encapsulation, styles, styleUrls}: {
     templateUrl?: string,
     template?: string,
     directives?: List<Type | any | List<any>>,
-    renderer?: string,
+    encapsulation?: ViewEncapsulation,
     styles?: List<string>,
     styleUrls?: List<string>,
   } = {}) {
@@ -104,6 +107,6 @@ export class View {
     this.styleUrls = styleUrls;
     this.styles = styles;
     this.directives = directives;
-    this.renderer = renderer;
+    this.encapsulation = encapsulation;
   }
 }

modules/angular2/src/core/application_common.ts

@@ -34,10 +34,6 @@ import {List, ListWrapper} from 'angular2/src/facade/collection';
 import {Promise, PromiseWrapper, PromiseCompleter} from 'angular2/src/facade/async';
 import {NgZone} from 'angular2/src/core/zone/ng_zone';
 import {LifeCycle} from 'angular2/src/core/life_cycle/life_cycle';
-import {ShadowDomStrategy} from 'angular2/src/render/dom/shadow_dom/shadow_dom_strategy';
-import {
-  EmulatedUnscopedShadowDomStrategy
-} from 'angular2/src/render/dom/shadow_dom/emulated_unscoped_shadow_dom_strategy';
 import {XHR} from 'angular2/src/render/xhr';
 import {XHRImpl} from 'angular2/src/render/xhr_impl';
 import {EventManager, DomEventsPlugin} from 'angular2/src/render/dom/events/event_manager';
@@ -61,9 +57,14 @@ import {Renderer, RenderCompiler} from 'angular2/src/render/api';
 import {
   DomRenderer,
   DOCUMENT_TOKEN,
-  DOM_REFLECT_PROPERTIES_AS_ATTRIBUTES
-} from 'angular2/src/render/dom/dom_renderer';
-import {DefaultDomCompiler} from 'angular2/src/render/dom/compiler/compiler';
+  DOM_REFLECT_PROPERTIES_AS_ATTRIBUTES,
+  DefaultDomCompiler,
+  APP_ID_RANDOM_BINDING
+} from 'angular2/src/render/render';
+import {
+  SharedStylesHost,
+  DomSharedStylesHost
+} from 'angular2/src/render/dom/view/shared_styles_host';
 import {internalView} from 'angular2/src/core/compiler/view_ref';
 import {appComponentRefPromiseToken, appComponentTypeToken} from './application_tokens';
 
@@ -108,12 +109,13 @@ function _injectorBindings(appComponentType): List<Type | Binding | List<any>> {
               return new EventManager(plugins, ngZone);
             },
             [NgZone]),
-    bind(ShadowDomStrategy)
-        .toFactory((doc) => new EmulatedUnscopedShadowDomStrategy(doc.head), [DOCUMENT_TOKEN]),
     DomRenderer,
-    DefaultDomCompiler,
     bind(Renderer).toAlias(DomRenderer),
+    APP_ID_RANDOM_BINDING,
+    DefaultDomCompiler,
     bind(RenderCompiler).toAlias(DefaultDomCompiler),
+    DomSharedStylesHost,
+    bind(SharedStylesHost).toAlias(DomSharedStylesHost),
     ProtoViewFactory,
     AppViewPool,
     bind(APP_VIEW_POOL_CAPACITY).toValue(10000),

modules/angular2/src/core/compiler/compiler.ts

@@ -307,7 +307,8 @@ export class Compiler {
       templateAbsUrl: templateAbsUrl, template: view.template,
       styleAbsUrls: styleAbsUrls,
       styles: view.styles,
-      directives: ListWrapper.map(directives, directiveBinding => directiveBinding.metadata)
+      directives: ListWrapper.map(directives, directiveBinding => directiveBinding.metadata),
+      encapsulation: view.encapsulation
     });
   }