Switch to SkyBinder

sky/framework/sky-element/sky-element.sky

 <!--
 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 -->
-<import src="TemplateBinding.sky" />
+<import src="sky-binder.sky" as="binder" />
 <script>
 var templates = new Map();
 
 class SkyElement extends HTMLElement {
 
   static register() {
     var wrapper = document.currentScript.parentNode;
 
     if (wrapper.localName !== 'sky-element')
       throw new Error('No <sky-element>.');
@@ skipping 33 matching lines @@
 
   createdCallback() {
     this.created();
   }
 
   attachedCallback() {
     if (!this.shadowRoot) {
       var template = templates.get(this.localName);
       if (template) {
         var shadow = this.ensureShadowRoot();
-        shadow.appendChild(template.createInstance(this));
+        var instance = binder.createInstance(template, this);
+        shadow.appendChild(instance.fragment);
         this.shadowRootReady();
       }
     }
     this.attached();
   }
 
   dettachedCallback() {
     this.dettached();
   }
 
   attributeChangedCallback(attrName, oldValue, newValue) {
     // reserved for canonical behavior
     this.attributeChanged(attrName, oldValue, newValue);
   }
 };
 
 module.exports = SkyElement;
 </script>