refactor(shadow dom): do not use injectors nor directives

This prepares us for the app/render split in the compiler.

modules/angular2/src/core/compiler/pipeline/compile_element.js

@@ -36,10 +36,12 @@ export class CompileElement {
   inheritedProtoView:ProtoView;
   inheritedProtoElementInjector:ProtoElementInjector;
   inheritedElementBinder:ElementBinder;
-  distanceToParentInjector:number;
+  distanceToParentInjector:int;
+  distanceToParentBinder:int;
   compileChildren: boolean;
   ignoreBindings: boolean;
   elementDescription: string; // e.g. '<div [class]="foo">' : used to provide context in case of error
+  contentTagSelector: string;
 
   constructor(element, compilationUnit = '') {
     this.element = element;
@@ -65,9 +67,11 @@ export class CompileElement {
     // an own elementBinder
     this.inheritedElementBinder = null;
     this.distanceToParentInjector = 0;
+    this.distanceToParentBinder = 0;
     this.compileChildren = true;
     // set to true to ignore all the bindings on the element
     this.ignoreBindings = false;
+    this.contentTagSelector = null;
     // description is calculated here as compilation steps may change the element
     var tplDesc = assertionsEnabled()? getElementDescription(element) : null;
     if (compilationUnit !== '') {

modules/angular2/src/core/compiler/pipeline/default_steps.js

@@ -1,6 +1,5 @@
 import {ChangeDetection, Parser} from 'angular2/change_detection';
 import {List, ListWrapper} from 'angular2/src/facade/collection';
-import {isPresent} from 'angular2/src/facade/lang';
 
 import {PropertyBindingParser} from './property_binding_parser';
 import {TextInterpolationParser} from './text_interpolation_parser';
@@ -32,6 +31,7 @@ export function createDefaultSteps(
   var steps = [
     new ViewSplitter(parser),
     cssProcessor.getCompileStep(compiledComponent, shadowDomStrategy, templateUrl),
+    shadowDomStrategy.getTemplateCompileStep(compiledComponent),
     new PropertyBindingParser(parser),
     new DirectiveParser(directives),
     new TextInterpolationParser(parser),
@@ -41,10 +41,5 @@ export function createDefaultSteps(
     new ElementBinderBuilder(parser),
   ];
 
-  var shadowDomStep = shadowDomStrategy.getTemplateCompileStep(compiledComponent);
-  if (isPresent(shadowDomStep)) {
-    ListWrapper.push(steps, shadowDomStep);
-  }
-
   return steps;
 }

modules/angular2/src/core/compiler/pipeline/directive_parser.js

@@ -49,7 +49,8 @@ export class DirectiveParser extends CompileStep {
     var classList = current.classList();
 
     var cssSelector = new CssSelector();
-    cssSelector.setElement(DOM.nodeName(current.element));
+    var nodeName = DOM.nodeName(current.element);
+    cssSelector.setElement(nodeName);
     for (var i=0; i < classList.length; i++) {
       cssSelector.addClassName(classList[i]);
     }

modules/angular2/src/core/compiler/pipeline/element_binder_builder.js

@@ -135,6 +135,11 @@ export class ElementBinderBuilder extends CompileStep {
 
   process(parent:CompileElement, current:CompileElement, control:CompileControl) {
     var elementBinder = null;
+    var parentElementBinder = null;
+    var distanceToParentBinder = this._getDistanceToParentBinder(parent, current);
+    if (isPresent(parent)) {
+      parentElementBinder = parent.inheritedElementBinder;
+    }
     if (current.hasBindings) {
       var protoView = current.inheritedProtoView;
       var protoInjectorWasBuilt = isBlank(parent) ? true :
@@ -143,8 +148,9 @@ export class ElementBinderBuilder extends CompileStep {
       var currentProtoElementInjector = protoInjectorWasBuilt ?
           current.inheritedProtoElementInjector : null;
 
-      elementBinder = protoView.bindElement(currentProtoElementInjector,
-        current.componentDirective, current.viewportDirective);
+      elementBinder = protoView.bindElement(parentElementBinder, distanceToParentBinder,
+          currentProtoElementInjector, current.componentDirective, current.viewportDirective);
+      current.distanceToParentBinder = 0;
 
       if (isPresent(current.textNodeBindings)) {
         this._bindTextNodes(protoView, current);
@@ -155,15 +161,23 @@ export class ElementBinderBuilder extends CompileStep {
       if (isPresent(current.eventBindings)) {
         this._bindEvents(protoView, current);
       }
+      if (isPresent(current.contentTagSelector)) {
+        elementBinder.contentTagSelector = current.contentTagSelector;
+      }
       var directives = current.getAllDirectives();
       this._bindDirectiveProperties(directives, current);
       this._bindDirectiveEvents(directives, current);
     } else if (isPresent(parent)) {
-      elementBinder = parent.inheritedElementBinder;
+      elementBinder = parentElementBinder;
+      current.distanceToParentBinder = distanceToParentBinder;
     }
     current.inheritedElementBinder = elementBinder;
   }
 
+  _getDistanceToParentBinder(parent, current) {
+    return isPresent(parent) ? parent.distanceToParentBinder + 1 : 0;
+  }
+
   _bindTextNodes(protoView, compileElement) {
     MapWrapper.forEach(compileElement.textNodeBindings, (expression, indexInParent) => {
       protoView.bindTextNode(indexInParent, expression);

modules/angular2/src/core/compiler/pipeline/element_binding_marker.js

@@ -37,7 +37,8 @@ export class ElementBindingMarker extends CompileStep {
       (isPresent(current.eventBindings) && MapWrapper.size(current.eventBindings)>0) ||
       (isPresent(current.decoratorDirectives) && current.decoratorDirectives.length > 0) ||
       isPresent(current.viewportDirective) ||
-      isPresent(current.componentDirective);
+      isPresent(current.componentDirective) || 
+      isPresent(current.contentTagSelector);
 
     if (hasBindings) {
       var element = current.element;