From 6c5afe5810b7fa77f8e6a1e2250fbfdb628c716d Mon Sep 17 00:00:00 2001
From: Daniel Freedman <dfreedm@google.com>
Date: Tue, 16 Feb 2016 16:57:20 -0800
Subject: [PATCH] fix crlf once and for all

---
 .gitattributes                                |   1 +
 README.md                                     | 370 +++++-----
 explainer/samples.html                        | 100 +--
 polymer-mini.html                             | 144 ++--
 polymer.html                                  | 234 +++---
 src/lib/annotations/demo/app-chrome.html      | 120 ++--
 src/lib/base.html                             | 316 ++++-----
 src/lib/bind/demo/app-chrome.html             |  56 +-
 src/lib/bind/demo/app.html                    |  58 +-
 .../bind/demo/src/annotations-bind-demo.html  | 150 ++--
 src/lib/bind/demo/src/bind-demo.html          | 164 ++---
 src/lib/case-map.html                         |  76 +-
 src/lib/css-parse.html                        | 384 +++++-----
 src/lib/dom-api-classlist.html                | 138 ++--
 .../dom-api-distributed-nodes-observer.html   | 192 ++---
 src/lib/dom-api-event.html                    | 222 +++---
 src/lib/dom-api-flush.html                    | 180 ++---
 src/lib/resolve-url.html                      | 172 ++---
 src/lib/style-cache.html                      | 148 ++--
 src/lib/style-util.html                       | 324 ++++-----
 src/mini/debouncer.html                       | 172 ++---
 src/mini/ready.html                           | 348 ++++-----
 test/assets/test-style-path.html              |  28 +-
 test/compat/polymer-smoke-elements.html       | 646 ++++++++---------
 test/compat/polymer-smoke-polyfill.html       |  64 +-
 test/smoke/bad-style-prop.html                | 136 ++--
 test/smoke/bind-smoke.html                    |  90 +--
 test/smoke/bind-smoke2.html                   | 136 ++--
 test/smoke/custom-notify-smoke.html           | 310 ++++----
 test/smoke/custom-reify.html                  | 124 ++--
 test/smoke/dom-repeat.html                    | 670 +++++++++---------
 test/smoke/dynamic-content.html               | 128 ++--
 test/smoke/dynamic-dom-bind.html              | 110 +--
 test/smoke/dynamic-dom-bind2.html             | 146 ++--
 test/smoke/elements-smoke.html                | 328 ++++-----
 test/smoke/host-context.html                  |  88 +--
 test/smoke/ie-annotations.html                |  86 +--
 test/smoke/keyframes.html                     | 120 ++--
 test/smoke/nextSibling.html                   |  84 +--
 test/smoke/observeContent.html                | 168 ++---
 test/smoke/observeNodes-repeat.html           | 216 +++---
 test/smoke/observeNodes.html                  | 164 ++---
 test/smoke/observeReNodes-attr.html           | 316 ++++-----
 test/smoke/observeReNodes.html                | 238 +++----
 test/smoke/offsetParent-import.html           |  50 +-
 test/smoke/offsetParent-polymer-import.html   |  72 +-
 test/smoke/offsetParent.html                  |  38 +-
 test/smoke/polymer-micro-smoke.html           | 130 ++--
 test/smoke/polymer-mini-smoke.html            | 292 ++++----
 test/smoke/polymer-smoke.html                 | 422 +++++------
 test/smoke/shadow-polyfill-distribute.html    | 152 ++--
 test/smoke/style-path-smoke.html              |  28 +-
 test/smoke/style-sharing/index.html           |  70 +-
 test/smoke/style-sharing/shared-styles.html   |  20 +-
 test/smoke/style-sharing/x-foo.html           |  60 +-
 test/unit/micro-elements.html                 | 214 +++---
 56 files changed, 5007 insertions(+), 5006 deletions(-)
 create mode 100644 .gitattributes

diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000000..176a458f94
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+* text=auto
diff --git a/README.md b/README.md
index 2b9d87f048..f34ac719ce 100644
--- a/README.md
+++ b/README.md
@@ -1,185 +1,185 @@
-# Polymer
-
-[![Build Status](https://travis-ci.org/Polymer/polymer.svg?branch=master)](https://travis-ci.org/Polymer/polymer)
-
-Polymer lets you build encapsulated, re-usable elements that work just like HTML elements, to use in building web applications.
-
-```html
-<!-- Polyfill Web Components for older browsers -->
-<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
-
-<!-- Import element -->
-<link rel="import" href="google-map.html">
-
-<!-- Use element -->
-<google-map latitude="37.790" longitude="-122.390"></google-map>
-```
-
-## Getting Started
-
-Check out [polymer-project.org](https://www.polymer-project.org) for all of the library documentation, including getting started guides, tutorials, developer reference, and more.
-
-Or if you'd just like to download the library, check out our [releases page](https://github.com/polymer/polymer/releases).
-
-## Polymer in 1 Minute
-
-The Polymer library is a lightweight sugaring layer on top of the [web components](http://webcomponents.org/) API's to help in building your own web components. It adds convenient features to make it easy to build complex elements:
-
-**Create and register a custom element**
-
-```js
-/**
- * A not-very-useful inline element
- */
-Polymer({
-    is: 'my-element'
-});
-```
-
-```html
-<!-- use the element -->
-<my-element></my-element>
-```
-
-**Add markup to your element**
-
-```html
-<!-- define the markup that your element will use -->
-<dom-module id="my-simple-namecard">
-  <template>
-    <div>
-      Hi! My name is <span>Jane</span>
-    </div>
-  </template>
-
-  <script>
-    Polymer({
-        is: 'my-simple-namecard'
-    });
-  </script>
-</dom-module>
-```
-
-**Configure properties on your element...**
-
-```js
-// Create an element that takes a property
-Polymer({
-    is: 'my-property-namecard',
-    properties: {
-      myName: {
-        type: String
-      }
-    },
-    ready: function() {
-      this.textContent = 'Hi! My name is ' + this.myName;
-    }
-});
-```
-
-**...and have them set using declarative attributes**
-
-```html
-<!-- using the element -->
-<my-property-namecard my-name="Jim"></my-property-namecard>
-```
-
-> Hi! My name is Jim
-
-**Bind data into your element using the familiar mustache-syntax**
-
-```html
-<!-- define markup with bindings -->
-<dom-module id="my-bound-namecard">
-  <template>
-    <div>
-      Hi! My name is <span>{{myName}}</span>
-    </div>
-  </template>
-
-  <script>
-    Polymer({
-      is: 'my-bound-namecard',
-      properties: {
-        myName: {
-          type: String
-        }
-      }
-    });
-  </script>
-</dom-module>
-```
-
-```html
-<!-- using the element -->
-<my-bound-namecard my-name="Josh"></my-bound-namecard>
-```
-
-> Hi! My name is Josh
-
-**Style the internals of your element, without the style leaking out**
-
-```html
-<!-- add style to your element -->
-<dom-module id="my-styled-namecard">
-  <template>
-    <style>
-      /* This would be crazy in non webcomponents. */
-      span {
-        font-weight: bold;
-      }
-    </style>
-
-    <div>
-      Hi! My name is <span>{{myName}}</span>
-    </div>
-  </template>
-
-  <script>
-    Polymer({
-      is: 'my-styled-namecard',
-      properties: {
-        myName: {
-          type: String
-        }
-      }
-    });
-  </script>
-</dom-module>
-```
-
-```html
-<!-- using the element -->
-<my-styled-namecard my-name="Jesse"></my-styled-namecard>
-```
-
-> Hi! My name is **Jesse**
-
-**and so much more!**
-
-Web components are an incredibly powerful new set of primitives baked into the web platform, and open up a whole new world of possibility when it comes to componentizing front-end code and easily creating powerful, immersive, app-like experiences on the web.
-
-By being based on Web Components, elements built with Polymer are:
-
-* Built from the platform up
-* Self-contained
-* Don't require an overarching framework - are interoperable across frameworks
-* Re-usable
-
-## Contributing
-
-The Polymer team loves contributions from the community! Take a look at our [contributing guide](CONTRIBUTING.md) for more information on how to contribute.
-
-## Communicating with the Polymer team
-
-Beyond Github, we try to have a variety of different lines of communication available:
-
-* [Blog](https://blog.polymer-project.org/)
-* [Twitter](https://twitter.com/polymer)
-* [Google+ community](https://plus.google.com/communities/115626364525706131031)
-* [Mailing list](https://groups.google.com/forum/#!forum/polymer-dev)
-* [Slack channel](https://bit.ly/polymerslack)
-
-# License
-
-The Polymer library uses a BSD-like license available [here](./LICENSE.txt)
+# Polymer
+
+[![Build Status](https://travis-ci.org/Polymer/polymer.svg?branch=master)](https://travis-ci.org/Polymer/polymer)
+
+Polymer lets you build encapsulated, re-usable elements that work just like HTML elements, to use in building web applications.
+
+```html
+<!-- Polyfill Web Components for older browsers -->
+<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
+
+<!-- Import element -->
+<link rel="import" href="google-map.html">
+
+<!-- Use element -->
+<google-map latitude="37.790" longitude="-122.390"></google-map>
+```
+
+## Getting Started
+
+Check out [polymer-project.org](https://www.polymer-project.org) for all of the library documentation, including getting started guides, tutorials, developer reference, and more.
+
+Or if you'd just like to download the library, check out our [releases page](https://github.com/polymer/polymer/releases).
+
+## Polymer in 1 Minute
+
+The Polymer library is a lightweight sugaring layer on top of the [web components](http://webcomponents.org/) API's to help in building your own web components. It adds convenient features to make it easy to build complex elements:
+
+**Create and register a custom element**
+
+```js
+/**
+ * A not-very-useful inline element
+ */
+Polymer({
+    is: 'my-element'
+});
+```
+
+```html
+<!-- use the element -->
+<my-element></my-element>
+```
+
+**Add markup to your element**
+
+```html
+<!-- define the markup that your element will use -->
+<dom-module id="my-simple-namecard">
+  <template>
+    <div>
+      Hi! My name is <span>Jane</span>
+    </div>
+  </template>
+
+  <script>
+    Polymer({
+        is: 'my-simple-namecard'
+    });
+  </script>
+</dom-module>
+```
+
+**Configure properties on your element...**
+
+```js
+// Create an element that takes a property
+Polymer({
+    is: 'my-property-namecard',
+    properties: {
+      myName: {
+        type: String
+      }
+    },
+    ready: function() {
+      this.textContent = 'Hi! My name is ' + this.myName;
+    }
+});
+```
+
+**...and have them set using declarative attributes**
+
+```html
+<!-- using the element -->
+<my-property-namecard my-name="Jim"></my-property-namecard>
+```
+
+> Hi! My name is Jim
+
+**Bind data into your element using the familiar mustache-syntax**
+
+```html
+<!-- define markup with bindings -->
+<dom-module id="my-bound-namecard">
+  <template>
+    <div>
+      Hi! My name is <span>{{myName}}</span>
+    </div>
+  </template>
+
+  <script>
+    Polymer({
+      is: 'my-bound-namecard',
+      properties: {
+        myName: {
+          type: String
+        }
+      }
+    });
+  </script>
+</dom-module>
+```
+
+```html
+<!-- using the element -->
+<my-bound-namecard my-name="Josh"></my-bound-namecard>
+```
+
+> Hi! My name is Josh
+
+**Style the internals of your element, without the style leaking out**
+
+```html
+<!-- add style to your element -->
+<dom-module id="my-styled-namecard">
+  <template>
+    <style>
+      /* This would be crazy in non webcomponents. */
+      span {
+        font-weight: bold;
+      }
+    </style>
+
+    <div>
+      Hi! My name is <span>{{myName}}</span>
+    </div>
+  </template>
+
+  <script>
+    Polymer({
+      is: 'my-styled-namecard',
+      properties: {
+        myName: {
+          type: String
+        }
+      }
+    });
+  </script>
+</dom-module>
+```
+
+```html
+<!-- using the element -->
+<my-styled-namecard my-name="Jesse"></my-styled-namecard>
+```
+
+> Hi! My name is **Jesse**
+
+**and so much more!**
+
+Web components are an incredibly powerful new set of primitives baked into the web platform, and open up a whole new world of possibility when it comes to componentizing front-end code and easily creating powerful, immersive, app-like experiences on the web.
+
+By being based on Web Components, elements built with Polymer are:
+
+* Built from the platform up
+* Self-contained
+* Don't require an overarching framework - are interoperable across frameworks
+* Re-usable
+
+## Contributing
+
+The Polymer team loves contributions from the community! Take a look at our [contributing guide](CONTRIBUTING.md) for more information on how to contribute.
+
+## Communicating with the Polymer team
+
+Beyond Github, we try to have a variety of different lines of communication available:
+
+* [Blog](https://blog.polymer-project.org/)
+* [Twitter](https://twitter.com/polymer)
+* [Google+ community](https://plus.google.com/communities/115626364525706131031)
+* [Mailing list](https://groups.google.com/forum/#!forum/polymer-dev)
+* [Slack channel](https://bit.ly/polymerslack)
+
+# License
+
+The Polymer library uses a BSD-like license available [here](./LICENSE.txt)
diff --git a/explainer/samples.html b/explainer/samples.html
index 7a22c31082..ea225b1541 100644
--- a/explainer/samples.html
+++ b/explainer/samples.html
@@ -1,50 +1,50 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<html>
-<head>
-
-  <title>Explainer Samples</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <link rel="import" href="../polymer.html">
-
-  <style>
-    body {
-      font-family: sans-serif;
-      font-size: 15px;
-    }
-  </style>
-
-</head>
-<body>
-
-  <script>
-    Polymer({
-
-      is: 'x-custom',
-
-      properties: {
-        user: String
-      },
-
-      ready: function() {
-        this.innerHTML = 'Hello World, my user is ' + (this.user || 'nobody') + '.';
-      }
-
-    });
-  </script>
-
-  <x-custom user="Scott"></x-custom>
-
-</body>
-</html>
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+
+  <title>Explainer Samples</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link rel="import" href="../polymer.html">
+
+  <style>
+    body {
+      font-family: sans-serif;
+      font-size: 15px;
+    }
+  </style>
+
+</head>
+<body>
+
+  <script>
+    Polymer({
+
+      is: 'x-custom',
+
+      properties: {
+        user: String
+      },
+
+      ready: function() {
+        this.innerHTML = 'Hello World, my user is ' + (this.user || 'nobody') + '.';
+      }
+
+    });
+  </script>
+
+  <x-custom user="Scott"></x-custom>
+
+</body>
+</html>
diff --git a/polymer-mini.html b/polymer-mini.html
index aa9517c3f2..1c36df40c1 100644
--- a/polymer-mini.html
+++ b/polymer-mini.html
@@ -1,72 +1,72 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-
-<link rel="import" href="polymer-micro.html">
-
-<link rel="import" href="src/mini/template.html">
-<link rel="import" href="src/mini/ready.html">
-<link rel="import" href="src/mini/shady.html">
-<link rel="import" href="src/mini/shadow.html">
-<link rel="import" href="src/mini/debouncer.html">
-
-<script>
-
-  Polymer.DomModule = document.createElement('dom-module');
-
-  Polymer.Base._addFeature({
-
-    _registerFeatures: function() {
-      // identity
-      this._prepIs();
-      // shared behaviors
-      this._prepBehaviors();
-      // factory
-      this._prepConstructor();
-      // template
-      this._prepTemplate();
-      // dom encapsulation
-      this._prepShady();
-      // fast access to property info
-      this._prepPropertyInfo();
-    },
-
-    _prepBehavior: function(b) {
-      this._addHostAttributes(b.hostAttributes);
-    },
-
-    _initFeatures: function() {
-      this._registerHost();
-      if (this._template) {
-        // manage local dom
-        this._poolContent();
-        // host stack
-        this._beginHosting();
-        // instantiate template
-        this._stampTemplate();
-        // host stack
-        this._endHosting();
-      }
-      // install host attributes
-      this._marshalHostAttributes();
-      // setup debouncers
-      this._setupDebouncers();
-      // instance shared behaviors
-      this._marshalBehaviors();
-      // top-down initial distribution, configuration, & ready callback
-      this._tryReady();
-    },
-
-    _marshalBehavior: function(b) {
-    }
-
-  });
-
-</script>
-
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<link rel="import" href="polymer-micro.html">
+
+<link rel="import" href="src/mini/template.html">
+<link rel="import" href="src/mini/ready.html">
+<link rel="import" href="src/mini/shady.html">
+<link rel="import" href="src/mini/shadow.html">
+<link rel="import" href="src/mini/debouncer.html">
+
+<script>
+
+  Polymer.DomModule = document.createElement('dom-module');
+
+  Polymer.Base._addFeature({
+
+    _registerFeatures: function() {
+      // identity
+      this._prepIs();
+      // shared behaviors
+      this._prepBehaviors();
+      // factory
+      this._prepConstructor();
+      // template
+      this._prepTemplate();
+      // dom encapsulation
+      this._prepShady();
+      // fast access to property info
+      this._prepPropertyInfo();
+    },
+
+    _prepBehavior: function(b) {
+      this._addHostAttributes(b.hostAttributes);
+    },
+
+    _initFeatures: function() {
+      this._registerHost();
+      if (this._template) {
+        // manage local dom
+        this._poolContent();
+        // host stack
+        this._beginHosting();
+        // instantiate template
+        this._stampTemplate();
+        // host stack
+        this._endHosting();
+      }
+      // install host attributes
+      this._marshalHostAttributes();
+      // setup debouncers
+      this._setupDebouncers();
+      // instance shared behaviors
+      this._marshalBehaviors();
+      // top-down initial distribution, configuration, & ready callback
+      this._tryReady();
+    },
+
+    _marshalBehavior: function(b) {
+    }
+
+  });
+
+</script>
+
diff --git a/polymer.html b/polymer.html
index 910447997e..793125359c 100644
--- a/polymer.html
+++ b/polymer.html
@@ -1,117 +1,117 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-
-<link rel="import" href="polymer-mini.html">
-
-<link rel="import" href="src/standard/annotations.html">
-<link rel="import" href="src/standard/events.html">
-<link rel="import" href="src/standard/gestures.html">
-<link rel="import" href="src/standard/utils.html">
-<link rel="import" href="src/standard/effectBuilder.html">
-<link rel="import" href="src/standard/configure.html">
-<link rel="import" href="src/standard/notify-path.html">
-<link rel="import" href="src/standard/resolveUrl.html">
-<link rel="import" href="src/standard/styling.html">
-<link rel="import" href="src/standard/x-styling.html">
-
-<script>
-
-  Polymer.Base._addFeature({
-
-    _registerFeatures: function() {
-      // identity
-      this._prepIs();
-      // factory
-      this._prepConstructor();
-      // template
-      this._prepTemplate();
-      // styles
-      this._prepStyles();
-      // style properties
-      this._prepStyleProperties();
-      // template markup
-      this._prepAnnotations();
-      // accessors
-      this._prepEffects();
-      // shared behaviors
-      this._prepBehaviors();
-      // fast access to property info
-      this._prepPropertyInfo();
-      // accessors part 2
-      this._prepBindings();
-      // dom encapsulation
-      this._prepShady();
-    },
-
-    _prepBehavior: function(b) {
-      this._addPropertyEffects(b.properties);
-      this._addComplexObserverEffects(b.observers);
-      this._addHostAttributes(b.hostAttributes);
-    },
-
-    _initFeatures: function() {
-      // setup gestures
-      this._setupGestures();
-      // manage configuration
-      this._setupConfigure();
-      // setup style properties
-      this._setupStyleProperties();
-      // setup debouncers
-      this._setupDebouncers();
-      // setup shady
-      this._setupShady();
-      this._registerHost();
-      if (this._template) {
-        // manage local dom
-        this._poolContent();
-        // host stack
-        this._beginHosting();
-        // instantiate template
-        this._stampTemplate();
-        // host stack
-        this._endHosting();
-        // concretize template references
-        this._marshalAnnotationReferences();
-      }
-      // concretize effects on instance
-      this._marshalInstanceEffects();
-      // acquire instance behaviors
-      this._marshalBehaviors();
-      /*
-      TODO(sorvell): It's *slightly() more efficient to marshal attributes prior 
-      to installing hostAttributes, but then hostAttributes must be separately
-      funneled to configure, which is cumbersome.
-      Since this delta seems hard to measure we will not bother atm.
-      */
-      // install host attributes
-      this._marshalHostAttributes();
-      // acquire initial instance attribute values
-      this._marshalAttributes();
-      // top-down initial distribution, configuration, & ready callback
-      this._tryReady();
-    },
-
-    _marshalBehavior: function(b) {
-      // establish listeners on instance
-      if (b.listeners) {
-        this._listenListeners(b.listeners);
-      }
-    }
-
-  });
-
-</script>
-
-<link rel="import" href="src/lib/custom-style.html">
-<link rel="import" href="src/lib/template/dom-template.html">
-<link rel="import" href="src/lib/template/dom-repeat.html">
-<link rel="import" href="src/lib/template/array-selector.html">
-<link rel="import" href="src/lib/template/dom-if.html">
-<link rel="import" href="src/lib/template/dom-bind.html">
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<link rel="import" href="polymer-mini.html">
+
+<link rel="import" href="src/standard/annotations.html">
+<link rel="import" href="src/standard/events.html">
+<link rel="import" href="src/standard/gestures.html">
+<link rel="import" href="src/standard/utils.html">
+<link rel="import" href="src/standard/effectBuilder.html">
+<link rel="import" href="src/standard/configure.html">
+<link rel="import" href="src/standard/notify-path.html">
+<link rel="import" href="src/standard/resolveUrl.html">
+<link rel="import" href="src/standard/styling.html">
+<link rel="import" href="src/standard/x-styling.html">
+
+<script>
+
+  Polymer.Base._addFeature({
+
+    _registerFeatures: function() {
+      // identity
+      this._prepIs();
+      // factory
+      this._prepConstructor();
+      // template
+      this._prepTemplate();
+      // styles
+      this._prepStyles();
+      // style properties
+      this._prepStyleProperties();
+      // template markup
+      this._prepAnnotations();
+      // accessors
+      this._prepEffects();
+      // shared behaviors
+      this._prepBehaviors();
+      // fast access to property info
+      this._prepPropertyInfo();
+      // accessors part 2
+      this._prepBindings();
+      // dom encapsulation
+      this._prepShady();
+    },
+
+    _prepBehavior: function(b) {
+      this._addPropertyEffects(b.properties);
+      this._addComplexObserverEffects(b.observers);
+      this._addHostAttributes(b.hostAttributes);
+    },
+
+    _initFeatures: function() {
+      // setup gestures
+      this._setupGestures();
+      // manage configuration
+      this._setupConfigure();
+      // setup style properties
+      this._setupStyleProperties();
+      // setup debouncers
+      this._setupDebouncers();
+      // setup shady
+      this._setupShady();
+      this._registerHost();
+      if (this._template) {
+        // manage local dom
+        this._poolContent();
+        // host stack
+        this._beginHosting();
+        // instantiate template
+        this._stampTemplate();
+        // host stack
+        this._endHosting();
+        // concretize template references
+        this._marshalAnnotationReferences();
+      }
+      // concretize effects on instance
+      this._marshalInstanceEffects();
+      // acquire instance behaviors
+      this._marshalBehaviors();
+      /*
+      TODO(sorvell): It's *slightly() more efficient to marshal attributes prior 
+      to installing hostAttributes, but then hostAttributes must be separately
+      funneled to configure, which is cumbersome.
+      Since this delta seems hard to measure we will not bother atm.
+      */
+      // install host attributes
+      this._marshalHostAttributes();
+      // acquire initial instance attribute values
+      this._marshalAttributes();
+      // top-down initial distribution, configuration, & ready callback
+      this._tryReady();
+    },
+
+    _marshalBehavior: function(b) {
+      // establish listeners on instance
+      if (b.listeners) {
+        this._listenListeners(b.listeners);
+      }
+    }
+
+  });
+
+</script>
+
+<link rel="import" href="src/lib/custom-style.html">
+<link rel="import" href="src/lib/template/dom-template.html">
+<link rel="import" href="src/lib/template/dom-repeat.html">
+<link rel="import" href="src/lib/template/array-selector.html">
+<link rel="import" href="src/lib/template/dom-if.html">
+<link rel="import" href="src/lib/template/dom-bind.html">
diff --git a/src/lib/annotations/demo/app-chrome.html b/src/lib/annotations/demo/app-chrome.html
index 48030ab6da..c9d369d7e9 100644
--- a/src/lib/annotations/demo/app-chrome.html
+++ b/src/lib/annotations/demo/app-chrome.html
@@ -1,60 +1,60 @@
-<!doctype html>
-<html>
-<head>
-
-  <script src="../../../../perf-lib/perf.js"></script>
-
-  <title>Template Test</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <link rel="import" href="../../lang.html">
-  <link rel="import" href="../../module.html">
-
-  <link rel="import" href="../annotations.html">
-
-  <style>
-    pre {
-      font-family: monospace;
-      font-size: 11px;
-    }
-  </style>
-
-</head>
-<body>
-
-  <script>console.perf();</script>
-
-  <template>
-
-    <span id="foo" attribute="{{path}}" oneway="[[otherpath]]" style:="{{specialStyle}}">{{text}}</span>
-
-  </template>
-
-  <pre></pre>
-
-  <script>
-
-    using('Annotations', function(Annotations) {
-
-      var template = document.querySelector('template');
-      var list = Annotations.parseAnnotations(template);
-      console.log(list);
-
-      var out = document.querySelector('pre');
-      out.textContent = JSON.stringify(list, function(key, value) {
-        if (key === 'parent') {
-          return '<parent reference>';
-        }
-        return value;
-      }, '  ');
-
-    });
-
-  </script>
-
-  <script>console.perfEnd();</script>
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <script src="../../../../perf-lib/perf.js"></script>
+
+  <title>Template Test</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link rel="import" href="../../lang.html">
+  <link rel="import" href="../../module.html">
+
+  <link rel="import" href="../annotations.html">
+
+  <style>
+    pre {
+      font-family: monospace;
+      font-size: 11px;
+    }
+  </style>
+
+</head>
+<body>
+
+  <script>console.perf();</script>
+
+  <template>
+
+    <span id="foo" attribute="{{path}}" oneway="[[otherpath]]" style:="{{specialStyle}}">{{text}}</span>
+
+  </template>
+
+  <pre></pre>
+
+  <script>
+
+    using('Annotations', function(Annotations) {
+
+      var template = document.querySelector('template');
+      var list = Annotations.parseAnnotations(template);
+      console.log(list);
+
+      var out = document.querySelector('pre');
+      out.textContent = JSON.stringify(list, function(key, value) {
+        if (key === 'parent') {
+          return '<parent reference>';
+        }
+        return value;
+      }, '  ');
+
+    });
+
+  </script>
+
+  <script>console.perfEnd();</script>
+
+</body>
+</html>
diff --git a/src/lib/base.html b/src/lib/base.html
index 10f6b4d491..acfc5e9a18 100644
--- a/src/lib/base.html
+++ b/src/lib/base.html
@@ -1,158 +1,158 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script>
-
-  Polymer.Base = {
-
-    // Used for `isInstance` type checking; cannot use `instanceof` because
-    // there is no common Polymer.Base in the prototype chain between type
-    // extensions and normal custom elements
-    __isPolymerInstance__: true,
-
-    // pluggable features
-    // `this` context is a prototype, not an instance
-    _addFeature: function(feature) {
-      this.extend(this, feature);
-    },
-
-    // `this` context is a prototype, not an instance
-    registerCallback: function() {
-      // TODO(sjmiles): perhaps this method should be called from polymer-bootstrap?
-      this._desugarBehaviors(); // abstract
-      this._doBehavior('beforeRegister'); // abstract
-      this._registerFeatures();  // abstract
-      this._doBehavior('registered'); // abstract
-    },
-
-    createdCallback: function() {
-      Polymer.telemetry.instanceCount++;
-      this.root = this;
-      this._doBehavior('created'); // abstract
-      this._initFeatures(); // abstract
-    },
-
-    // reserved for canonical behavior
-    attachedCallback: function() {
-      // NOTE: workaround for:
-      // https://code.google.com/p/chromium/issues/detail?id=516550
-      // To allow querying style/layout data in attached, we defer it
-      // until we are sure rendering is ready.
-      var self = this;
-      Polymer.RenderStatus.whenReady(function() {
-        self.isAttached = true;
-        self._doBehavior('attached'); // abstract
-      });
-    },
-
-    // reserved for canonical behavior
-    detachedCallback: function() {
-      this.isAttached = false;
-      this._doBehavior('detached'); // abstract
-    },
-
-    // reserved for canonical behavior
-    attributeChangedCallback: function(name, oldValue, newValue) {
-      // TODO(sorvell): consider filtering out changes to host attributes
-      // note: this was barely measurable with 3 host attributes.
-      this._attributeChangedImpl(name); // abstract
-      this._doBehavior('attributeChanged', [name, oldValue, newValue]); // abstract
-    },
-
-    _attributeChangedImpl: function(name) {
-      this._setAttributeToProperty(this, name);
-    },
-
-    /**
-     * Copies own properties (including accessor descriptors) from a source
-     * object to a target object.
-     *
-     * @method extend
-     * @param {Object} prototype Target object to copy properties to.
-     * @param {Object} api Source object to copy properties from.
-     * @return {Object} prototype object that was passed as first argument.
-     */
-    extend: function(prototype, api) {
-      if (prototype && api) {
-        var n$ = Object.getOwnPropertyNames(api);
-        for (var i=0, n; (i<n$.length) && (n=n$[i]); i++) {
-          this.copyOwnProperty(n, api, prototype);
-        }
-      }
-      return prototype || api;
-    },
-
-    /**
-     * Copies props from a source object to a target object.
-     *
-     * Note, this method uses a simple `for...in` strategy for enumerating
-     * properties.  To ensure only `ownProperties` are copied from source
-     * to target and that accessor implementations are copied, use `extend`.
-     *
-     * @method mixin
-     * @param {Object} target Target object to copy properties to.
-     * @param {Object} source Source object to copy properties from.
-     * @return {Object} Target object that was passed as first argument.
-     */
-    mixin: function(target, source) {
-      for (var i in source) {
-        target[i] = source[i];
-      }
-      return target;
-    },
-
-    copyOwnProperty: function(name, source, target) {
-      var pd = Object.getOwnPropertyDescriptor(source, name);
-      if (pd) {
-        Object.defineProperty(target, name, pd);
-      }
-    },
-
-    _log: console.log.apply.bind(console.log, console),
-    _warn: console.warn.apply.bind(console.warn, console),
-    _error: console.error.apply.bind(console.error, console),
-    _logf: function(/* args*/) {
-      return this._logPrefix.concat([this.is]).concat(Array.prototype.slice.call(arguments, 0));
-    }
-
-  };
-
-  Polymer.Base._logPrefix = (function(){
-    var color = window.chrome || (/firefox/i.test(navigator.userAgent));
-    return color ? ['%c[%s::%s]:', 'font-weight: bold; background-color:#EEEE00;'] : ['[%s::%s]:'];
-  })();
-
-  Polymer.Base.chainObject = function(object, inherited) {
-    if (object && inherited && object !== inherited) {
-      if (!Object.__proto__) {
-        object = Polymer.Base.extend(Object.create(inherited), object);
-      }
-      object.__proto__ = inherited;
-    }
-    return object;
-  };
-
-  Polymer.Base = Polymer.Base.chainObject(Polymer.Base, HTMLElement.prototype);
-
-  if (window.CustomElements) {
-    Polymer.instanceof = CustomElements.instanceof;
-  } else {
-    Polymer.instanceof = function(obj, ctor) {
-      return obj instanceof ctor;
-    };
-  }
-
-  Polymer.isInstance = function(obj) {
-    return Boolean(obj && obj.__isPolymerInstance__);
-  };
-
-  // TODO(sjmiles): ad hoc telemetry
-  Polymer.telemetry.instanceCount = 0;
-
-</script>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+  Polymer.Base = {
+
+    // Used for `isInstance` type checking; cannot use `instanceof` because
+    // there is no common Polymer.Base in the prototype chain between type
+    // extensions and normal custom elements
+    __isPolymerInstance__: true,
+
+    // pluggable features
+    // `this` context is a prototype, not an instance
+    _addFeature: function(feature) {
+      this.extend(this, feature);
+    },
+
+    // `this` context is a prototype, not an instance
+    registerCallback: function() {
+      // TODO(sjmiles): perhaps this method should be called from polymer-bootstrap?
+      this._desugarBehaviors(); // abstract
+      this._doBehavior('beforeRegister'); // abstract
+      this._registerFeatures();  // abstract
+      this._doBehavior('registered'); // abstract
+    },
+
+    createdCallback: function() {
+      Polymer.telemetry.instanceCount++;
+      this.root = this;
+      this._doBehavior('created'); // abstract
+      this._initFeatures(); // abstract
+    },
+
+    // reserved for canonical behavior
+    attachedCallback: function() {
+      // NOTE: workaround for:
+      // https://code.google.com/p/chromium/issues/detail?id=516550
+      // To allow querying style/layout data in attached, we defer it
+      // until we are sure rendering is ready.
+      var self = this;
+      Polymer.RenderStatus.whenReady(function() {
+        self.isAttached = true;
+        self._doBehavior('attached'); // abstract
+      });
+    },
+
+    // reserved for canonical behavior
+    detachedCallback: function() {
+      this.isAttached = false;
+      this._doBehavior('detached'); // abstract
+    },
+
+    // reserved for canonical behavior
+    attributeChangedCallback: function(name, oldValue, newValue) {
+      // TODO(sorvell): consider filtering out changes to host attributes
+      // note: this was barely measurable with 3 host attributes.
+      this._attributeChangedImpl(name); // abstract
+      this._doBehavior('attributeChanged', [name, oldValue, newValue]); // abstract
+    },
+
+    _attributeChangedImpl: function(name) {
+      this._setAttributeToProperty(this, name);
+    },
+
+    /**
+     * Copies own properties (including accessor descriptors) from a source
+     * object to a target object.
+     *
+     * @method extend
+     * @param {Object} prototype Target object to copy properties to.
+     * @param {Object} api Source object to copy properties from.
+     * @return {Object} prototype object that was passed as first argument.
+     */
+    extend: function(prototype, api) {
+      if (prototype && api) {
+        var n$ = Object.getOwnPropertyNames(api);
+        for (var i=0, n; (i<n$.length) && (n=n$[i]); i++) {
+          this.copyOwnProperty(n, api, prototype);
+        }
+      }
+      return prototype || api;
+    },
+
+    /**
+     * Copies props from a source object to a target object.
+     *
+     * Note, this method uses a simple `for...in` strategy for enumerating
+     * properties.  To ensure only `ownProperties` are copied from source
+     * to target and that accessor implementations are copied, use `extend`.
+     *
+     * @method mixin
+     * @param {Object} target Target object to copy properties to.
+     * @param {Object} source Source object to copy properties from.
+     * @return {Object} Target object that was passed as first argument.
+     */
+    mixin: function(target, source) {
+      for (var i in source) {
+        target[i] = source[i];
+      }
+      return target;
+    },
+
+    copyOwnProperty: function(name, source, target) {
+      var pd = Object.getOwnPropertyDescriptor(source, name);
+      if (pd) {
+        Object.defineProperty(target, name, pd);
+      }
+    },
+
+    _log: console.log.apply.bind(console.log, console),
+    _warn: console.warn.apply.bind(console.warn, console),
+    _error: console.error.apply.bind(console.error, console),
+    _logf: function(/* args*/) {
+      return this._logPrefix.concat([this.is]).concat(Array.prototype.slice.call(arguments, 0));
+    }
+
+  };
+
+  Polymer.Base._logPrefix = (function(){
+    var color = window.chrome || (/firefox/i.test(navigator.userAgent));
+    return color ? ['%c[%s::%s]:', 'font-weight: bold; background-color:#EEEE00;'] : ['[%s::%s]:'];
+  })();
+
+  Polymer.Base.chainObject = function(object, inherited) {
+    if (object && inherited && object !== inherited) {
+      if (!Object.__proto__) {
+        object = Polymer.Base.extend(Object.create(inherited), object);
+      }
+      object.__proto__ = inherited;
+    }
+    return object;
+  };
+
+  Polymer.Base = Polymer.Base.chainObject(Polymer.Base, HTMLElement.prototype);
+
+  if (window.CustomElements) {
+    Polymer.instanceof = CustomElements.instanceof;
+  } else {
+    Polymer.instanceof = function(obj, ctor) {
+      return obj instanceof ctor;
+    };
+  }
+
+  Polymer.isInstance = function(obj) {
+    return Boolean(obj && obj.__isPolymerInstance__);
+  };
+
+  // TODO(sjmiles): ad hoc telemetry
+  Polymer.telemetry.instanceCount = 0;
+
+</script>
diff --git a/src/lib/bind/demo/app-chrome.html b/src/lib/bind/demo/app-chrome.html
index d5be36edb9..47a5bb8568 100644
--- a/src/lib/bind/demo/app-chrome.html
+++ b/src/lib/bind/demo/app-chrome.html
@@ -1,28 +1,28 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>Bind Test</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <style>
-    pre {
-      font-family: sans-serif;
-      font-size: 14px;
-    }
-  </style>
-
-  <link rel="import" href="src/bind-demo.html">
-  <link rel="import" href="src/annotations-bind-demo.html">
-
-</head>
-<body>
-
-  <pre id="bd"></pre>
-
-  <pre id="abd"></pre>
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>Bind Test</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <style>
+    pre {
+      font-family: sans-serif;
+      font-size: 14px;
+    }
+  </style>
+
+  <link rel="import" href="src/bind-demo.html">
+  <link rel="import" href="src/annotations-bind-demo.html">
+
+</head>
+<body>
+
+  <pre id="bd"></pre>
+
+  <pre id="abd"></pre>
+
+</body>
+</html>
diff --git a/src/lib/bind/demo/app.html b/src/lib/bind/demo/app.html
index fe7d2160b6..ffc161fb54 100644
--- a/src/lib/bind/demo/app.html
+++ b/src/lib/bind/demo/app.html
@@ -1,29 +1,29 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>Bind Test</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../../webcomponentsjs/webcomponents-lite.js"></script>
-
-  <style>
-    pre {
-      font-family: sans-serif;
-      font-size: 14px;
-    }
-  </style>
-
-  <link rel="import" href="src/bind-demo.html">
-  <link rel="import" href="src/annotations-bind-demo.html">
-
-</head>
-<body>
-
-  <pre id="bd"></pre>
-  <pre id="abd"></pre>
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>Bind Test</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../../webcomponentsjs/webcomponents-lite.js"></script>
+
+  <style>
+    pre {
+      font-family: sans-serif;
+      font-size: 14px;
+    }
+  </style>
+
+  <link rel="import" href="src/bind-demo.html">
+  <link rel="import" href="src/annotations-bind-demo.html">
+
+</head>
+<body>
+
+  <pre id="bd"></pre>
+  <pre id="abd"></pre>
+
+</body>
+</html>
diff --git a/src/lib/bind/demo/src/annotations-bind-demo.html b/src/lib/bind/demo/src/annotations-bind-demo.html
index 747ba08992..3f7d87d418 100644
--- a/src/lib/bind/demo/src/annotations-bind-demo.html
+++ b/src/lib/bind/demo/src/annotations-bind-demo.html
@@ -1,76 +1,76 @@
-<link rel="import" href="../../../module.html">
-<link rel="import" href="../../../lang.html">
-<link rel="import" href="../../../annotations/annotations.html">
-
-<link rel="import" href="../../bind.html">
-<link rel="import" href="../../bind-effects.html">
-<link rel="import" href="../../bind-annotations.html">
-
-<template>
-
-  <div>annotated #foo span:</div>
-  <br>
-  <span id="foo" attribute="{{path}}" oneway="[[otherpath]]" style="{{specialStyle}}">{{text}}</span>
-
-</template>
-
-<script>
-
-  // TODO(sjmiles): should 'bind-annotations' blend the other two modules
-  // somehow so we don't need to include all three here?
-  using(['Annotations', 'bind', 'bind-annotations'], 
-
-   function(Annotations, Bind, BindAnnotations) {
-
-    var out = document.querySelector('#abd');
-    out.innerHTML += '<hr><h3>annotations-bind demo</h3><hr>';
-
-    // phase one: prototyping
-
-    var prototype = {};
-    var template = currentImport.querySelector('template');
-    var list = Templabindinate(prototype, template);
-
-    // phase two: instancing
-    
-    var model = Object.create(prototype);
-    var dom = Instancinance(model, template);
-    document.body.appendChild(dom);
-
-    // affect model
-
-    model.text = 'Hello from Model';
-    model.path = 'path';
-    model.otherpath = 'other.path';
-    model.specialStyle = {backgroundColor: "red"};
-
-    // effects visible in dom
-
-    var foo = dom.querySelector('#foo');
-    out.innerHTML += 
-      'foo.<b>path</b> = "' + model.path + '"<br>'
-      + 'foo.<b>otherpath</b> = "' + model.otherpath + '"<br>'
-      + 'foo.<b>specialStyle</b> = "' + JSON.stringify(model.specialStyle)+ '"<br>'
-      ;
-
-    // ad hoc abstractions
-    
-    function Templabindinate(model, template) {
-      Bind.prepareModel(model);
-      var list = Annotations.parseAnnotations(template);
-      BindAnnotations.addEffects(model, list);
-      return list;
-    }
-
-    function Instancinance(model, template) {
-      Bind.prepareInstance(model);
-      Bind.createBindings(model);
-      var dom = document.importNode(template.content, true);
-      model._nodes = BindAnnotations.marshalAnnotatedNodes(model._nodes, dom, 
-        Annotations.findAnnotatedNode);
-      return dom;
-    }
-
-  });
-
+<link rel="import" href="../../../module.html">
+<link rel="import" href="../../../lang.html">
+<link rel="import" href="../../../annotations/annotations.html">
+
+<link rel="import" href="../../bind.html">
+<link rel="import" href="../../bind-effects.html">
+<link rel="import" href="../../bind-annotations.html">
+
+<template>
+
+  <div>annotated #foo span:</div>
+  <br>
+  <span id="foo" attribute="{{path}}" oneway="[[otherpath]]" style="{{specialStyle}}">{{text}}</span>
+
+</template>
+
+<script>
+
+  // TODO(sjmiles): should 'bind-annotations' blend the other two modules
+  // somehow so we don't need to include all three here?
+  using(['Annotations', 'bind', 'bind-annotations'], 
+
+   function(Annotations, Bind, BindAnnotations) {
+
+    var out = document.querySelector('#abd');
+    out.innerHTML += '<hr><h3>annotations-bind demo</h3><hr>';
+
+    // phase one: prototyping
+
+    var prototype = {};
+    var template = currentImport.querySelector('template');
+    var list = Templabindinate(prototype, template);
+
+    // phase two: instancing
+    
+    var model = Object.create(prototype);
+    var dom = Instancinance(model, template);
+    document.body.appendChild(dom);
+
+    // affect model
+
+    model.text = 'Hello from Model';
+    model.path = 'path';
+    model.otherpath = 'other.path';
+    model.specialStyle = {backgroundColor: "red"};
+
+    // effects visible in dom
+
+    var foo = dom.querySelector('#foo');
+    out.innerHTML += 
+      'foo.<b>path</b> = "' + model.path + '"<br>'
+      + 'foo.<b>otherpath</b> = "' + model.otherpath + '"<br>'
+      + 'foo.<b>specialStyle</b> = "' + JSON.stringify(model.specialStyle)+ '"<br>'
+      ;
+
+    // ad hoc abstractions
+    
+    function Templabindinate(model, template) {
+      Bind.prepareModel(model);
+      var list = Annotations.parseAnnotations(template);
+      BindAnnotations.addEffects(model, list);
+      return list;
+    }
+
+    function Instancinance(model, template) {
+      Bind.prepareInstance(model);
+      Bind.createBindings(model);
+      var dom = document.importNode(template.content, true);
+      model._nodes = BindAnnotations.marshalAnnotatedNodes(model._nodes, dom, 
+        Annotations.findAnnotatedNode);
+      return dom;
+    }
+
+  });
+
 </script>
\ No newline at end of file
diff --git a/src/lib/bind/demo/src/bind-demo.html b/src/lib/bind/demo/src/bind-demo.html
index dcb9e9cdb7..561a683b09 100644
--- a/src/lib/bind/demo/src/bind-demo.html
+++ b/src/lib/bind/demo/src/bind-demo.html
@@ -1,83 +1,83 @@
-<link rel="import" href="../../../module.html">
-<link rel="import" href="../../bind.html">
-<link rel="import" href="../../bind-effects.html">
-  
-<script>
-
-  using(['bind'], function(Bind) {
-
-    var out = document.querySelector('#bd');
-    out.innerHTML += '<hr><h3>bind demo</h3><hr>';
-    
-    // phase one: prototyping
-
-    var model = {};
-
-    Bind.prepareModel(model);
-
-    // 'observer' effects are called if foo changes value as fx(foo, old)
-
-    Bind.addPropertyEffect(model, 'foo', 'observer', 'fooChange');
-    Bind.addPropertyEffect(model, 'foo', 'observer', 'fooWork');
-
-    model.fooChange = function(foo) {
-      out.innerHTML += '<b>fooChange</b>: effect of changing foo to ' + foo + '\n';
-      console.log('fooChange: effect of changing foo to %d', foo);
-    };
-
-    model.fooWork = function(foo) {
-      out.innerHTML += '<b>fooWork</b>: effect of changing foo to ' + foo + '\n';
-      console.log('fooWork: effect of changing foo to %d', foo);
-    };
-
-    // 'compute' effect sets the value of bar to the result of computeBar when
-    // foo changes value
-
-    /*
-    Bind.addPropertyEffect(model, 'foo', 'compute', {
-      method: 'computeBar',
-      property: 'bar'
-    });
-    */
-    Bind.addComputedPropertyEffect(model, 'bar', 'computeFooTimes2(foo)');
-
-    model.computeFooTimes2 = function(foo) {
-      var foo2 = foo * 2;
-      out.innerHTML += '<b>computeFooTimes2</b>: calculated ' + foo2 + ' as an effect of changing foo to ' + foo + '\n';
-      console.log('computeFooTimes2: calculated %d as effect of changing foo to %d', foo2, foo);
-      return foo2;
-    };
-
-    // custom effect
-
-    Bind.addBuilder('async', function(model, property, effect) {
-      var fn = function() {
-        var flag = '_propertyTask';
-        clearTimeout(this[flag]);
-        this[flag] = setTimeout(function() {
-          this.effect(this.property);
-          this[flag] = 0;
-        }.bind(this));
-      };
-      var code = fn.toString().split('\n').slice(1, -1).join('\n');
-      return code.replace(/property/g, property).replace(/effect/g, effect);
-    });
-
-    Bind.addPropertyEffect(model, 'foo', 'async', 'asyncFoo');
-
-    model.asyncFoo = function(foo) {
-      out.innerHTML += '<b>asyncFoo</b>: effect of changing foo to ' + foo + '\n';
-      console.log('asyncFoo: effect of changing foo to %d', foo);
-    };
-
-    // phase two: instancing
-
-    Bind.prepareInstance(model);
-    Bind.createBindings(model);
-
-    model.foo = 3;
-    model.foo = 6;
-
-  });
-
+<link rel="import" href="../../../module.html">
+<link rel="import" href="../../bind.html">
+<link rel="import" href="../../bind-effects.html">
+  
+<script>
+
+  using(['bind'], function(Bind) {
+
+    var out = document.querySelector('#bd');
+    out.innerHTML += '<hr><h3>bind demo</h3><hr>';
+    
+    // phase one: prototyping
+
+    var model = {};
+
+    Bind.prepareModel(model);
+
+    // 'observer' effects are called if foo changes value as fx(foo, old)
+
+    Bind.addPropertyEffect(model, 'foo', 'observer', 'fooChange');
+    Bind.addPropertyEffect(model, 'foo', 'observer', 'fooWork');
+
+    model.fooChange = function(foo) {
+      out.innerHTML += '<b>fooChange</b>: effect of changing foo to ' + foo + '\n';
+      console.log('fooChange: effect of changing foo to %d', foo);
+    };
+
+    model.fooWork = function(foo) {
+      out.innerHTML += '<b>fooWork</b>: effect of changing foo to ' + foo + '\n';
+      console.log('fooWork: effect of changing foo to %d', foo);
+    };
+
+    // 'compute' effect sets the value of bar to the result of computeBar when
+    // foo changes value
+
+    /*
+    Bind.addPropertyEffect(model, 'foo', 'compute', {
+      method: 'computeBar',
+      property: 'bar'
+    });
+    */
+    Bind.addComputedPropertyEffect(model, 'bar', 'computeFooTimes2(foo)');
+
+    model.computeFooTimes2 = function(foo) {
+      var foo2 = foo * 2;
+      out.innerHTML += '<b>computeFooTimes2</b>: calculated ' + foo2 + ' as an effect of changing foo to ' + foo + '\n';
+      console.log('computeFooTimes2: calculated %d as effect of changing foo to %d', foo2, foo);
+      return foo2;
+    };
+
+    // custom effect
+
+    Bind.addBuilder('async', function(model, property, effect) {
+      var fn = function() {
+        var flag = '_propertyTask';
+        clearTimeout(this[flag]);
+        this[flag] = setTimeout(function() {
+          this.effect(this.property);
+          this[flag] = 0;
+        }.bind(this));
+      };
+      var code = fn.toString().split('\n').slice(1, -1).join('\n');
+      return code.replace(/property/g, property).replace(/effect/g, effect);
+    });
+
+    Bind.addPropertyEffect(model, 'foo', 'async', 'asyncFoo');
+
+    model.asyncFoo = function(foo) {
+      out.innerHTML += '<b>asyncFoo</b>: effect of changing foo to ' + foo + '\n';
+      console.log('asyncFoo: effect of changing foo to %d', foo);
+    };
+
+    // phase two: instancing
+
+    Bind.prepareInstance(model);
+    Bind.createBindings(model);
+
+    model.foo = 3;
+    model.foo = 6;
+
+  });
+
 </script>
\ No newline at end of file
diff --git a/src/lib/case-map.html b/src/lib/case-map.html
index f1daf17f93..b2d3ed4bed 100644
--- a/src/lib/case-map.html
+++ b/src/lib/case-map.html
@@ -1,38 +1,38 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script>
-
-  Polymer.CaseMap = {
-
-    _caseMap: {},
-    _rx: {
-      dashToCamel: /-[a-z]/g,
-      camelToDash: /([A-Z])/g
-    },
-
-    dashToCamelCase: function(dash) {
-      return this._caseMap[dash] || (
-        this._caseMap[dash] = dash.indexOf('-') < 0 ? dash : dash.replace(this._rx.dashToCamel,
-          function(m) {
-            return m[1].toUpperCase();
-          }
-        )
-      );
-    },
-
-    camelToDashCase: function(camel) {
-      return this._caseMap[camel] || (
-        this._caseMap[camel] = camel.replace(this._rx.camelToDash, '-$1').toLowerCase()
-      );
-    }
-
-  };
-
-</script>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+  Polymer.CaseMap = {
+
+    _caseMap: {},
+    _rx: {
+      dashToCamel: /-[a-z]/g,
+      camelToDash: /([A-Z])/g
+    },
+
+    dashToCamelCase: function(dash) {
+      return this._caseMap[dash] || (
+        this._caseMap[dash] = dash.indexOf('-') < 0 ? dash : dash.replace(this._rx.dashToCamel,
+          function(m) {
+            return m[1].toUpperCase();
+          }
+        )
+      );
+    },
+
+    camelToDashCase: function(camel) {
+      return this._caseMap[camel] || (
+        this._caseMap[camel] = camel.replace(this._rx.camelToDash, '-$1').toLowerCase()
+      );
+    }
+
+  };
+
+</script>
diff --git a/src/lib/css-parse.html b/src/lib/css-parse.html
index 7dcaa1a97a..0abcd28164 100644
--- a/src/lib/css-parse.html
+++ b/src/lib/css-parse.html
@@ -1,192 +1,192 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script>
-
-/*
-  Extremely simple css parser. Intended to be not more than what we need
-  and definitely not necessarily correct =).
-*/
-Polymer.CssParse = (function() {
-
-  return {
-    // given a string of css, return a simple rule tree
-    parse: function(text) {
-      text = this._clean(text);
-      return this._parseCss(this._lex(text), text);
-    },
-
-    // remove stuff we don't care about that may hinder parsing
-    _clean: function (cssText) {
-      return cssText.replace(this._rx.comments, '').replace(this._rx.port, '');
-    },
-
-    // super simple {...} lexer that returns a node tree
-    _lex: function(text) {
-      var root = {start: 0, end: text.length};
-      var n = root;
-      for (var i=0, l=text.length; i < l; i++) {
-        switch (text[i]) {
-          case this.OPEN_BRACE:
-            //console.group(i);
-            if (!n.rules) {
-              n.rules = [];
-            }
-            var p = n;
-            var previous = p.rules[p.rules.length-1];
-            n = {start: i+1, parent: p, previous: previous};
-            p.rules.push(n);
-            break;
-          case this.CLOSE_BRACE:
-            //console.groupEnd(n.start);
-            n.end = i+1;
-            n = n.parent || root;
-            break;
-        }
-      }
-      return root;
-    },
-
-    // add selectors/cssText to node tree
-    _parseCss: function(node, text) {
-      var t = text.substring(node.start, node.end-1);
-      node.parsedCssText = node.cssText = t.trim();
-      if (node.parent) {
-        var ss = node.previous ? node.previous.end : node.parent.start;
-        t = text.substring(ss, node.start-1);
-        t = this._expandUnicodeEscapes(t);
-        t = t.replace(this._rx.multipleSpaces, ' ');
-        // TODO(sorvell): ad hoc; make selector include only after last ;
-        // helps with mixin syntax
-        t = t.substring(t.lastIndexOf(';')+1);
-        var s = node.parsedSelector = node.selector = t.trim();
-        node.atRule = (s.indexOf(this.AT_START) === 0);
-        // note, support a subset of rule types...
-        if (node.atRule) {
-          if (s.indexOf(this.MEDIA_START) === 0) {
-            node.type = this.types.MEDIA_RULE;
-          } else if (s.match(this._rx.keyframesRule)) {
-            node.type = this.types.KEYFRAMES_RULE;
-            node.keyframesName =
-                node.selector.split(this._rx.multipleSpaces).pop();
-          }
-        } else {
-          if (s.indexOf(this.VAR_START) === 0) {
-            node.type = this.types.MIXIN_RULE;
-          } else {
-            node.type = this.types.STYLE_RULE;
-          }
-        }
-      }
-      var r$ = node.rules;
-      if (r$) {
-        for (var i=0, l=r$.length, r; (i<l) && (r=r$[i]); i++) {
-          this._parseCss(r, text);
-        }
-      }
-      return node;
-    },
-
-    // conversion of sort unicode escapes with spaces like `\33 ` (and longer) into
-    // expanded form that doesn't require trailing space `\000033`
-    _expandUnicodeEscapes : function(s) {
-      return s.replace(/\\([0-9a-f]{1,6})\s/gi, function() {
-        var code = arguments[1], repeat = 6 - code.length;
-        while (repeat--) {
-          code = '0' + code;
-        }
-        return '\\' + code;
-      });
-    },
-
-    // stringify parsed css.
-    stringify: function(node, preserveProperties, text) {
-      text = text || '';
-      // calc rule cssText
-      var cssText = '';
-      if (node.cssText || node.rules) {
-        var r$ = node.rules;
-        if (r$ && (preserveProperties || !this._hasMixinRules(r$))) {
-          for (var i=0, l=r$.length, r; (i<l) && (r=r$[i]); i++) {
-            cssText = this.stringify(r, preserveProperties, cssText);
-          }
-        } else {
-          cssText = preserveProperties ? node.cssText :
-            this.removeCustomProps(node.cssText);
-          cssText = cssText.trim();
-          if (cssText) {
-            cssText = '  ' + cssText + '\n';
-          }
-        }
-      }
-      // emit rule if there is cssText
-      if (cssText) {
-        if (node.selector) {
-          text += node.selector + ' ' + this.OPEN_BRACE + '\n';
-        }
-        text += cssText;
-        if (node.selector) {
-          text += this.CLOSE_BRACE + '\n\n';
-        }
-      }
-      return text;
-    },
-
-    _hasMixinRules: function(rules) {
-      return rules[0].selector.indexOf(this.VAR_START) === 0;
-    },
-
-    removeCustomProps: function(cssText) {
-      cssText = this.removeCustomPropAssignment(cssText);
-      return this.removeCustomPropApply(cssText);
-    },
-
-    removeCustomPropAssignment: function(cssText) {
-      return cssText
-        .replace(this._rx.customProp, '')
-        .replace(this._rx.mixinProp, '');
-    },
-
-    removeCustomPropApply: function(cssText) {
-      return cssText
-        .replace(this._rx.mixinApply, '')
-        .replace(this._rx.varApply, '');
-    },
-
-    types: {
-      STYLE_RULE: 1,
-      KEYFRAMES_RULE: 7,
-      MEDIA_RULE: 4,
-      MIXIN_RULE: 1000
-    },
-
-    OPEN_BRACE: '{',
-    CLOSE_BRACE: '}',
-
-    // helper regexp's
-    _rx: {
-      comments: /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,
-      port: /@import[^;]*;/gim,
-      customProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,
-      mixinProp:  /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,
-      mixinApply: /@apply[\s]*\([^)]*?\)[\s]*(?:[;\n]|$)?/gim,
-      varApply: /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,
-      keyframesRule: /^@[^\s]*keyframes/,
-      multipleSpaces: /\s+/g
-    },
-
-    VAR_START: '--',
-    MEDIA_START: '@media',
-    AT_START: '@'
-
-  };
-
-})();
-
-</script>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+/*
+  Extremely simple css parser. Intended to be not more than what we need
+  and definitely not necessarily correct =).
+*/
+Polymer.CssParse = (function() {
+
+  return {
+    // given a string of css, return a simple rule tree
+    parse: function(text) {
+      text = this._clean(text);
+      return this._parseCss(this._lex(text), text);
+    },
+
+    // remove stuff we don't care about that may hinder parsing
+    _clean: function (cssText) {
+      return cssText.replace(this._rx.comments, '').replace(this._rx.port, '');
+    },
+
+    // super simple {...} lexer that returns a node tree
+    _lex: function(text) {
+      var root = {start: 0, end: text.length};
+      var n = root;
+      for (var i=0, l=text.length; i < l; i++) {
+        switch (text[i]) {
+          case this.OPEN_BRACE:
+            //console.group(i);
+            if (!n.rules) {
+              n.rules = [];
+            }
+            var p = n;
+            var previous = p.rules[p.rules.length-1];
+            n = {start: i+1, parent: p, previous: previous};
+            p.rules.push(n);
+            break;
+          case this.CLOSE_BRACE:
+            //console.groupEnd(n.start);
+            n.end = i+1;
+            n = n.parent || root;
+            break;
+        }
+      }
+      return root;
+    },
+
+    // add selectors/cssText to node tree
+    _parseCss: function(node, text) {
+      var t = text.substring(node.start, node.end-1);
+      node.parsedCssText = node.cssText = t.trim();
+      if (node.parent) {
+        var ss = node.previous ? node.previous.end : node.parent.start;
+        t = text.substring(ss, node.start-1);
+        t = this._expandUnicodeEscapes(t);
+        t = t.replace(this._rx.multipleSpaces, ' ');
+        // TODO(sorvell): ad hoc; make selector include only after last ;
+        // helps with mixin syntax
+        t = t.substring(t.lastIndexOf(';')+1);
+        var s = node.parsedSelector = node.selector = t.trim();
+        node.atRule = (s.indexOf(this.AT_START) === 0);
+        // note, support a subset of rule types...
+        if (node.atRule) {
+          if (s.indexOf(this.MEDIA_START) === 0) {
+            node.type = this.types.MEDIA_RULE;
+          } else if (s.match(this._rx.keyframesRule)) {
+            node.type = this.types.KEYFRAMES_RULE;
+            node.keyframesName =
+                node.selector.split(this._rx.multipleSpaces).pop();
+          }
+        } else {
+          if (s.indexOf(this.VAR_START) === 0) {
+            node.type = this.types.MIXIN_RULE;
+          } else {
+            node.type = this.types.STYLE_RULE;
+          }
+        }
+      }
+      var r$ = node.rules;
+      if (r$) {
+        for (var i=0, l=r$.length, r; (i<l) && (r=r$[i]); i++) {
+          this._parseCss(r, text);
+        }
+      }
+      return node;
+    },
+
+    // conversion of sort unicode escapes with spaces like `\33 ` (and longer) into
+    // expanded form that doesn't require trailing space `\000033`
+    _expandUnicodeEscapes : function(s) {
+      return s.replace(/\\([0-9a-f]{1,6})\s/gi, function() {
+        var code = arguments[1], repeat = 6 - code.length;
+        while (repeat--) {
+          code = '0' + code;
+        }
+        return '\\' + code;
+      });
+    },
+
+    // stringify parsed css.
+    stringify: function(node, preserveProperties, text) {
+      text = text || '';
+      // calc rule cssText
+      var cssText = '';
+      if (node.cssText || node.rules) {
+        var r$ = node.rules;
+        if (r$ && (preserveProperties || !this._hasMixinRules(r$))) {
+          for (var i=0, l=r$.length, r; (i<l) && (r=r$[i]); i++) {
+            cssText = this.stringify(r, preserveProperties, cssText);
+          }
+        } else {
+          cssText = preserveProperties ? node.cssText :
+            this.removeCustomProps(node.cssText);
+          cssText = cssText.trim();
+          if (cssText) {
+            cssText = '  ' + cssText + '\n';
+          }
+        }
+      }
+      // emit rule if there is cssText
+      if (cssText) {
+        if (node.selector) {
+          text += node.selector + ' ' + this.OPEN_BRACE + '\n';
+        }
+        text += cssText;
+        if (node.selector) {
+          text += this.CLOSE_BRACE + '\n\n';
+        }
+      }
+      return text;
+    },
+
+    _hasMixinRules: function(rules) {
+      return rules[0].selector.indexOf(this.VAR_START) === 0;
+    },
+
+    removeCustomProps: function(cssText) {
+      cssText = this.removeCustomPropAssignment(cssText);
+      return this.removeCustomPropApply(cssText);
+    },
+
+    removeCustomPropAssignment: function(cssText) {
+      return cssText
+        .replace(this._rx.customProp, '')
+        .replace(this._rx.mixinProp, '');
+    },
+
+    removeCustomPropApply: function(cssText) {
+      return cssText
+        .replace(this._rx.mixinApply, '')
+        .replace(this._rx.varApply, '');
+    },
+
+    types: {
+      STYLE_RULE: 1,
+      KEYFRAMES_RULE: 7,
+      MEDIA_RULE: 4,
+      MIXIN_RULE: 1000
+    },
+
+    OPEN_BRACE: '{',
+    CLOSE_BRACE: '}',
+
+    // helper regexp's
+    _rx: {
+      comments: /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,
+      port: /@import[^;]*;/gim,
+      customProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,
+      mixinProp:  /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,
+      mixinApply: /@apply[\s]*\([^)]*?\)[\s]*(?:[;\n]|$)?/gim,
+      varApply: /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,
+      keyframesRule: /^@[^\s]*keyframes/,
+      multipleSpaces: /\s+/g
+    },
+
+    VAR_START: '--',
+    MEDIA_START: '@media',
+    AT_START: '@'
+
+  };
+
+})();
+
+</script>
diff --git a/src/lib/dom-api-classlist.html b/src/lib/dom-api-classlist.html
index a5ef7940ba..f2f889d2d8 100644
--- a/src/lib/dom-api-classlist.html
+++ b/src/lib/dom-api-classlist.html
@@ -1,70 +1,70 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script>
-
-(function() {
-  'use strict';
-
-  var DomApi = Polymer.DomApi.ctor;
-
-  var useShadow = Polymer.Settings.useShadow;
-
-  /**
-   * DomApi.classList allows maniuplation of `classList` compatible with 
-   * Polymer.dom. The general usage is 
-   * `Polymer.dom(node).classList.method(arguments)` where methods and arguments
-   * match native DOM.
-   */
-  Object.defineProperty(DomApi.prototype, 'classList', {
-    get: function() {
-      if (!this._classList) {
-        this._classList = new DomApi.ClassList(this);
-      }
-      return this._classList;
-    },
-    configurable: true
-  });
-
-  DomApi.ClassList = function(host) {
-    this.domApi = host;
-    this.node = host.node;
-  }
-
-  DomApi.ClassList.prototype = {
-
-    add: function() {
-      this.node.classList.add.apply(this.node.classList, arguments);
-      this._distributeParent();
-    },
-
-    remove: function() {
-      this.node.classList.remove.apply(this.node.classList, arguments);
-      this._distributeParent();
-    },
-
-    toggle: function() {
-      this.node.classList.toggle.apply(this.node.classList, arguments);
-      this._distributeParent();
-    },
-
-    _distributeParent: function() {
-      if (!useShadow) {
-        this.domApi._maybeDistributeParent();
-      }
-    },
-
-    contains: function() {
-      return this.node.classList.contains.apply(this.node.classList,
-        arguments);
-    }
-  }
-
-})();
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+(function() {
+  'use strict';
+
+  var DomApi = Polymer.DomApi.ctor;
+
+  var useShadow = Polymer.Settings.useShadow;
+
+  /**
+   * DomApi.classList allows maniuplation of `classList` compatible with 
+   * Polymer.dom. The general usage is 
+   * `Polymer.dom(node).classList.method(arguments)` where methods and arguments
+   * match native DOM.
+   */
+  Object.defineProperty(DomApi.prototype, 'classList', {
+    get: function() {
+      if (!this._classList) {
+        this._classList = new DomApi.ClassList(this);
+      }
+      return this._classList;
+    },
+    configurable: true
+  });
+
+  DomApi.ClassList = function(host) {
+    this.domApi = host;
+    this.node = host.node;
+  }
+
+  DomApi.ClassList.prototype = {
+
+    add: function() {
+      this.node.classList.add.apply(this.node.classList, arguments);
+      this._distributeParent();
+    },
+
+    remove: function() {
+      this.node.classList.remove.apply(this.node.classList, arguments);
+      this._distributeParent();
+    },
+
+    toggle: function() {
+      this.node.classList.toggle.apply(this.node.classList, arguments);
+      this._distributeParent();
+    },
+
+    _distributeParent: function() {
+      if (!useShadow) {
+        this.domApi._maybeDistributeParent();
+      }
+    },
+
+    contains: function() {
+      return this.node.classList.contains.apply(this.node.classList,
+        arguments);
+    }
+  }
+
+})();
 </script>
\ No newline at end of file
diff --git a/src/lib/dom-api-distributed-nodes-observer.html b/src/lib/dom-api-distributed-nodes-observer.html
index 57d7f1f279..9cc0a4bb07 100644
--- a/src/lib/dom-api-distributed-nodes-observer.html
+++ b/src/lib/dom-api-distributed-nodes-observer.html
@@ -1,97 +1,97 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="settings.html">
-<script>
-(function() {
-  'use strict';
-
-    var DomApi = Polymer.DomApi.ctor;
-    var Settings = Polymer.Settings;
-
-    /**
-     * DomApi.DistributedNodesObserver notifies when the list returned by 
-     * a <content> element's `getDistributedNodes()` may have changed.
-     * It is not meant to be used directly; it is used by
-     * `Polymer.dom(node).observeNodes(callback)` to observe changes to
-     * `<content>.getDistributedNodes()`.
-     */
-    DomApi.DistributedNodesObserver = function(domApi) {
-      DomApi.EffectiveNodesObserver.call(this, domApi);
-    };
-
-    DomApi.DistributedNodesObserver.prototype = 
-      Object.create(DomApi.EffectiveNodesObserver.prototype);
-
-    Polymer.Base.extend(DomApi.DistributedNodesObserver.prototype, {
-
-      // NOTE: ShadyDOM distribute provokes notification of these observers
-      // so no setup is required.
-      _setup: function() {},
-
-      _cleanup: function() {},
-
-      // no need to update sub-elements since <content> does not nest
-      // (but note that <slot> will)
-      _beforeCallListeners: function() {},
-
-      _getEffectiveNodes: function() {
-        return this.domApi.getDistributedNodes();
-      }
-
-    });
-
-    if (Settings.useShadow) {
-      
-      Polymer.Base.extend(DomApi.DistributedNodesObserver.prototype, {
-        
-        // NOTE: Under ShadowDOM we must observe the host element for
-        // changes.
-        _setup: function() {
-          if (!this._observer) {
-            var root = this.domApi.getOwnerRoot();
-            var host = root && root.host;
-            if (host) {
-              var self = this;
-              this._observer = Polymer.dom(host).observeNodes(function() {
-                self._scheduleNotify();
-              });
-              // NOTE: we identify this listener as needed for <content>
-              // notification so that enableShadowAttributeTracking 
-              // can find these observers an ensure that we pass always 
-              // pass notifications down.
-              this._observer._isContentListener = true;
-              if (this._hasAttrSelect()) {
-                Polymer.dom(host).observer.enableShadowAttributeTracking();
-              }
-            }
-          }
-        },
-
-        _hasAttrSelect: function() {
-          var select = this.node.getAttribute('select');
-          return select && select.match(/[[.]+/);
-        },
-
-        _cleanup: function() {
-          var root = this.domApi.getOwnerRoot();
-          var host = root && root.host;
-          if (host) {
-            Polymer.dom(host).unobserveNodes(this._observer);
-          }
-          this._observer = null;
-        }
-
-      });
-    
-    }
-
-})();
-
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="settings.html">
+<script>
+(function() {
+  'use strict';
+
+    var DomApi = Polymer.DomApi.ctor;
+    var Settings = Polymer.Settings;
+
+    /**
+     * DomApi.DistributedNodesObserver notifies when the list returned by 
+     * a <content> element's `getDistributedNodes()` may have changed.
+     * It is not meant to be used directly; it is used by
+     * `Polymer.dom(node).observeNodes(callback)` to observe changes to
+     * `<content>.getDistributedNodes()`.
+     */
+    DomApi.DistributedNodesObserver = function(domApi) {
+      DomApi.EffectiveNodesObserver.call(this, domApi);
+    };
+
+    DomApi.DistributedNodesObserver.prototype = 
+      Object.create(DomApi.EffectiveNodesObserver.prototype);
+
+    Polymer.Base.extend(DomApi.DistributedNodesObserver.prototype, {
+
+      // NOTE: ShadyDOM distribute provokes notification of these observers
+      // so no setup is required.
+      _setup: function() {},
+
+      _cleanup: function() {},
+
+      // no need to update sub-elements since <content> does not nest
+      // (but note that <slot> will)
+      _beforeCallListeners: function() {},
+
+      _getEffectiveNodes: function() {
+        return this.domApi.getDistributedNodes();
+      }
+
+    });
+
+    if (Settings.useShadow) {
+      
+      Polymer.Base.extend(DomApi.DistributedNodesObserver.prototype, {
+        
+        // NOTE: Under ShadowDOM we must observe the host element for
+        // changes.
+        _setup: function() {
+          if (!this._observer) {
+            var root = this.domApi.getOwnerRoot();
+            var host = root && root.host;
+            if (host) {
+              var self = this;
+              this._observer = Polymer.dom(host).observeNodes(function() {
+                self._scheduleNotify();
+              });
+              // NOTE: we identify this listener as needed for <content>
+              // notification so that enableShadowAttributeTracking 
+              // can find these observers an ensure that we pass always 
+              // pass notifications down.
+              this._observer._isContentListener = true;
+              if (this._hasAttrSelect()) {
+                Polymer.dom(host).observer.enableShadowAttributeTracking();
+              }
+            }
+          }
+        },
+
+        _hasAttrSelect: function() {
+          var select = this.node.getAttribute('select');
+          return select && select.match(/[[.]+/);
+        },
+
+        _cleanup: function() {
+          var root = this.domApi.getOwnerRoot();
+          var host = root && root.host;
+          if (host) {
+            Polymer.dom(host).unobserveNodes(this._observer);
+          }
+          this._observer = null;
+        }
+
+      });
+    
+    }
+
+})();
+
 </script>
\ No newline at end of file
diff --git a/src/lib/dom-api-event.html b/src/lib/dom-api-event.html
index a85aeced16..7047907776 100644
--- a/src/lib/dom-api-event.html
+++ b/src/lib/dom-api-event.html
@@ -1,111 +1,111 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="settings.html">
-<script>
-Polymer.EventApi = (function() {
-  'use strict';
-
-  var DomApi = Polymer.DomApi.ctor;
-  var Settings = Polymer.Settings;
-
-
-  /**
-   * DomApi.Event allows maniuplation of events compatible with
-   * the scoping concepts in Shadow DOM and compatible with both Shady DOM
-   * and Shadow DOM. The general usage is
-   * `Polymer.dom(event).property`. The `path` property returns `event.path`
-   * matching Shadow DOM. The `rootTarget` property returns the first node
-   * in the `path` and is the original event target. The `localTarget` property
-   * matches event.target under Shadow DOM and is the scoped event target.
-   */
-  DomApi.Event = function(event) {
-    this.event = event;
-  };
-
-  if (Settings.useShadow) {
-
-    DomApi.Event.prototype = {
-
-      get rootTarget() {
-        return this.event.path[0];
-      },
-
-      get localTarget() {
-        return this.event.target;
-      },
-
-      get path() {
-        return this.event.path;
-      }
-
-    };
-
-  } else {
-
-    DomApi.Event.prototype = {
-
-      get rootTarget() {
-        return this.event.target;
-      },
-
-      get localTarget() {
-        var current = this.event.currentTarget;
-        var currentRoot = current && Polymer.dom(current).getOwnerRoot();
-        var p$ = this.path;
-        for (var i=0; i < p$.length; i++) {
-          if (Polymer.dom(p$[i]).getOwnerRoot() === currentRoot) {
-            return p$[i];
-          }
-        }
-      },
-
-      // TODO(sorvell): simulate event.path. This probably incorrect for
-      // non-bubbling events.
-      get path() {
-        if (!this.event._path) {
-          var path = [];
-          var current = this.rootTarget;
-          while (current) {
-            path.push(current);
-            var insertionPoints = Polymer.dom(current).getDestinationInsertionPoints();
-            if (insertionPoints.length) {
-              for (var i = 0; i < insertionPoints.length - 1; i++) {
-                path.push(insertionPoints[i]);
-              }
-              current = insertionPoints[insertionPoints.length - 1];
-            } else {
-              current = Polymer.dom(current).parentNode || current.host;
-            }
-          }
-          // event path includes window in most recent native implementations
-          path.push(window);
-          this.event._path = path;
-        }
-        return this.event._path;
-      }
-
-    };
-
-  }
-
-  var factory = function(event) {
-    if (!event.__eventApi) {
-      event.__eventApi = new DomApi.Event(event);
-    }
-    return event.__eventApi;
-  };
-
-  return {
-    factory: factory
-  };
-
-})();
-
-</script>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="settings.html">
+<script>
+Polymer.EventApi = (function() {
+  'use strict';
+
+  var DomApi = Polymer.DomApi.ctor;
+  var Settings = Polymer.Settings;
+
+
+  /**
+   * DomApi.Event allows maniuplation of events compatible with
+   * the scoping concepts in Shadow DOM and compatible with both Shady DOM
+   * and Shadow DOM. The general usage is
+   * `Polymer.dom(event).property`. The `path` property returns `event.path`
+   * matching Shadow DOM. The `rootTarget` property returns the first node
+   * in the `path` and is the original event target. The `localTarget` property
+   * matches event.target under Shadow DOM and is the scoped event target.
+   */
+  DomApi.Event = function(event) {
+    this.event = event;
+  };
+
+  if (Settings.useShadow) {
+
+    DomApi.Event.prototype = {
+
+      get rootTarget() {
+        return this.event.path[0];
+      },
+
+      get localTarget() {
+        return this.event.target;
+      },
+
+      get path() {
+        return this.event.path;
+      }
+
+    };
+
+  } else {
+
+    DomApi.Event.prototype = {
+
+      get rootTarget() {
+        return this.event.target;
+      },
+
+      get localTarget() {
+        var current = this.event.currentTarget;
+        var currentRoot = current && Polymer.dom(current).getOwnerRoot();
+        var p$ = this.path;
+        for (var i=0; i < p$.length; i++) {
+          if (Polymer.dom(p$[i]).getOwnerRoot() === currentRoot) {
+            return p$[i];
+          }
+        }
+      },
+
+      // TODO(sorvell): simulate event.path. This probably incorrect for
+      // non-bubbling events.
+      get path() {
+        if (!this.event._path) {
+          var path = [];
+          var current = this.rootTarget;
+          while (current) {
+            path.push(current);
+            var insertionPoints = Polymer.dom(current).getDestinationInsertionPoints();
+            if (insertionPoints.length) {
+              for (var i = 0; i < insertionPoints.length - 1; i++) {
+                path.push(insertionPoints[i]);
+              }
+              current = insertionPoints[insertionPoints.length - 1];
+            } else {
+              current = Polymer.dom(current).parentNode || current.host;
+            }
+          }
+          // event path includes window in most recent native implementations
+          path.push(window);
+          this.event._path = path;
+        }
+        return this.event._path;
+      }
+
+    };
+
+  }
+
+  var factory = function(event) {
+    if (!event.__eventApi) {
+      event.__eventApi = new DomApi.Event(event);
+    }
+    return event.__eventApi;
+  };
+
+  return {
+    factory: factory
+  };
+
+})();
+
+</script>
diff --git a/src/lib/dom-api-flush.html b/src/lib/dom-api-flush.html
index a198311f7c..89798f1cd2 100644
--- a/src/lib/dom-api-flush.html
+++ b/src/lib/dom-api-flush.html
@@ -1,91 +1,91 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script>
-
-  /**
-   * `Polymer.dom.flush()` causes any asynchronously queued actions to be
-   * flushed synchronously. It should be used sparingly as calling it frequently
-   * can negatively impact performance since work is often deferred for
-   * efficiency. Calling `Polymer.dom.flush()` is useful, for example, when
-   * an element has to measure itself and is unsure about the state of its
-   * internal or compoased DOM.
-   */
-  Polymer.Base.extend(Polymer.dom, {
-
-    _flushGuard: 0,
-    _FLUSH_MAX: 100,
-    _needsTakeRecords: !Polymer.Settings.useNativeCustomElements,
-    _debouncers: [],
-    _staticFlushList: [],
-    _finishDebouncer: null,
-
-    // flush and debounce exposed as statics on Polymer.dom
-    flush: function() {
-      this._flushGuard = 0;
-      this._prepareFlush();
-      while (this._debouncers.length && this._flushGuard < this._FLUSH_MAX) {
-        // Avoid using an index in this loop to ensure flush is safe to be
-        // called reentrantly from a debouncer callback being flushed
-        while (this._debouncers.length) {
-          this._debouncers.shift().complete();
-        }
-        // clear the list of debouncers
-        if (this._finishDebouncer) {
-          this._finishDebouncer.complete();
-        }
-        this._prepareFlush();
-        this._flushGuard++;
-      }
-      if (this._flushGuard >= this._FLUSH_MAX) {
-        console.warn('Polymer.dom.flush aborted. Flush may not be complete.')
-      }
-    },
-
-    _prepareFlush: function() {
-      // TODO(sorvell): There is currently not a good way
-      // to process all custom elements mutations under SD polyfill because
-      // these mutations may be inside shadowRoots.
-      // again make any pending CE mutations that might trigger debouncer
-      // additions go...
-      if (this._needsTakeRecords) {
-        CustomElements.takeRecords();
-      }
-      for (var i=0; i < this._staticFlushList.length; i++) {
-        this._staticFlushList[i]();
-      }
-    },
-
-    // add to the static list of methods to call when flushing
-    addStaticFlush: function(fn) {
-      this._staticFlushList.push(fn);
-    },
-
-    // remove a function from the static list of methods to call when flushing
-    removeStaticFlush: function(fn) {
-      var i = this._staticFlushList.indexOf(fn);
-      if (i >= 0) {
-        this._staticFlushList.splice(i, 1);
-      }
-    },
-
-    addDebouncer: function(debouncer) {
-      this._debouncers.push(debouncer);
-      // ensure the list of active debouncers is cleared when done.
-      this._finishDebouncer = Polymer.Debounce(this._finishDebouncer,
-        this._finishFlush);
-    },
-
-    _finishFlush: function() {
-      Polymer.dom._debouncers = [];
-    }
-
-  });
-
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+  /**
+   * `Polymer.dom.flush()` causes any asynchronously queued actions to be
+   * flushed synchronously. It should be used sparingly as calling it frequently
+   * can negatively impact performance since work is often deferred for
+   * efficiency. Calling `Polymer.dom.flush()` is useful, for example, when
+   * an element has to measure itself and is unsure about the state of its
+   * internal or compoased DOM.
+   */
+  Polymer.Base.extend(Polymer.dom, {
+
+    _flushGuard: 0,
+    _FLUSH_MAX: 100,
+    _needsTakeRecords: !Polymer.Settings.useNativeCustomElements,
+    _debouncers: [],
+    _staticFlushList: [],
+    _finishDebouncer: null,
+
+    // flush and debounce exposed as statics on Polymer.dom
+    flush: function() {
+      this._flushGuard = 0;
+      this._prepareFlush();
+      while (this._debouncers.length && this._flushGuard < this._FLUSH_MAX) {
+        // Avoid using an index in this loop to ensure flush is safe to be
+        // called reentrantly from a debouncer callback being flushed
+        while (this._debouncers.length) {
+          this._debouncers.shift().complete();
+        }
+        // clear the list of debouncers
+        if (this._finishDebouncer) {
+          this._finishDebouncer.complete();
+        }
+        this._prepareFlush();
+        this._flushGuard++;
+      }
+      if (this._flushGuard >= this._FLUSH_MAX) {
+        console.warn('Polymer.dom.flush aborted. Flush may not be complete.')
+      }
+    },
+
+    _prepareFlush: function() {
+      // TODO(sorvell): There is currently not a good way
+      // to process all custom elements mutations under SD polyfill because
+      // these mutations may be inside shadowRoots.
+      // again make any pending CE mutations that might trigger debouncer
+      // additions go...
+      if (this._needsTakeRecords) {
+        CustomElements.takeRecords();
+      }
+      for (var i=0; i < this._staticFlushList.length; i++) {
+        this._staticFlushList[i]();
+      }
+    },
+
+    // add to the static list of methods to call when flushing
+    addStaticFlush: function(fn) {
+      this._staticFlushList.push(fn);
+    },
+
+    // remove a function from the static list of methods to call when flushing
+    removeStaticFlush: function(fn) {
+      var i = this._staticFlushList.indexOf(fn);
+      if (i >= 0) {
+        this._staticFlushList.splice(i, 1);
+      }
+    },
+
+    addDebouncer: function(debouncer) {
+      this._debouncers.push(debouncer);
+      // ensure the list of active debouncers is cleared when done.
+      this._finishDebouncer = Polymer.Debounce(this._finishDebouncer,
+        this._finishFlush);
+    },
+
+    _finishFlush: function() {
+      Polymer.dom._debouncers = [];
+    }
+
+  });
+
 </script>
\ No newline at end of file
diff --git a/src/lib/resolve-url.html b/src/lib/resolve-url.html
index 5ffa594f5e..6f365f5454 100644
--- a/src/lib/resolve-url.html
+++ b/src/lib/resolve-url.html
@@ -1,86 +1,86 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script>
-
-  (function() {
-
-    // path fixup for urls in cssText that's expected to 
-    // come from a given ownerDocument
-    function resolveCss(cssText, ownerDocument) {
-      return cssText.replace(CSS_URL_RX, function(m, pre, url, post) {
-        return pre + '\'' + 
-          resolve(url.replace(/["']/g, ''), ownerDocument) + 
-          '\'' + post;
-      });
-    }
-
-    // url fixup for urls in an element's attributes made relative to 
-    // ownerDoc's base url
-    function resolveAttrs(element, ownerDocument) {
-      for (var name in URL_ATTRS) {
-        var a$ = URL_ATTRS[name];
-        for (var i=0, l=a$.length, a, at, v; (i<l) && (a=a$[i]); i++) {
-          if (name === '*' || element.localName === name) {
-            at = element.attributes[a];
-            v = at && at.value;
-            if (v && (v.search(BINDING_RX) < 0)) {
-              at.value = (a === 'style') ?
-                resolveCss(v, ownerDocument) :
-                resolve(v, ownerDocument);
-            }
-          }
-        }
-      }
-    }
-
-    function resolve(url, ownerDocument) {
-      // do not resolve '#' links, they are used for routing
-      if (url && url[0] === '#') {
-        return url;
-      }      
-      var resolver = getUrlResolver(ownerDocument);
-      resolver.href = url;
-      return resolver.href || url;
-    }
-
-    var tempDoc;
-    var tempDocBase;
-    function resolveUrl(url, baseUri) {
-      if (!tempDoc) {
-        tempDoc = document.implementation.createHTMLDocument('temp');
-        tempDocBase = tempDoc.createElement('base');
-        tempDoc.head.appendChild(tempDocBase);
-      }
-      tempDocBase.href = baseUri;
-      return resolve(url, tempDoc);
-    }
-
-    function getUrlResolver(ownerDocument) {
-      return ownerDocument.__urlResolver || 
-        (ownerDocument.__urlResolver = ownerDocument.createElement('a'));
-    }
-
-    var CSS_URL_RX = /(url\()([^)]*)(\))/g;
-    var URL_ATTRS = {
-      '*': ['href', 'src', 'style', 'url'],
-      form: ['action']
-    };
-    var BINDING_RX = /\{\{|\[\[/;
-
-    // exports
-    Polymer.ResolveUrl = {
-      resolveCss: resolveCss,
-      resolveAttrs: resolveAttrs,
-      resolveUrl: resolveUrl
-    };
-
-  })();
-
-</script>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+  (function() {
+
+    // path fixup for urls in cssText that's expected to 
+    // come from a given ownerDocument
+    function resolveCss(cssText, ownerDocument) {
+      return cssText.replace(CSS_URL_RX, function(m, pre, url, post) {
+        return pre + '\'' + 
+          resolve(url.replace(/["']/g, ''), ownerDocument) + 
+          '\'' + post;
+      });
+    }
+
+    // url fixup for urls in an element's attributes made relative to 
+    // ownerDoc's base url
+    function resolveAttrs(element, ownerDocument) {
+      for (var name in URL_ATTRS) {
+        var a$ = URL_ATTRS[name];
+        for (var i=0, l=a$.length, a, at, v; (i<l) && (a=a$[i]); i++) {
+          if (name === '*' || element.localName === name) {
+            at = element.attributes[a];
+            v = at && at.value;
+            if (v && (v.search(BINDING_RX) < 0)) {
+              at.value = (a === 'style') ?
+                resolveCss(v, ownerDocument) :
+                resolve(v, ownerDocument);
+            }
+          }
+        }
+      }
+    }
+
+    function resolve(url, ownerDocument) {
+      // do not resolve '#' links, they are used for routing
+      if (url && url[0] === '#') {
+        return url;
+      }      
+      var resolver = getUrlResolver(ownerDocument);
+      resolver.href = url;
+      return resolver.href || url;
+    }
+
+    var tempDoc;
+    var tempDocBase;
+    function resolveUrl(url, baseUri) {
+      if (!tempDoc) {
+        tempDoc = document.implementation.createHTMLDocument('temp');
+        tempDocBase = tempDoc.createElement('base');
+        tempDoc.head.appendChild(tempDocBase);
+      }
+      tempDocBase.href = baseUri;
+      return resolve(url, tempDoc);
+    }
+
+    function getUrlResolver(ownerDocument) {
+      return ownerDocument.__urlResolver || 
+        (ownerDocument.__urlResolver = ownerDocument.createElement('a'));
+    }
+
+    var CSS_URL_RX = /(url\()([^)]*)(\))/g;
+    var URL_ATTRS = {
+      '*': ['href', 'src', 'style', 'url'],
+      form: ['action']
+    };
+    var BINDING_RX = /\{\{|\[\[/;
+
+    // exports
+    Polymer.ResolveUrl = {
+      resolveCss: resolveCss,
+      resolveAttrs: resolveAttrs,
+      resolveUrl: resolveUrl
+    };
+
+  })();
+
+</script>
diff --git a/src/lib/style-cache.html b/src/lib/style-cache.html
index 8b2f1ff67e..268f7164ad 100644
--- a/src/lib/style-cache.html
+++ b/src/lib/style-cache.html
@@ -1,75 +1,75 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script>
-(function() {
-
-  Polymer.StyleCache = function() {
-    this.cache = {};
-  };
-
-  Polymer.StyleCache.prototype = {
-    
-    MAX: 100,
-
-    store: function(is, data, keyValues, keyStyles) {
-      data.keyValues = keyValues;
-      data.styles = keyStyles;
-      var s$ = this.cache[is] = this.cache[is] || [];
-      s$.push(data);
-      if (s$.length > this.MAX) {
-        s$.shift();
-      }
-    },
-
-    retrieve: function(is, keyValues, keyStyles) {
-      var cache = this.cache[is];
-      if (cache) {
-        // look through cache backwards as most recent push is last.
-        for (var i=cache.length-1, data; i >= 0; i--) {
-          data = cache[i];
-          if (keyStyles === data.styles &&
-              this._objectsEqual(keyValues, data.keyValues)) {
-            return data;
-          }
-        }
-      }
-    },
-
-    clear: function() {
-      this.cache = {};
-    },
-
-    // note, this is intentially limited to support just the cases we need
-    // right now. The objects we're checking here are either objects that must 
-    // always have the same keys OR arrays.
-    _objectsEqual: function(target, source) {
-      var t, s;
-      for (var i in target) {
-        t = target[i], s = source[i];
-        if (!(typeof t === 'object' && t ? this._objectsStrictlyEqual(t, s) : 
-            t === s)) {
-          return false;
-        }
-      }
-      if (Array.isArray(target)) {
-        return target.length === source.length;
-      }
-      return true;
-    },
-
-    _objectsStrictlyEqual: function(target, source) {
-      return this._objectsEqual(target, source) && 
-        this._objectsEqual(source, target);
-    }
-
-  };
-
-})();
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+(function() {
+
+  Polymer.StyleCache = function() {
+    this.cache = {};
+  };
+
+  Polymer.StyleCache.prototype = {
+    
+    MAX: 100,
+
+    store: function(is, data, keyValues, keyStyles) {
+      data.keyValues = keyValues;
+      data.styles = keyStyles;
+      var s$ = this.cache[is] = this.cache[is] || [];
+      s$.push(data);
+      if (s$.length > this.MAX) {
+        s$.shift();
+      }
+    },
+
+    retrieve: function(is, keyValues, keyStyles) {
+      var cache = this.cache[is];
+      if (cache) {
+        // look through cache backwards as most recent push is last.
+        for (var i=cache.length-1, data; i >= 0; i--) {
+          data = cache[i];
+          if (keyStyles === data.styles &&
+              this._objectsEqual(keyValues, data.keyValues)) {
+            return data;
+          }
+        }
+      }
+    },
+
+    clear: function() {
+      this.cache = {};
+    },
+
+    // note, this is intentially limited to support just the cases we need
+    // right now. The objects we're checking here are either objects that must 
+    // always have the same keys OR arrays.
+    _objectsEqual: function(target, source) {
+      var t, s;
+      for (var i in target) {
+        t = target[i], s = source[i];
+        if (!(typeof t === 'object' && t ? this._objectsStrictlyEqual(t, s) : 
+            t === s)) {
+          return false;
+        }
+      }
+      if (Array.isArray(target)) {
+        return target.length === source.length;
+      }
+      return true;
+    },
+
+    _objectsStrictlyEqual: function(target, source) {
+      return this._objectsEqual(target, source) && 
+        this._objectsEqual(source, target);
+    }
+
+  };
+
+})();
 </script>
\ No newline at end of file
diff --git a/src/lib/style-util.html b/src/lib/style-util.html
index 1886eeedbc..4b93a6b22f 100644
--- a/src/lib/style-util.html
+++ b/src/lib/style-util.html
@@ -1,162 +1,162 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-
-<link rel="import" href="css-parse.html">
-
-<script>
-
-  Polymer.StyleUtil = (function() {
-
-    return {
-
-      MODULE_STYLES_SELECTOR: 'style, link[rel=import][type~=css], template',
-      INCLUDE_ATTR: 'include',
-
-      toCssText: function(rules, callback, preserveProperties) {
-        if (typeof rules === 'string') {
-          rules = this.parser.parse(rules);
-        }
-        if (callback) {
-          this.forEachRule(rules, callback);
-        }
-        return this.parser.stringify(rules, preserveProperties);
-      },
-
-      forRulesInStyles: function(styles, styleRuleCallback, keyframesRuleCallback) {
-        if (styles) {
-          for (var i=0, l=styles.length, s; (i<l) && (s=styles[i]); i++) {
-            this.forEachRule(
-                this.rulesForStyle(s),
-                styleRuleCallback,
-                keyframesRuleCallback);
-          }
-        }
-      },
-
-      rulesForStyle: function(style) {
-        if (!style.__cssRules && style.textContent) {
-          style.__cssRules =  this.parser.parse(style.textContent);
-        }
-        return style.__cssRules;
-      },
-
-      // Tests if a rule is a keyframes selector, which looks almost exactly
-      // like a normal selector but is not (it has nothing to do with scoping
-      // for example).
-      isKeyframesSelector: function(rule) {
-        return rule.parent &&
-            rule.parent.type === this.ruleTypes.KEYFRAMES_RULE;
-      },
-
-      forEachRule: function(node, styleRuleCallback, keyframesRuleCallback) {
-        if (!node) {
-          return;
-        }
-        var skipRules = false;
-        if (node.type === this.ruleTypes.STYLE_RULE) {
-          styleRuleCallback(node);
-        } else if (keyframesRuleCallback &&
-                   node.type === this.ruleTypes.KEYFRAMES_RULE) {
-          keyframesRuleCallback(node);
-        } else if (node.type === this.ruleTypes.MIXIN_RULE) {
-          skipRules = true;
-        }
-        var r$ = node.rules;
-        if (r$ && !skipRules) {
-          for (var i=0, l=r$.length, r; (i<l) && (r=r$[i]); i++) {
-            this.forEachRule(r, styleRuleCallback, keyframesRuleCallback);
-          }
-        }
-      },
-
-      // add a string of cssText to the document.
-      applyCss: function(cssText, moniker, target, afterNode) {
-        var style = document.createElement('style');
-        if (moniker) {
-          style.setAttribute('scope', moniker);
-        }
-        style.textContent = cssText;
-        target = target || document.head;
-        if (!afterNode) {
-          var n$ = target.querySelectorAll('style[scope]');
-          afterNode = n$[n$.length-1];
-        }
-        target.insertBefore(style,
-          (afterNode && afterNode.nextSibling) || target.firstChild);
-        return style;
-      },
-
-      cssFromModules: function(moduleIds, warnIfNotFound) {
-        var modules = moduleIds.trim().split(' ');
-        var cssText = '';
-        for (var i=0; i < modules.length; i++) {
-          cssText += this.cssFromModule(modules[i], warnIfNotFound);
-        }
-        return cssText;
-      },
-
-      // returns cssText of styles in a given module; also un-applies any
-      // styles that apply to the document.
-      cssFromModule: function(moduleId, warnIfNotFound) {
-        var m = Polymer.DomModule.import(moduleId);
-        if (m && !m._cssText) {
-          m._cssText = this.cssFromElement(m);
-        }
-        if (!m && warnIfNotFound) {
-          console.warn('Could not find style data in module named', moduleId);
-        }
-        return m && m._cssText || '';
-      },
-
-      // support lots of ways to discover css...
-      cssFromElement: function(element) {
-        var cssText = '';
-        // if element is a template, get content from its .content
-        var content = element.content || element;
-        var e$ = Polymer.TreeApi.arrayCopy(
-          content.querySelectorAll(this.MODULE_STYLES_SELECTOR));
-        for (var i=0, e; i < e$.length; i++) {
-          e = e$[i];
-          // look inside templates for elements
-          if (e.localName === 'template') {
-            cssText += this.cssFromElement(e);
-          } else {
-            // style elements inside dom-modules will apply to the main document
-            // we don't want this, so we remove them here.
-            if (e.localName === 'style') {
-              var include = e.getAttribute(this.INCLUDE_ATTR);
-              // now support module refs on 'styling' elements
-              if (include) {
-                cssText += this.cssFromModules(include, true);
-              }
-              // get style element applied to main doc via HTMLImports polyfill
-              e = e.__appliedElement || e;
-              e.parentNode.removeChild(e);
-              cssText += this.resolveCss(e.textContent, element.ownerDocument);
-            // it's an import, assume this is a text file of css content.
-            // TODO(sorvell): plan is to deprecate this way to get styles;
-            // remember to add deprecation warning when this is done.
-            } else if (e.import && e.import.body) {
-              cssText += this.resolveCss(e.import.body.textContent, e.import);
-            }
-          }
-        }
-        return cssText;
-      },
-
-      resolveCss: Polymer.ResolveUrl.resolveCss,
-      parser: Polymer.CssParse,
-      ruleTypes: Polymer.CssParse.types
-
-    };
-
-  })();
-
-</script>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<link rel="import" href="css-parse.html">
+
+<script>
+
+  Polymer.StyleUtil = (function() {
+
+    return {
+
+      MODULE_STYLES_SELECTOR: 'style, link[rel=import][type~=css], template',
+      INCLUDE_ATTR: 'include',
+
+      toCssText: function(rules, callback, preserveProperties) {
+        if (typeof rules === 'string') {
+          rules = this.parser.parse(rules);
+        }
+        if (callback) {
+          this.forEachRule(rules, callback);
+        }
+        return this.parser.stringify(rules, preserveProperties);
+      },
+
+      forRulesInStyles: function(styles, styleRuleCallback, keyframesRuleCallback) {
+        if (styles) {
+          for (var i=0, l=styles.length, s; (i<l) && (s=styles[i]); i++) {
+            this.forEachRule(
+                this.rulesForStyle(s),
+                styleRuleCallback,
+                keyframesRuleCallback);
+          }
+        }
+      },
+
+      rulesForStyle: function(style) {
+        if (!style.__cssRules && style.textContent) {
+          style.__cssRules =  this.parser.parse(style.textContent);
+        }
+        return style.__cssRules;
+      },
+
+      // Tests if a rule is a keyframes selector, which looks almost exactly
+      // like a normal selector but is not (it has nothing to do with scoping
+      // for example).
+      isKeyframesSelector: function(rule) {
+        return rule.parent &&
+            rule.parent.type === this.ruleTypes.KEYFRAMES_RULE;
+      },
+
+      forEachRule: function(node, styleRuleCallback, keyframesRuleCallback) {
+        if (!node) {
+          return;
+        }
+        var skipRules = false;
+        if (node.type === this.ruleTypes.STYLE_RULE) {
+          styleRuleCallback(node);
+        } else if (keyframesRuleCallback &&
+                   node.type === this.ruleTypes.KEYFRAMES_RULE) {
+          keyframesRuleCallback(node);
+        } else if (node.type === this.ruleTypes.MIXIN_RULE) {
+          skipRules = true;
+        }
+        var r$ = node.rules;
+        if (r$ && !skipRules) {
+          for (var i=0, l=r$.length, r; (i<l) && (r=r$[i]); i++) {
+            this.forEachRule(r, styleRuleCallback, keyframesRuleCallback);
+          }
+        }
+      },
+
+      // add a string of cssText to the document.
+      applyCss: function(cssText, moniker, target, afterNode) {
+        var style = document.createElement('style');
+        if (moniker) {
+          style.setAttribute('scope', moniker);
+        }
+        style.textContent = cssText;
+        target = target || document.head;
+        if (!afterNode) {
+          var n$ = target.querySelectorAll('style[scope]');
+          afterNode = n$[n$.length-1];
+        }
+        target.insertBefore(style,
+          (afterNode && afterNode.nextSibling) || target.firstChild);
+        return style;
+      },
+
+      cssFromModules: function(moduleIds, warnIfNotFound) {
+        var modules = moduleIds.trim().split(' ');
+        var cssText = '';
+        for (var i=0; i < modules.length; i++) {
+          cssText += this.cssFromModule(modules[i], warnIfNotFound);
+        }
+        return cssText;
+      },
+
+      // returns cssText of styles in a given module; also un-applies any
+      // styles that apply to the document.
+      cssFromModule: function(moduleId, warnIfNotFound) {
+        var m = Polymer.DomModule.import(moduleId);
+        if (m && !m._cssText) {
+          m._cssText = this.cssFromElement(m);
+        }
+        if (!m && warnIfNotFound) {
+          console.warn('Could not find style data in module named', moduleId);
+        }
+        return m && m._cssText || '';
+      },
+
+      // support lots of ways to discover css...
+      cssFromElement: function(element) {
+        var cssText = '';
+        // if element is a template, get content from its .content
+        var content = element.content || element;
+        var e$ = Polymer.TreeApi.arrayCopy(
+          content.querySelectorAll(this.MODULE_STYLES_SELECTOR));
+        for (var i=0, e; i < e$.length; i++) {
+          e = e$[i];
+          // look inside templates for elements
+          if (e.localName === 'template') {
+            cssText += this.cssFromElement(e);
+          } else {
+            // style elements inside dom-modules will apply to the main document
+            // we don't want this, so we remove them here.
+            if (e.localName === 'style') {
+              var include = e.getAttribute(this.INCLUDE_ATTR);
+              // now support module refs on 'styling' elements
+              if (include) {
+                cssText += this.cssFromModules(include, true);
+              }
+              // get style element applied to main doc via HTMLImports polyfill
+              e = e.__appliedElement || e;
+              e.parentNode.removeChild(e);
+              cssText += this.resolveCss(e.textContent, element.ownerDocument);
+            // it's an import, assume this is a text file of css content.
+            // TODO(sorvell): plan is to deprecate this way to get styles;
+            // remember to add deprecation warning when this is done.
+            } else if (e.import && e.import.body) {
+              cssText += this.resolveCss(e.import.body.textContent, e.import);
+            }
+          }
+        }
+        return cssText;
+      },
+
+      resolveCss: Polymer.ResolveUrl.resolveCss,
+      parser: Polymer.CssParse,
+      ruleTypes: Polymer.CssParse.types
+
+    };
+
+  })();
+
+</script>
diff --git a/src/mini/debouncer.html b/src/mini/debouncer.html
index 493953bcb2..44ef513692 100644
--- a/src/mini/debouncer.html
+++ b/src/mini/debouncer.html
@@ -1,86 +1,86 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../lib/async.html">
-<link rel="import" href="../lib/debounce.html">
-
-<script>
-
-  Polymer.Base._addFeature({
-
-    _setupDebouncers: function() {
-      this._debouncers = {};
-    },
-
-    /**
-     * Call `debounce` to collapse multiple requests for a named task into
-     * one invocation which is made after the wait time has elapsed with
-     * no new request.  If no wait time is given, the callback will be called
-     * at microtask timing (guaranteed before paint).
-     *
-     *     debouncedClickAction: function(e) {
-     *       // will not call `processClick` more than once per 100ms
-     *       this.debounce('click', function() {
-     *        this.processClick();
-     *       }, 100);
-     *     }
-     *
-     * @method debounce
-     * @param {String} jobName String to indentify the debounce job.
-     * @param {Function} callback Function that is called (with `this`
-     *   context) when the wait time elapses.
-     * @param {number} wait Optional wait time in milliseconds (ms) after the
-     *   last signal that must elapse before invoking `callback`
-     */
-    debounce: function(jobName, callback, wait) {
-      return this._debouncers[jobName] = Polymer.Debounce.call(this,
-        this._debouncers[jobName], callback, wait);
-    },
-
-    /**
-     * Returns whether a named debouncer is active.
-     *
-     * @method isDebouncerActive
-     * @param {String} jobName The name of the debouncer started with `debounce`
-     * @return {boolean} Whether the debouncer is active (has not yet fired).
-     */
-    isDebouncerActive: function(jobName) {
-      var debouncer = this._debouncers[jobName];
-      return !!(debouncer && debouncer.finish);
-    },
-
-    /**
-     * Immediately calls the debouncer `callback` and inactivates it.
-     *
-     * @method flushDebouncer
-     * @param {String} jobName The name of the debouncer started with `debounce`
-     */
-    flushDebouncer: function(jobName) {
-      var debouncer = this._debouncers[jobName];
-      if (debouncer) {
-        debouncer.complete();
-      }
-    },
-
-    /**
-     * Cancels an active debouncer.  The `callback` will not be called.
-     *
-     * @method cancelDebouncer
-     * @param {String} jobName The name of the debouncer started with `debounce`
-     */
-    cancelDebouncer: function(jobName) {
-      var debouncer = this._debouncers[jobName];
-      if (debouncer) {
-        debouncer.stop();
-      }
-    }
-
-  });
-
-</script>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../lib/async.html">
+<link rel="import" href="../lib/debounce.html">
+
+<script>
+
+  Polymer.Base._addFeature({
+
+    _setupDebouncers: function() {
+      this._debouncers = {};
+    },
+
+    /**
+     * Call `debounce` to collapse multiple requests for a named task into
+     * one invocation which is made after the wait time has elapsed with
+     * no new request.  If no wait time is given, the callback will be called
+     * at microtask timing (guaranteed before paint).
+     *
+     *     debouncedClickAction: function(e) {
+     *       // will not call `processClick` more than once per 100ms
+     *       this.debounce('click', function() {
+     *        this.processClick();
+     *       }, 100);
+     *     }
+     *
+     * @method debounce
+     * @param {String} jobName String to indentify the debounce job.
+     * @param {Function} callback Function that is called (with `this`
+     *   context) when the wait time elapses.
+     * @param {number} wait Optional wait time in milliseconds (ms) after the
+     *   last signal that must elapse before invoking `callback`
+     */
+    debounce: function(jobName, callback, wait) {
+      return this._debouncers[jobName] = Polymer.Debounce.call(this,
+        this._debouncers[jobName], callback, wait);
+    },
+
+    /**
+     * Returns whether a named debouncer is active.
+     *
+     * @method isDebouncerActive
+     * @param {String} jobName The name of the debouncer started with `debounce`
+     * @return {boolean} Whether the debouncer is active (has not yet fired).
+     */
+    isDebouncerActive: function(jobName) {
+      var debouncer = this._debouncers[jobName];
+      return !!(debouncer && debouncer.finish);
+    },
+
+    /**
+     * Immediately calls the debouncer `callback` and inactivates it.
+     *
+     * @method flushDebouncer
+     * @param {String} jobName The name of the debouncer started with `debounce`
+     */
+    flushDebouncer: function(jobName) {
+      var debouncer = this._debouncers[jobName];
+      if (debouncer) {
+        debouncer.complete();
+      }
+    },
+
+    /**
+     * Cancels an active debouncer.  The `callback` will not be called.
+     *
+     * @method cancelDebouncer
+     * @param {String} jobName The name of the debouncer started with `debounce`
+     */
+    cancelDebouncer: function(jobName) {
+      var debouncer = this._debouncers[jobName];
+      if (debouncer) {
+        debouncer.stop();
+      }
+    }
+
+  });
+
+</script>
diff --git a/src/mini/ready.html b/src/mini/ready.html
index 13b1ebaa2f..1129afb4dc 100644
--- a/src/mini/ready.html
+++ b/src/mini/ready.html
@@ -1,174 +1,174 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script>
-
-  /**
-   * Provides `ready` lifecycle callback which is called parent to child.
-   *
-   * This can be useful in a number of cases. Here are some examples:
-   *
-   * Setting a default property value that should have a side effect: To ensure
-   * the side effect, an element must set a default value no sooner than
-   * `created`; however, since `created` flows child to host, this is before the
-   * host has had a chance to set a property value on the child. The `ready`
-   * method solves this problem since it's called host to child.
-   *
-   * Dom distribution: To support reprojection efficiently, it's important to
-   * distribute from host to child in one shot. The `attachedCallback` mostly
-   * goes in the desired order except for elements that are in dom to start; in
-   * this case, all children are attached before the host element. Ready also
-   * addresses this case since it's guaranteed to be called host to child.
-   *
-   * @class standard feature: ready
-   */
-
-(function() {
-
-  var baseAttachedCallback = Polymer.Base.attachedCallback;
-
-  Polymer.Base._addFeature({
-
-    _hostStack: [],
-
-    /**
-     * Lifecycle callback invoked when all local DOM children of this element
-     * have been created and "configured" with data bound from this element,
-     * attribute values, or defaults.
-     *
-     * @method ready
-     */
-    ready: function() {
-    },
-
-    // NOTE: The concept of 'host' is overloaded. There are two different
-    // notions:
-    // 1. an element hosts the elements in its local dom root.
-    // 2. an element hosts the elements on which it configures data.
-    // Practially, these notions are almost always coincident.
-    // Some special elements like templates may separate them.
-    // In order not to over-emphaisize this technical difference, we expose
-    // one concept to the user and it maps to the dom-related meaning of host.
-    //
-    // set this element's `host` and push this element onto the `host`'s
-    // list of `client` elements
-    // this.dataHost reflects the parent element who manages
-    // any bindings for the element.  Only elements originally
-    // stamped from Polymer templates have a dataHost, and this
-    // never changes
-    _registerHost: function(host) {
-      // NOTE: The `dataHost` of an element never changes.
-      this.dataHost = host = host || 
-        Polymer.Base._hostStack[Polymer.Base._hostStack.length-1];
-      if (host && host._clients) {
-        host._clients.push(this);
-      }
-      this._clients = null;
-      this._clientsReadied = false;
-    },
-
-    // establish this element as the current hosting element (allows
-    // any elements we stamp to easily set host to us).
-    _beginHosting: function() {
-      Polymer.Base._hostStack.push(this);
-      if (!this._clients) {
-        this._clients = [];
-      }
-    },
-
-    _endHosting: function() {
-      // this element is no longer the current hosting element
-      Polymer.Base._hostStack.pop();
-    },
-
-    _tryReady: function() {
-      this._readied = false;
-      if (this._canReady()) {
-        this._ready();
-      }
-    },
-
-    _canReady: function() {
-      return !this.dataHost || this.dataHost._clientsReadied;
-    },
-
-    _ready: function() {
-      // extension point
-      this._beforeClientsReady();
-      if (this._template) {
-        // prepare root
-        this._setupRoot();
-        this._readyClients();
-      }
-      this._clientsReadied = true;
-      this._clients = null;
-      // extension point
-      this._afterClientsReady();
-      this._readySelf();
-    },
-
-    _readyClients: function() {
-      // logically distribute self
-      this._beginDistribute();
-      // now fully prepare localChildren
-      var c$ = this._clients;
-      if (c$) {
-        for (var i=0, l= c$.length, c; (i<l) && (c=c$[i]); i++) {
-          c._ready();
-        }
-      }
-      // perform actual dom composition
-      this._finishDistribute();
-      // ensure elements are attached if they are in the dom at ready time
-      // helps normalize attached ordering between native and polyfill ce.
-      // TODO(sorvell): worth perf cost? ~6%
-      // if (!Polymer.Settings.useNativeCustomElements) {
-      //   CustomElements.takeRecords();
-      // }
-    },
-
-    // mark readied and call `ready`
-    // note: called localChildren -> host
-    _readySelf: function() {
-      this._doBehavior('ready');
-      this._readied = true;
-      if (this._attachedPending) {
-        this._attachedPending = false;
-        this.attachedCallback();
-      }
-    },
-
-    // for system overriding
-    _beforeClientsReady: function() {},
-    _afterClientsReady: function() {},
-    _beforeAttached: function() {},
-
-    /**
-     * Polymer library implementation of the Custom Elements `attachedCallback`.
-     *
-     * Note, users should not override `attachedCallback`, and instead should
-     * implement the `attached` method on Polymer elements to receive
-     * attached-time callbacks.
-     *
-     * @protected
-     */
-    attachedCallback: function() {
-      if (this._readied) {
-        this._beforeAttached();
-        baseAttachedCallback.call(this);
-      } else {
-        this._attachedPending = true;
-      }
-    }
-
-  });
-
-})();
-
-</script>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+  /**
+   * Provides `ready` lifecycle callback which is called parent to child.
+   *
+   * This can be useful in a number of cases. Here are some examples:
+   *
+   * Setting a default property value that should have a side effect: To ensure
+   * the side effect, an element must set a default value no sooner than
+   * `created`; however, since `created` flows child to host, this is before the
+   * host has had a chance to set a property value on the child. The `ready`
+   * method solves this problem since it's called host to child.
+   *
+   * Dom distribution: To support reprojection efficiently, it's important to
+   * distribute from host to child in one shot. The `attachedCallback` mostly
+   * goes in the desired order except for elements that are in dom to start; in
+   * this case, all children are attached before the host element. Ready also
+   * addresses this case since it's guaranteed to be called host to child.
+   *
+   * @class standard feature: ready
+   */
+
+(function() {
+
+  var baseAttachedCallback = Polymer.Base.attachedCallback;
+
+  Polymer.Base._addFeature({
+
+    _hostStack: [],
+
+    /**
+     * Lifecycle callback invoked when all local DOM children of this element
+     * have been created and "configured" with data bound from this element,
+     * attribute values, or defaults.
+     *
+     * @method ready
+     */
+    ready: function() {
+    },
+
+    // NOTE: The concept of 'host' is overloaded. There are two different
+    // notions:
+    // 1. an element hosts the elements in its local dom root.
+    // 2. an element hosts the elements on which it configures data.
+    // Practially, these notions are almost always coincident.
+    // Some special elements like templates may separate them.
+    // In order not to over-emphaisize this technical difference, we expose
+    // one concept to the user and it maps to the dom-related meaning of host.
+    //
+    // set this element's `host` and push this element onto the `host`'s
+    // list of `client` elements
+    // this.dataHost reflects the parent element who manages
+    // any bindings for the element.  Only elements originally
+    // stamped from Polymer templates have a dataHost, and this
+    // never changes
+    _registerHost: function(host) {
+      // NOTE: The `dataHost` of an element never changes.
+      this.dataHost = host = host || 
+        Polymer.Base._hostStack[Polymer.Base._hostStack.length-1];
+      if (host && host._clients) {
+        host._clients.push(this);
+      }
+      this._clients = null;
+      this._clientsReadied = false;
+    },
+
+    // establish this element as the current hosting element (allows
+    // any elements we stamp to easily set host to us).
+    _beginHosting: function() {
+      Polymer.Base._hostStack.push(this);
+      if (!this._clients) {
+        this._clients = [];
+      }
+    },
+
+    _endHosting: function() {
+      // this element is no longer the current hosting element
+      Polymer.Base._hostStack.pop();
+    },
+
+    _tryReady: function() {
+      this._readied = false;
+      if (this._canReady()) {
+        this._ready();
+      }
+    },
+
+    _canReady: function() {
+      return !this.dataHost || this.dataHost._clientsReadied;
+    },
+
+    _ready: function() {
+      // extension point
+      this._beforeClientsReady();
+      if (this._template) {
+        // prepare root
+        this._setupRoot();
+        this._readyClients();
+      }
+      this._clientsReadied = true;
+      this._clients = null;
+      // extension point
+      this._afterClientsReady();
+      this._readySelf();
+    },
+
+    _readyClients: function() {
+      // logically distribute self
+      this._beginDistribute();
+      // now fully prepare localChildren
+      var c$ = this._clients;
+      if (c$) {
+        for (var i=0, l= c$.length, c; (i<l) && (c=c$[i]); i++) {
+          c._ready();
+        }
+      }
+      // perform actual dom composition
+      this._finishDistribute();
+      // ensure elements are attached if they are in the dom at ready time
+      // helps normalize attached ordering between native and polyfill ce.
+      // TODO(sorvell): worth perf cost? ~6%
+      // if (!Polymer.Settings.useNativeCustomElements) {
+      //   CustomElements.takeRecords();
+      // }
+    },
+
+    // mark readied and call `ready`
+    // note: called localChildren -> host
+    _readySelf: function() {
+      this._doBehavior('ready');
+      this._readied = true;
+      if (this._attachedPending) {
+        this._attachedPending = false;
+        this.attachedCallback();
+      }
+    },
+
+    // for system overriding
+    _beforeClientsReady: function() {},
+    _afterClientsReady: function() {},
+    _beforeAttached: function() {},
+
+    /**
+     * Polymer library implementation of the Custom Elements `attachedCallback`.
+     *
+     * Note, users should not override `attachedCallback`, and instead should
+     * implement the `attached` method on Polymer elements to receive
+     * attached-time callbacks.
+     *
+     * @protected
+     */
+    attachedCallback: function() {
+      if (this._readied) {
+        this._beforeAttached();
+        baseAttachedCallback.call(this);
+      } else {
+        this._attachedPending = true;
+      }
+    }
+
+  });
+
+})();
+
+</script>
diff --git a/test/assets/test-style-path.html b/test/assets/test-style-path.html
index a0d168e6bd..5839419f53 100644
--- a/test/assets/test-style-path.html
+++ b/test/assets/test-style-path.html
@@ -1,14 +1,14 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<style>
-  .beaker {
-    background-image: url('Beaker2.jpg');
-  }
-</style>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<style>
+  .beaker {
+    background-image: url('Beaker2.jpg');
+  }
+</style>
diff --git a/test/compat/polymer-smoke-elements.html b/test/compat/polymer-smoke-elements.html
index a73250d73c..adbc8058c6 100644
--- a/test/compat/polymer-smoke-elements.html
+++ b/test/compat/polymer-smoke-elements.html
@@ -1,323 +1,323 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../../polymer/polymer.html">
-
-<!--
-  Below, some elements add additional features to Base.
-  Ideally we Just Work under this scenario, but we need to take care
-  because we are sharing a base class and there could be name-collisions.
--->
-
-<!-- raw -->
-
-<style>
-
-  x-trivial {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-<script>
-
-  Polymer({
-
-    is: 'x-trivial',
-
-    // stubbing out `features` gives us maximum vanilla
-
-    features: function() {
-    },
-
-    // These lifecycle callbacks are non-standard: the standard callbacks are
-    // all suffixed by `Callback`. We reserve the native callbacks for system
-    // processing in Base and supply the shorter names for individual elements
-    // to override as necessary.
-
-    created: function() {
-      this.innerHTML = '<i>Hey</i>, is this script <b>on</b>?';
-    },
-
-    // these lifecycle callbacks are also available
-
-    attached: function() {
-    },
-
-    detached: function() {
-    },
-
-    attributeChanged: function(name) {
-    }
-
-  });
-
-</script>
-
-
-<!-- using a template -->
-
-<style>
-
-  x-template {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-<template>
-
-  <i>Hey</i>, is this template <b>on</b>?
-
-</template>
-<script>
-
-  Polymer({
-
-    is: 'x-template',
-
-    features: function() {
-      // use template feature
-      this.stampTemplate();
-    }
-
-  });
-
-</script>
-
-
-<!-- inexpensive `nodes` feature -->
-
-<style>
-
-  x-cheapgood-nodes {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-<template>
-
-  <i id="exclaim"></i>, is the node feature <b>on</b>?
-
-</template>
-<script>
-
-  Polymer({
-
-    is: 'x-cheapgood-nodes',
-
-    features: function() {
-      // use template feature
-      this.stampTemplate();
-      // use `nodes` feature
-      this.marshalNodeReferences();
-    },
-
-    created: function() {
-      // `nodes` features populates `$` map from id's in the template
-      this.$.exclaim.textContent = 'Hey';
-    }
-
-  });
-
-</script>
-
-
-<!-- inexpensive `listeners` feature -->
-
-<style>
-
-  x-cheapgood-listeners {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-<template>
-
-  <i id="exclaim">Hey</i>, are listeners <b>on</b>?
-
-</template>
-<script>
-
-  Polymer({
-
-    is: 'x-cheapgood-listeners',
-
-    listeners: {
-      click: 'clickAction',
-      'exclaim.click': 'exclaimClickAction'
-    },
-
-    features: function() {
-      // use template feature
-      this.stampTemplate();
-      // use `nodes` feature
-      this.marshalNodeReferences();
-      // use `listeners` feature
-      this.listenListeners();
-    },
-
-    clickAction: function() {
-      this.style.backgroundColor = 'lightblue';
-    },
-
-    exclaimClickAction: function(e) {
-      e.stopPropagation();
-      this.style.backgroundColor = 'orange';
-    }
-
-  });
-
-</script>
-
-
-<!-- uses standard features (template, nodes, listeners) -->
-
-<style>
-  x-simple {
-    display: block;
-    padding: 8px;
-  }
-</style>
-<template>
-
-  <i id="exclaim"></i>, is simple mode <b>on</b>?
-
-</template>
-<script>
-
-  Polymer({
-
-    is: 'x-simple',
-
-    listeners: {
-      click: 'clickAction',
-      'exclaim.click': 'exclaimClickAction'
-    },
-
-    created: function() {
-      this.$.exclaim.textContent = 'Hey';
-    },
-
-    clickAction: function() {
-      this.style.backgroundColor = 'lightblue';
-    },
-
-    exclaimClickAction: function(e) {
-      e.stopPropagation();
-      this.style.backgroundColor = 'orange';
-    }
-
-  });
-
-</script>
-
-<!--
-
-  Can stop here if you want clean-and-simple.
-
-  This smoke test goes on to import and exercise some optional features
-  to make sure everything plays well together.
-
--->
-
-<!-- import and use `bind` feature -->
-
-<link rel="import" href="../../polymer/more-features/bind.html">
-
-<style>
-
-    x-fancy-bind {
-      display: block;
-      padding: 8px;
-    }
-
-</style>
-<template>
-
-  <i id="exclaim"></i>, is fancy bind mode <b id="state"></b>?
-
-</template>
-<script>
-
-  Polymer({
-
-    is: 'x-fancy-bind',
-
-    properties: {
-      // property: target (set property is pushed to $.<target>[.textContent])
-      exclaim: {
-        observer: 'exclaim'
-      },
-      state: {
-        observer: 'state'
-      }
-    },
-
-    listeners: {
-      click: 'clickAction'
-    },
-
-    created: function() {
-      // NOTE: binding feature turns on automatically at prototype level, if
-      // you include a `bind` object in your prototype.
-      // These properties automatically propagate to DOM as defined
-      // by the `bind` object.
-      this.exclaim = 'Hey';
-      this.state = 'on';
-    },
-
-    clickAction: function() {
-      this.state = 'LIVE';
-    }
-
-  });
-
-</script>
-
-<!-- template annotations feature -->
-
-<link rel="import" href="../../polymer/more-features/annotations.html">
-<link rel="import" href="../../polymer/more-features/bind-annotations.html">
-
-<style>
-
-  x-fancy-annotations {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-<template>
-
-  <i>{{exclaim}}</i>, is fancy annotations mode <b>{{state}}</b>?
-
-</template>
-<script>
-
-  Polymer({
-
-    is: 'x-fancy-annotations',
-
-    created: function() {
-      // NOTE: annotations feature turns on automatically at prototype level,
-      // need to gate this as it's affecting all elements with templates
-      // now.
-      // Create bindings from annotations.
-      this.marshalBoundNodes();
-      // These properties automatically propagate to DOM as defined
-      // by the template annotations.
-      this.exclaim = 'Hey';
-      this.state = 'on';
-    }
-  });
-
-</script>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer/polymer.html">
+
+<!--
+  Below, some elements add additional features to Base.
+  Ideally we Just Work under this scenario, but we need to take care
+  because we are sharing a base class and there could be name-collisions.
+-->
+
+<!-- raw -->
+
+<style>
+
+  x-trivial {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+<script>
+
+  Polymer({
+
+    is: 'x-trivial',
+
+    // stubbing out `features` gives us maximum vanilla
+
+    features: function() {
+    },
+
+    // These lifecycle callbacks are non-standard: the standard callbacks are
+    // all suffixed by `Callback`. We reserve the native callbacks for system
+    // processing in Base and supply the shorter names for individual elements
+    // to override as necessary.
+
+    created: function() {
+      this.innerHTML = '<i>Hey</i>, is this script <b>on</b>?';
+    },
+
+    // these lifecycle callbacks are also available
+
+    attached: function() {
+    },
+
+    detached: function() {
+    },
+
+    attributeChanged: function(name) {
+    }
+
+  });
+
+</script>
+
+
+<!-- using a template -->
+
+<style>
+
+  x-template {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+<template>
+
+  <i>Hey</i>, is this template <b>on</b>?
+
+</template>
+<script>
+
+  Polymer({
+
+    is: 'x-template',
+
+    features: function() {
+      // use template feature
+      this.stampTemplate();
+    }
+
+  });
+
+</script>
+
+
+<!-- inexpensive `nodes` feature -->
+
+<style>
+
+  x-cheapgood-nodes {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+<template>
+
+  <i id="exclaim"></i>, is the node feature <b>on</b>?
+
+</template>
+<script>
+
+  Polymer({
+
+    is: 'x-cheapgood-nodes',
+
+    features: function() {
+      // use template feature
+      this.stampTemplate();
+      // use `nodes` feature
+      this.marshalNodeReferences();
+    },
+
+    created: function() {
+      // `nodes` features populates `$` map from id's in the template
+      this.$.exclaim.textContent = 'Hey';
+    }
+
+  });
+
+</script>
+
+
+<!-- inexpensive `listeners` feature -->
+
+<style>
+
+  x-cheapgood-listeners {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+<template>
+
+  <i id="exclaim">Hey</i>, are listeners <b>on</b>?
+
+</template>
+<script>
+
+  Polymer({
+
+    is: 'x-cheapgood-listeners',
+
+    listeners: {
+      click: 'clickAction',
+      'exclaim.click': 'exclaimClickAction'
+    },
+
+    features: function() {
+      // use template feature
+      this.stampTemplate();
+      // use `nodes` feature
+      this.marshalNodeReferences();
+      // use `listeners` feature
+      this.listenListeners();
+    },
+
+    clickAction: function() {
+      this.style.backgroundColor = 'lightblue';
+    },
+
+    exclaimClickAction: function(e) {
+      e.stopPropagation();
+      this.style.backgroundColor = 'orange';
+    }
+
+  });
+
+</script>
+
+
+<!-- uses standard features (template, nodes, listeners) -->
+
+<style>
+  x-simple {
+    display: block;
+    padding: 8px;
+  }
+</style>
+<template>
+
+  <i id="exclaim"></i>, is simple mode <b>on</b>?
+
+</template>
+<script>
+
+  Polymer({
+
+    is: 'x-simple',
+
+    listeners: {
+      click: 'clickAction',
+      'exclaim.click': 'exclaimClickAction'
+    },
+
+    created: function() {
+      this.$.exclaim.textContent = 'Hey';
+    },
+
+    clickAction: function() {
+      this.style.backgroundColor = 'lightblue';
+    },
+
+    exclaimClickAction: function(e) {
+      e.stopPropagation();
+      this.style.backgroundColor = 'orange';
+    }
+
+  });
+
+</script>
+
+<!--
+
+  Can stop here if you want clean-and-simple.
+
+  This smoke test goes on to import and exercise some optional features
+  to make sure everything plays well together.
+
+-->
+
+<!-- import and use `bind` feature -->
+
+<link rel="import" href="../../polymer/more-features/bind.html">
+
+<style>
+
+    x-fancy-bind {
+      display: block;
+      padding: 8px;
+    }
+
+</style>
+<template>
+
+  <i id="exclaim"></i>, is fancy bind mode <b id="state"></b>?
+
+</template>
+<script>
+
+  Polymer({
+
+    is: 'x-fancy-bind',
+
+    properties: {
+      // property: target (set property is pushed to $.<target>[.textContent])
+      exclaim: {
+        observer: 'exclaim'
+      },
+      state: {
+        observer: 'state'
+      }
+    },
+
+    listeners: {
+      click: 'clickAction'
+    },
+
+    created: function() {
+      // NOTE: binding feature turns on automatically at prototype level, if
+      // you include a `bind` object in your prototype.
+      // These properties automatically propagate to DOM as defined
+      // by the `bind` object.
+      this.exclaim = 'Hey';
+      this.state = 'on';
+    },
+
+    clickAction: function() {
+      this.state = 'LIVE';
+    }
+
+  });
+
+</script>
+
+<!-- template annotations feature -->
+
+<link rel="import" href="../../polymer/more-features/annotations.html">
+<link rel="import" href="../../polymer/more-features/bind-annotations.html">
+
+<style>
+
+  x-fancy-annotations {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+<template>
+
+  <i>{{exclaim}}</i>, is fancy annotations mode <b>{{state}}</b>?
+
+</template>
+<script>
+
+  Polymer({
+
+    is: 'x-fancy-annotations',
+
+    created: function() {
+      // NOTE: annotations feature turns on automatically at prototype level,
+      // need to gate this as it's affecting all elements with templates
+      // now.
+      // Create bindings from annotations.
+      this.marshalBoundNodes();
+      // These properties automatically propagate to DOM as defined
+      // by the template annotations.
+      this.exclaim = 'Hey';
+      this.state = 'on';
+    }
+  });
+
+</script>
diff --git a/test/compat/polymer-smoke-polyfill.html b/test/compat/polymer-smoke-polyfill.html
index 35df199545..2ec37b57ea 100644
--- a/test/compat/polymer-smoke-polyfill.html
+++ b/test/compat/polymer-smoke-polyfill.html
@@ -1,32 +1,32 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script src="//www.polymer-project.org/components/platform/platform.js"></script>
-
-<link rel="import" href="polymer-smoke-elements.html">
-
-<x-trivial></x-trivial>
-
-<!-- using a template -->
-<x-template></x-template>
-
-<!-- inexpensive `nodes` feature -->
-<x-cheapgood-nodes></x-cheapgood-nodes>
-
-<!-- inexpensive `listeners` feature -->
-<x-cheapgood-listeners></x-cheapgood-listeners>
-
-<!-- uses standard features (shadow, template, nodes, listeners) -->
-<x-simple></x-simple>
-
-<!-- import and use `bind` feature -->
-<x-fancy-bind></x-fancy-bind>
-
-<!-- template annotations feature -->
-<x-fancy-annotations></x-fancy-annotations>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script src="//www.polymer-project.org/components/platform/platform.js"></script>
+
+<link rel="import" href="polymer-smoke-elements.html">
+
+<x-trivial></x-trivial>
+
+<!-- using a template -->
+<x-template></x-template>
+
+<!-- inexpensive `nodes` feature -->
+<x-cheapgood-nodes></x-cheapgood-nodes>
+
+<!-- inexpensive `listeners` feature -->
+<x-cheapgood-listeners></x-cheapgood-listeners>
+
+<!-- uses standard features (shadow, template, nodes, listeners) -->
+<x-simple></x-simple>
+
+<!-- import and use `bind` feature -->
+<x-fancy-bind></x-fancy-bind>
+
+<!-- template annotations feature -->
+<x-fancy-annotations></x-fancy-annotations>
diff --git a/test/smoke/bad-style-prop.html b/test/smoke/bad-style-prop.html
index 04ae6e023f..c4a80f5481 100644
--- a/test/smoke/bad-style-prop.html
+++ b/test/smoke/bad-style-prop.html
@@ -1,68 +1,68 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>annotations</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../polymer.html">
-
-</head>
-<body>
-
-
-<dom-module id="x-inside">
-  <style>
-    :host {
-      display: inline-block;
-      border: var(--border) solid orange;
-      height: 10px;
-      width: 10px;
-      background-color: tomato;
-    }
-  </style>
-  <template>
-    
-  </template>
-  <script>
-  HTMLImports.whenReady(function() {
-    Polymer({
-      is: 'x-inside'
-    });
-  });  
-  </script>
-</dom-module>
-
-
-<dom-module id="dne-property">
-  <style>
-    :host {
-      display: block;
-    }
-
-    x-inside {
-      color: var(--dne);
-      --border: 10px;
-    }
-  </style>
-  <template>
-    <x-inside id="inner"></x-inside>
-  </template>
-  <script>
-  HTMLImports.whenReady(function() {
-    Polymer({
-      is: 'dne-property'
-    });
-  });
-  </script>
-</dom-module>
-
-<dne-property></dne-property>  
-<dne-property></dne-property>  
-<dne-property></dne-property>  
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>annotations</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../polymer.html">
+
+</head>
+<body>
+
+
+<dom-module id="x-inside">
+  <style>
+    :host {
+      display: inline-block;
+      border: var(--border) solid orange;
+      height: 10px;
+      width: 10px;
+      background-color: tomato;
+    }
+  </style>
+  <template>
+    
+  </template>
+  <script>
+  HTMLImports.whenReady(function() {
+    Polymer({
+      is: 'x-inside'
+    });
+  });  
+  </script>
+</dom-module>
+
+
+<dom-module id="dne-property">
+  <style>
+    :host {
+      display: block;
+    }
+
+    x-inside {
+      color: var(--dne);
+      --border: 10px;
+    }
+  </style>
+  <template>
+    <x-inside id="inner"></x-inside>
+  </template>
+  <script>
+  HTMLImports.whenReady(function() {
+    Polymer({
+      is: 'dne-property'
+    });
+  });
+  </script>
+</dom-module>
+
+<dne-property></dne-property>  
+<dne-property></dne-property>  
+<dne-property></dne-property>  
+
+</body>
+</html>
diff --git a/test/smoke/bind-smoke.html b/test/smoke/bind-smoke.html
index 4f6cb84ea5..e3eadb2e91 100644
--- a/test/smoke/bind-smoke.html
+++ b/test/smoke/bind-smoke.html
@@ -1,45 +1,45 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../../polymer.html">
-
-<x-trivial></x-trivial>
-
-<style>
-
-  x-trivial {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<template>
-  <input on-change="inputChange" value="{{value}}"></value>
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-trivial',
-
-    ready: function() {
-      this.value = 'spoo';
-    },
-
-    inputChange: function(e) {
-      this.value = e.target.value;
-    }
-
-  });
-
-</script>
-
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer.html">
+
+<x-trivial></x-trivial>
+
+<style>
+
+  x-trivial {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<template>
+  <input on-change="inputChange" value="{{value}}"></value>
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-trivial',
+
+    ready: function() {
+      this.value = 'spoo';
+    },
+
+    inputChange: function(e) {
+      this.value = e.target.value;
+    }
+
+  });
+
+</script>
+
diff --git a/test/smoke/bind-smoke2.html b/test/smoke/bind-smoke2.html
index ff83d5ccbb..51ce14c0ae 100644
--- a/test/smoke/bind-smoke2.html
+++ b/test/smoke/bind-smoke2.html
@@ -1,68 +1,68 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../../polymer.html">
-
-<body>
-  
-  <dom-module is="data-source">
-    <template>
-      <span>{{prop}}</span>
-      <span>{{data.length}}</span>: length
-      <br>
-      
-      <template is="dom-repeat" items="{{data}}">
-        <span>{{item}}</span>
-      </template>:items
-    </template>
-  </dom-module>
-  
-  
-  <script>
-      Polymer({
-        is: 'data-source',
-        
-        properties: {
-          data: {
-            //readOnly: true,
-            notify: true,
-            type: Array,
-            value: [1, 2, 3]
-          },
-          
-          prop: {
-            readOnly: true,
-            notify: true,
-            type: String,
-            value: 'foo'
-          }
-        }
-      });
-  </script>  
-  
-  
-  <template is="dom-bind">
-    
-    <h1>Element</h1>
-    <data-source data="{{data}}" prop="{{prop}}"></data-source>
-    
-    <h1>Databound</h1>
-    
-    <span>{{prop}}</span>
-
-    <template is="dom-repeat" items="{{data}}">
-      <span>{{item}}</span>
-    </template>
-    
-  </template>
-  
-
-  
-</body>
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer.html">
+
+<body>
+  
+  <dom-module is="data-source">
+    <template>
+      <span>{{prop}}</span>
+      <span>{{data.length}}</span>: length
+      <br>
+      
+      <template is="dom-repeat" items="{{data}}">
+        <span>{{item}}</span>
+      </template>:items
+    </template>
+  </dom-module>
+  
+  
+  <script>
+      Polymer({
+        is: 'data-source',
+        
+        properties: {
+          data: {
+            //readOnly: true,
+            notify: true,
+            type: Array,
+            value: [1, 2, 3]
+          },
+          
+          prop: {
+            readOnly: true,
+            notify: true,
+            type: String,
+            value: 'foo'
+          }
+        }
+      });
+  </script>  
+  
+  
+  <template is="dom-bind">
+    
+    <h1>Element</h1>
+    <data-source data="{{data}}" prop="{{prop}}"></data-source>
+    
+    <h1>Databound</h1>
+    
+    <span>{{prop}}</span>
+
+    <template is="dom-repeat" items="{{data}}">
+      <span>{{item}}</span>
+    </template>
+    
+  </template>
+  
+
+  
+</body>
diff --git a/test/smoke/custom-notify-smoke.html b/test/smoke/custom-notify-smoke.html
index 7cc4f93b9c..bbeecc6a23 100644
--- a/test/smoke/custom-notify-smoke.html
+++ b/test/smoke/custom-notify-smoke.html
@@ -1,155 +1,155 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<html>
-<head>
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-
-  <title>Custom Notify Smoke Test</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <link rel="import" href="../../polymer.html">
-
-  <style>
-    body {
-      font-family: sans-serif;
-      font-size: 15px;
-    }
-  </style>
-
-</head>
-<body>
-
-  <dom-module id="x-app">
-    <style>
-    </style>
-    <template>
-
-      <h1> Works correctly </h1>
-
-      <h3>&lt;input value="{{inputValue::input}}"&gt;</h3>
-      <input value="{{inputValue::input}}">
-      <input value="{{inputValue::input}}">
-
-      <hr>
-
-      <h3>&lt;input value="{{inputValueCommitted::change}}&gt;</h3>
-      <input value="{{inputValueCommitted::change}}">
-      <input value="{{inputValueCommitted::change}}">
-
-      <hr>
-
-      <h3>&lt;value="{{textareaValue::input}}"&gt;</h3>
-      <textarea value="{{textareaValue::input}}"></textarea>
-      <textarea value="{{textareaValue::input}}"></textarea>
-
-      <hr>
-
-      <h3>&lt;textarea value="{{textareaValueCommitted::change}}"&gt;</h3>
-      <textarea value="{{textareaValueCommitted::change}}"></textarea>
-      <textarea value="{{textareaValueCommitted::change}}"></textarea>
-
-      <hr>
-
-      <h3>&lt;input type="checkbox"&gt;.checked</h3>
-      <input type="checkbox" checked="{{checked::change}}">
-      <input type="checkbox" checked="{{checked::change}}">
-
-      <hr>
-
-      <h3>&lt;input type="date" value="{{date::change}}"&gt;</h3>
-      <input type="date" value="{{date::change}}">
-      <input type="date" value="{{date::change}}">
-
-      <hr>
-
-      <h3>&lt;select selected-index="{{selectedIndex::change}}"&gt;</h3>
-      <select selected-index="{{selectedIndex::change}}">
-        <option>a</option>
-        <option>b</option>
-        <option>c</option>
-      </select>
-      <select selected-index="{{selectedIndex::change}}">
-        <option>a</option>
-        <option>b</option>
-        <option>c</option>
-      </select>
-
-      <hr>
-
-      <div>Current time: <span>{{currentTime}}</span></div>
-      <video current-time="{{currentTime::timeupdate}}" src="http://media.w3.org/2010/05/sintel/trailer.mp4" height="200" controls></video>
-      
-      <hr>
-
-      <h1> Does not work as expected </h1>
-
-      <h3>&lt;select value="{{selectedValue::change}}"&gt;</h3>
-      <p><em>Setting `value` on IE inexplicably clears the value</em></p>
-      <select value="{{selectedValue::change}}">
-        <option>a</option>
-        <option>b</option>
-        <option>c</option>
-      </select>
-      <select value="{{selectedValue::change}}">
-        <option>a</option>
-        <option>b</option>
-        <option>c</option>
-      </select>
-
-      <hr>
-
-      <h3>&lt;input type="radio" name="one" checked="{{aChecked::change}}"&gt;</h3>
-      <p><em>Radio buttons do not fire changed events when unchecking</em></p>
-
-      <label><input type="radio" name="one" checked="{{aChecked::change}}">a</label>
-      <label><input type="radio" name="one" checked="{{bChecked::change}}">b</label>
-      <label><input type="radio" name="one" checked="{{cChecked::change}}">c</label>
-      <br><br>
-      <label><input type="radio" name="two" checked="{{aChecked::change}}">a</label>
-      <label><input type="radio" name="two" checked="{{bChecked::change}}">b</label>
-      <label><input type="radio" name="two" checked="{{cChecked::change}}">c</label>
-
-      <hr>
-
-      <h3>&lt;input type="range" value="{{rangeValue::input}}"&gt;</h3>
-      <p><em>IE does not fire <strong>input</strong> event for range input</em></p>
-
-      <input type="range" value="{{rangeValue::input}}">
-      <input type="range" value="{{rangeValue::input}}">
-      <hr>
-
-      <h3>&lt;input type="range" value="{{rangeValueCommitted::change}}"&gt;</h3>
-      <p><em>IE fires <strong>change</strong> event immediately when dragging; all others fire change when stopping drag</em></p>
-      <input type="range" value="{{rangeValueCommitted::change}}">
-      <input type="range" value="{{rangeValueCommitted::change}}">
-
-
-    </template>
-
-  </dom-module>
-
-  <script>
-
-  document.addEventListener('WebComponentsReady', function() {
-    Polymer({
-      is: 'x-app'
-    });
-  });
-
-  </script>
-
-  <x-app></x-app>
-
-</body>
-</html>
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+
+  <title>Custom Notify Smoke Test</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link rel="import" href="../../polymer.html">
+
+  <style>
+    body {
+      font-family: sans-serif;
+      font-size: 15px;
+    }
+  </style>
+
+</head>
+<body>
+
+  <dom-module id="x-app">
+    <style>
+    </style>
+    <template>
+
+      <h1> Works correctly </h1>
+
+      <h3>&lt;input value="{{inputValue::input}}"&gt;</h3>
+      <input value="{{inputValue::input}}">
+      <input value="{{inputValue::input}}">
+
+      <hr>
+
+      <h3>&lt;input value="{{inputValueCommitted::change}}&gt;</h3>
+      <input value="{{inputValueCommitted::change}}">
+      <input value="{{inputValueCommitted::change}}">
+
+      <hr>
+
+      <h3>&lt;value="{{textareaValue::input}}"&gt;</h3>
+      <textarea value="{{textareaValue::input}}"></textarea>
+      <textarea value="{{textareaValue::input}}"></textarea>
+
+      <hr>
+
+      <h3>&lt;textarea value="{{textareaValueCommitted::change}}"&gt;</h3>
+      <textarea value="{{textareaValueCommitted::change}}"></textarea>
+      <textarea value="{{textareaValueCommitted::change}}"></textarea>
+
+      <hr>
+
+      <h3>&lt;input type="checkbox"&gt;.checked</h3>
+      <input type="checkbox" checked="{{checked::change}}">
+      <input type="checkbox" checked="{{checked::change}}">
+
+      <hr>
+
+      <h3>&lt;input type="date" value="{{date::change}}"&gt;</h3>
+      <input type="date" value="{{date::change}}">
+      <input type="date" value="{{date::change}}">
+
+      <hr>
+
+      <h3>&lt;select selected-index="{{selectedIndex::change}}"&gt;</h3>
+      <select selected-index="{{selectedIndex::change}}">
+        <option>a</option>
+        <option>b</option>
+        <option>c</option>
+      </select>
+      <select selected-index="{{selectedIndex::change}}">
+        <option>a</option>
+        <option>b</option>
+        <option>c</option>
+      </select>
+
+      <hr>
+
+      <div>Current time: <span>{{currentTime}}</span></div>
+      <video current-time="{{currentTime::timeupdate}}" src="http://media.w3.org/2010/05/sintel/trailer.mp4" height="200" controls></video>
+      
+      <hr>
+
+      <h1> Does not work as expected </h1>
+
+      <h3>&lt;select value="{{selectedValue::change}}"&gt;</h3>
+      <p><em>Setting `value` on IE inexplicably clears the value</em></p>
+      <select value="{{selectedValue::change}}">
+        <option>a</option>
+        <option>b</option>
+        <option>c</option>
+      </select>
+      <select value="{{selectedValue::change}}">
+        <option>a</option>
+        <option>b</option>
+        <option>c</option>
+      </select>
+
+      <hr>
+
+      <h3>&lt;input type="radio" name="one" checked="{{aChecked::change}}"&gt;</h3>
+      <p><em>Radio buttons do not fire changed events when unchecking</em></p>
+
+      <label><input type="radio" name="one" checked="{{aChecked::change}}">a</label>
+      <label><input type="radio" name="one" checked="{{bChecked::change}}">b</label>
+      <label><input type="radio" name="one" checked="{{cChecked::change}}">c</label>
+      <br><br>
+      <label><input type="radio" name="two" checked="{{aChecked::change}}">a</label>
+      <label><input type="radio" name="two" checked="{{bChecked::change}}">b</label>
+      <label><input type="radio" name="two" checked="{{cChecked::change}}">c</label>
+
+      <hr>
+
+      <h3>&lt;input type="range" value="{{rangeValue::input}}"&gt;</h3>
+      <p><em>IE does not fire <strong>input</strong> event for range input</em></p>
+
+      <input type="range" value="{{rangeValue::input}}">
+      <input type="range" value="{{rangeValue::input}}">
+      <hr>
+
+      <h3>&lt;input type="range" value="{{rangeValueCommitted::change}}"&gt;</h3>
+      <p><em>IE fires <strong>change</strong> event immediately when dragging; all others fire change when stopping drag</em></p>
+      <input type="range" value="{{rangeValueCommitted::change}}">
+      <input type="range" value="{{rangeValueCommitted::change}}">
+
+
+    </template>
+
+  </dom-module>
+
+  <script>
+
+  document.addEventListener('WebComponentsReady', function() {
+    Polymer({
+      is: 'x-app'
+    });
+  });
+
+  </script>
+
+  <x-app></x-app>
+
+</body>
+</html>
diff --git a/test/smoke/custom-reify.html b/test/smoke/custom-reify.html
index 19ef7c8152..12fb5a523d 100644
--- a/test/smoke/custom-reify.html
+++ b/test/smoke/custom-reify.html
@@ -1,62 +1,62 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-<link rel="import" href="../../polymer.html">
-
-<body>
-  <style is="custom-style">
-    :root {
-       --mood1: orange; 
-      --mood: var(--mood1);
-      
-      /* --mood: yellow; */
-    }
-    
-  </style>
-  
-  <style is="custom-style">
-    .zonk {
-      --mood1: red;
-    }
-        
-    .bar {
-      --mood1: blue;
-    }
-  </style>
-  
-  
-  
-  <x-test class="zonk"></x-test>
-  
-  <x-test class="bar"></x-test>
-  
-  <dom-module id="x-test">
-    <style>
-      .mood {
-        /* background: var(--mood1, --mood); */
-        background: var(--mood);
-      }
-    </style>
-    <template>
-      <div class="mood">Mood</div>
-    </template>
-    <script>
-    addEventListener('HTMLImportsLoaded', function() {
-      Polymer({
-        is: 'x-test'
-      });
-    });
-  </script>
-  </dom-module>
-  
-
-</body>
-
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+<link rel="import" href="../../polymer.html">
+
+<body>
+  <style is="custom-style">
+    :root {
+       --mood1: orange; 
+      --mood: var(--mood1);
+      
+      /* --mood: yellow; */
+    }
+    
+  </style>
+  
+  <style is="custom-style">
+    .zonk {
+      --mood1: red;
+    }
+        
+    .bar {
+      --mood1: blue;
+    }
+  </style>
+  
+  
+  
+  <x-test class="zonk"></x-test>
+  
+  <x-test class="bar"></x-test>
+  
+  <dom-module id="x-test">
+    <style>
+      .mood {
+        /* background: var(--mood1, --mood); */
+        background: var(--mood);
+      }
+    </style>
+    <template>
+      <div class="mood">Mood</div>
+    </template>
+    <script>
+    addEventListener('HTMLImportsLoaded', function() {
+      Polymer({
+        is: 'x-test'
+      });
+    });
+  </script>
+  </dom-module>
+  
+
+</body>
+
diff --git a/test/smoke/dom-repeat.html b/test/smoke/dom-repeat.html
index 5c54af4eaf..5464089d61 100644
--- a/test/smoke/dom-repeat.html
+++ b/test/smoke/dom-repeat.html
@@ -1,335 +1,335 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>dom-repeat</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../perf-lib/perf.js"></script>
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <!-- <link rel="import" href="../../polymer-debug.html"> -->
-  <link rel="import" href="../../polymer.html">
-  <link rel="import" href="../../../layout/layout.html">
-  <!-- <link rel="import" href="../../src/lib/experimental/observe-js-behavior.html"> -->
-
-</head>
-<body>
-
-<style>
-  body {
-    font-family: sans-serif;
-    font-size: 14px;
-  }
-</style>
-
-<dom-module id="x-labeled-input">
-  <style>
-    :host {
-      width: 400px
-    }
-    #label {
-      width: 200px;
-      overflow: hidden;
-      border-bottom: 1px solid gray;
-      border-bottom-style: dashed;
-    }
-    input {
-      margin-right: 5px;
-    }
-  </style>
-  <template>
-    <div class="layout horizontal">
-      <span id="label" class="flex">{{label}}</span>
-      <input value="{{value::input}}" disabled$="{{disabled}}">
-    </div>
-  </template>
-</dom-module>
-
-<dom-module id="x-observe">
-  <template><div>{{items.0.items}}</div></template>
-</dom-module>
-
-<dom-module id="x-test">
-  <style>
-    .outer {
-      padding: 10px;
-    }
-    .column {
-      width: 400px;
-      overflow: auto;
-    }
-    .flex {
-      flex-basis: 0px;
-    }
-    .item {
-      margin: 5px;
-      margin-left: 10px;
-      margin-right: 0;
-      padding: 5px;
-      padding-right: 0;
-      background-color: rgba(0,0,0,0.1);
-    }
-    .index {
-      display: inline-block;
-      background-color: gray;
-      color: white;
-      padding: 4px;
-      margin-bottom: 4px;
-      border-radius: 4px;
-    }
-  </style>
-  <template>
-
-    <!-- <x-observe items="{{items}}"></x-observe> -->
-
-    <div class="fit layout vertical">
-
-      <div class="outer">
-        <div>{{a.b.c}}</div>
-        <div class="index">Outer scope:</div>
-        <x-labeled-input label="outerA" value="{{outerA}}"></x-labeled-input>
-        <x-labeled-input label="outerB" value="{{outerB}}"></x-labeled-input>
-        <x-labeled-input label="outerC" value="{{outerC}}"></x-labeled-input>
-        <x-labeled-input label="outerObjA.value" value="{{outerObjA.value}}"></x-labeled-input>
-        <x-labeled-input label="outerObjB.value" value="{{outerObjB.value}}"></x-labeled-input>
-        <x-labeled-input label="outerObjC.value" value="{{outerObjC.value}}"></x-labeled-input>
-        <x-labeled-input label="outerObjD.value" value="{{outerObjD.value}}"></x-labeled-input>
-      </div>
-
-      <div class="layout horizontal flex">
-
-        <div class="column flex">
-          <template is="dom-repeat" id="xr1-1" items="{{items}}" as="itemA" inner-as="inner">
-            <div class="item" id="xr1-1" idx$="{{index}}">
-              <div class="index">idx: <span>{{index}}</span></div>
-              <button on-click="changeOuterA">Change outerA</button>
-              <button on-click="changeItemName">Change itemA.name</button>
-              <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
-              <x-labeled-input label="outerA" value="{{outerA}}"></x-labeled-input>
-              <x-labeled-input label="outerObjA.value" value="{{outerObjA.value}}"></x-labeled-input>
-              <x-labeled-input label="computeConcat(itemA.name, outerObjD.value)" value="{{computeConcat(itemA.name, outerObjD.value)}}" disabled></x-labeled-input>
-              <template is="dom-repeat" id="xr1-2" idx$="{{index}}" items="{{itemA.items}}" as="itemB">
-                <div class="item" id="xr1-2" idx$="{{index}}">
-                  <div class="index">idx: <span>{{index}}</span></div>
-                  <button on-click="changeOuterB">Change outerB</button>
-                  <button on-click="changeItemName">Change itemA.name</button>
-                  <x-labeled-input label="itemB.name" value="{{itemB.name}}"></x-labeled-input>
-                  <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
-                  <x-labeled-input label="outerB" value="{{outerB}}"></x-labeled-input>
-                  <x-labeled-input label="outerObjB.value" value="{{outerObjB.value}}"></x-labeled-input>
-                  <x-labeled-input label="computeConcat(itemB.name, outerObjB.value)" value="{{computeConcat(itemB.name, outerObjB.value)}}" disabled></x-labeled-input>
-                  <template is="dom-repeat" id="xr1-3" idx$="{{index}}" items="{{itemB.items}}" as="itemC">
-                    <div class="item" id="xr1-3" idx$="{{index}}">
-                      <div class="index">idx: <span>{{index}}</span></div>
-                      <button on-click="changeOuterC">Change outerC</button>
-                      <button on-click="changeItemName">Change itemA.name</button>
-                      <x-labeled-input label="itemC.name" value="{{itemC.name}}"></x-labeled-input>
-                      <x-labeled-input label="itemB.name" value="{{itemB.name}}"></x-labeled-input>
-                      <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
-                      <x-labeled-input label="outerC" value="{{outerC}}"></x-labeled-input>
-                      <x-labeled-input label="outerObjC.value" value="{{outerObjC.value}}"></x-labeled-input>
-                      <x-labeled-input label="computeConcat(itemC.name, outerObjC.value)" value="{{computeConcat(itemC.name, outerObjC.value)}}" disabled></x-labeled-input>
-                    </div>
-                  </template>
-                </template>
-              </div>
-            </div>
-          </template>
-        </div>
-
-        <div class="column flex">
-          <template is="dom-repeat" id="xr2-1" items="{{items}}" as="itemA" inner-as="inner">
-            <div class="item" id="xr2-1" idx$="{{index}}">
-              <div class="index">idx: <span>{{index}}</span></div>
-              <button on-click="changeOuterA">Change outerA</button>
-              <button on-click="changeItemName">Change itemA.name</button>
-              <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
-              <x-labeled-input label="outerA" value="{{outerA}}"></x-labeled-input>
-              <x-labeled-input label="outerObjA.value" value="{{outerObjA.value}}"></x-labeled-input>
-              <x-labeled-input label="computeConcat(itemA.name, outerObjD.value)" value="{{computeConcat(itemA.name, outerObjD.value)}}" disabled></x-labeled-input>
-              <template is="dom-repeat" id="xr2-2" idx$="{{index}}" items="{{itemA.items}}" as="itemB">
-                <div class="item" id="xr2-2" idx$="{{index}}">
-                  <div class="index">idx: <span>{{index}}</span></div>
-                  <button on-click="changeOuterB">Change outerB</button>
-                  <button on-click="changeItemName">Change itemA.name</button>
-                  <x-labeled-input label="itemB.name" value="{{itemB.name}}"></x-labeled-input>
-                  <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
-                  <x-labeled-input label="outerB" value="{{outerB}}"></x-labeled-input>
-                  <x-labeled-input label="outerObjB.value" value="{{outerObjB.value}}"></x-labeled-input>
-                  <x-labeled-input label="computeConcat(itemB.name, outerObjB.value)" value="{{computeConcat(itemB.name, outerObjB.value)}}" disabled></x-labeled-input>
-                  <template is="dom-repeat" id="xr2-3" idx$="{{index}}" items="{{itemB.items}}" as="itemC">
-                    <div class="item" id="xr2-3" idx$="{{index}}">
-                      <div class="index">idx: <span>{{index}}</span></div>
-                      <button on-click="changeOuterC">Change outerC</button>
-                      <button on-click="changeItemName">Change itemA.name</button>
-                      <x-labeled-input label="itemC.name" value="{{itemC.name}}"></x-labeled-input>
-                      <x-labeled-input label="itemB.name" value="{{itemB.name}}"></x-labeled-input>
-                      <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
-                      <x-labeled-input label="outerC" value="{{outerC}}"></x-labeled-input>
-                      <x-labeled-input label="outerObjC.value" value="{{outerObjC.value}}"></x-labeled-input>
-                      <x-labeled-input label="computeConcat(itemC.name, outerObjC.value)" value="{{computeConcat(itemC.name, outerObjC.value)}}" disabled></x-labeled-input>
-                    </div>
-                  </template>
-                </template>
-              </div>
-            </div>
-          </template>
-        </div>
-
-      </div>
-
-    </div>
-
-  </template>
-</dom-module>
-
-<script>
-  HTMLImports.whenReady(function() {
-
-    Polymer ({
-      is: 'x-labeled-input',
-      properties: {
-        value: {
-          notify: true
-        },
-        label: String,
-        disabled: Boolean
-      }
-    });
-
-    Polymer ({
-      is: 'x-observe',
-      // behaviors: [
-      //   Polymer.ObserveJsBehavior
-      // ],
-      observers: [
-        'log(items.0.items.*)'
-      ],
-      log: function(change) {
-        console.log(change);
-      }
-    });
-
-    Polymer ({
-      is: 'x-test',
-
-      // behaviors: [
-      //   Polymer.ObserveJsBehavior
-      // ],
-
-      observers: [
-        'logStuff(outerObjA.*)'
-      ],
-
-      logStuff: function(change) {
-        console.log(change);
-      },
-
-      properties: {
-        items: {
-          value: function() {
-            return [
-              {name: 'item 1', items: [
-                {name: 'item 1-1', items: [
-                  {name: 'item 1-1-1'},
-                  {name: 'item 1-1-2'},
-                  {name: 'item 1-1-3'}
-                ]},
-                {name: 'item 1-2', items: [
-                  {name: 'item 1-2-1'},
-                  {name: 'item 1-2-2'},
-                  {name: 'item 1-2-3'}
-                ]},
-                {name: 'item 1-3', items: [
-                  {name: 'item 1-3-1'},
-                  {name: 'item 1-3-2'},
-                  {name: 'item 1-3-3'}
-                ]}
-              ]},
-              {name: 'item 2', items: [
-                {name: 'item 2-1', items: [
-                  {name: 'item 2-1-1'},
-                  {name: 'item 2-1-2'},
-                  {name: 'item 2-1-3'}
-                ]},
-                {name: 'item 2-2', items: [
-                  {name: 'item 2-2-1'},
-                  {name: 'item 2-2-2'},
-                  {name: 'item 2-2-3'}
-                ]},
-                {name: 'item 2-3', items: [
-                  {name: 'item 2-3-1'},
-                  {name: 'item 2-3-2'},
-                  {name: 'item 2-3-3'}
-                ]}
-              ]},
-              {name: 'item 3', items: [
-                {name: 'item 3-1', items: [
-                  {name: 'item 3-1-1'},
-                  {name: 'item 3-1-2'},
-                  {name: 'item 3-1-3'}
-                ]},
-                {name: 'item 3-2', items: [
-                  {name: 'item 3-2-1'},
-                  {name: 'item 3-2-2'},
-                  {name: 'item 3-2-3'}
-                ]},
-                {name: 'item 3-3', items: [
-                  {name: 'item 3-3-1'},
-                  {name: 'item 3-3-2'},
-                  {name: 'item 3-3-3'}
-                ]},
-              ]}
-            ];
-          }
-        },
-        outerA: {
-          value: 'outerA'
-        },
-        outerB: {
-          value: 'outerB'
-        },
-        outerC: {
-          value: 'outerC'
-        },
-        outerObjA: {
-          value: function() { return { value: 'outerObjA.value' }; }
-        },
-        outerObjB: {
-          value: function() { return { value: 'outerObjB.value' }; }
-        },
-        outerObjC: {
-          value: function() { return { value: 'outerObjC.value' }; }
-        },
-        outerObjD: {
-          value: function() { return { value: 'outerObjD.value' }; }
-        }
-      },
-      changeOuterA: function() {
-        this.outerA = this.outerA + 'A';
-      },
-      changeOuterB: function() {
-        this.outerB = this.outerB + 'B';
-      },
-      changeOuterC: function() {
-        this.outerC = this.outerC + 'C';
-      },
-      changeItemName: function(e) {
-        prop = e.model.itemA ? 'itemA.name' : (e.model.itemB ? 'itemB.name' : 'itemC.name');
-        e.model.set(prop, e.model.get(prop) + '*');
-      },
-      computeConcat: function(a, b) {
-        return a + ' - ' + b;
-      }
-    });
-
-  });
-</script>
-
-<script>console.perf && console.perf();</script>
-
-<x-test class="fit"></x-test>
-
-<script>setTimeout(function() { console.perf && console.perfEnd(); });</script>
+<!doctype html>
+<html>
+<head>
+
+  <title>dom-repeat</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../perf-lib/perf.js"></script>
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <!-- <link rel="import" href="../../polymer-debug.html"> -->
+  <link rel="import" href="../../polymer.html">
+  <link rel="import" href="../../../layout/layout.html">
+  <!-- <link rel="import" href="../../src/lib/experimental/observe-js-behavior.html"> -->
+
+</head>
+<body>
+
+<style>
+  body {
+    font-family: sans-serif;
+    font-size: 14px;
+  }
+</style>
+
+<dom-module id="x-labeled-input">
+  <style>
+    :host {
+      width: 400px
+    }
+    #label {
+      width: 200px;
+      overflow: hidden;
+      border-bottom: 1px solid gray;
+      border-bottom-style: dashed;
+    }
+    input {
+      margin-right: 5px;
+    }
+  </style>
+  <template>
+    <div class="layout horizontal">
+      <span id="label" class="flex">{{label}}</span>
+      <input value="{{value::input}}" disabled$="{{disabled}}">
+    </div>
+  </template>
+</dom-module>
+
+<dom-module id="x-observe">
+  <template><div>{{items.0.items}}</div></template>
+</dom-module>
+
+<dom-module id="x-test">
+  <style>
+    .outer {
+      padding: 10px;
+    }
+    .column {
+      width: 400px;
+      overflow: auto;
+    }
+    .flex {
+      flex-basis: 0px;
+    }
+    .item {
+      margin: 5px;
+      margin-left: 10px;
+      margin-right: 0;
+      padding: 5px;
+      padding-right: 0;
+      background-color: rgba(0,0,0,0.1);
+    }
+    .index {
+      display: inline-block;
+      background-color: gray;
+      color: white;
+      padding: 4px;
+      margin-bottom: 4px;
+      border-radius: 4px;
+    }
+  </style>
+  <template>
+
+    <!-- <x-observe items="{{items}}"></x-observe> -->
+
+    <div class="fit layout vertical">
+
+      <div class="outer">
+        <div>{{a.b.c}}</div>
+        <div class="index">Outer scope:</div>
+        <x-labeled-input label="outerA" value="{{outerA}}"></x-labeled-input>
+        <x-labeled-input label="outerB" value="{{outerB}}"></x-labeled-input>
+        <x-labeled-input label="outerC" value="{{outerC}}"></x-labeled-input>
+        <x-labeled-input label="outerObjA.value" value="{{outerObjA.value}}"></x-labeled-input>
+        <x-labeled-input label="outerObjB.value" value="{{outerObjB.value}}"></x-labeled-input>
+        <x-labeled-input label="outerObjC.value" value="{{outerObjC.value}}"></x-labeled-input>
+        <x-labeled-input label="outerObjD.value" value="{{outerObjD.value}}"></x-labeled-input>
+      </div>
+
+      <div class="layout horizontal flex">
+
+        <div class="column flex">
+          <template is="dom-repeat" id="xr1-1" items="{{items}}" as="itemA" inner-as="inner">
+            <div class="item" id="xr1-1" idx$="{{index}}">
+              <div class="index">idx: <span>{{index}}</span></div>
+              <button on-click="changeOuterA">Change outerA</button>
+              <button on-click="changeItemName">Change itemA.name</button>
+              <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
+              <x-labeled-input label="outerA" value="{{outerA}}"></x-labeled-input>
+              <x-labeled-input label="outerObjA.value" value="{{outerObjA.value}}"></x-labeled-input>
+              <x-labeled-input label="computeConcat(itemA.name, outerObjD.value)" value="{{computeConcat(itemA.name, outerObjD.value)}}" disabled></x-labeled-input>
+              <template is="dom-repeat" id="xr1-2" idx$="{{index}}" items="{{itemA.items}}" as="itemB">
+                <div class="item" id="xr1-2" idx$="{{index}}">
+                  <div class="index">idx: <span>{{index}}</span></div>
+                  <button on-click="changeOuterB">Change outerB</button>
+                  <button on-click="changeItemName">Change itemA.name</button>
+                  <x-labeled-input label="itemB.name" value="{{itemB.name}}"></x-labeled-input>
+                  <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
+                  <x-labeled-input label="outerB" value="{{outerB}}"></x-labeled-input>
+                  <x-labeled-input label="outerObjB.value" value="{{outerObjB.value}}"></x-labeled-input>
+                  <x-labeled-input label="computeConcat(itemB.name, outerObjB.value)" value="{{computeConcat(itemB.name, outerObjB.value)}}" disabled></x-labeled-input>
+                  <template is="dom-repeat" id="xr1-3" idx$="{{index}}" items="{{itemB.items}}" as="itemC">
+                    <div class="item" id="xr1-3" idx$="{{index}}">
+                      <div class="index">idx: <span>{{index}}</span></div>
+                      <button on-click="changeOuterC">Change outerC</button>
+                      <button on-click="changeItemName">Change itemA.name</button>
+                      <x-labeled-input label="itemC.name" value="{{itemC.name}}"></x-labeled-input>
+                      <x-labeled-input label="itemB.name" value="{{itemB.name}}"></x-labeled-input>
+                      <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
+                      <x-labeled-input label="outerC" value="{{outerC}}"></x-labeled-input>
+                      <x-labeled-input label="outerObjC.value" value="{{outerObjC.value}}"></x-labeled-input>
+                      <x-labeled-input label="computeConcat(itemC.name, outerObjC.value)" value="{{computeConcat(itemC.name, outerObjC.value)}}" disabled></x-labeled-input>
+                    </div>
+                  </template>
+                </template>
+              </div>
+            </div>
+          </template>
+        </div>
+
+        <div class="column flex">
+          <template is="dom-repeat" id="xr2-1" items="{{items}}" as="itemA" inner-as="inner">
+            <div class="item" id="xr2-1" idx$="{{index}}">
+              <div class="index">idx: <span>{{index}}</span></div>
+              <button on-click="changeOuterA">Change outerA</button>
+              <button on-click="changeItemName">Change itemA.name</button>
+              <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
+              <x-labeled-input label="outerA" value="{{outerA}}"></x-labeled-input>
+              <x-labeled-input label="outerObjA.value" value="{{outerObjA.value}}"></x-labeled-input>
+              <x-labeled-input label="computeConcat(itemA.name, outerObjD.value)" value="{{computeConcat(itemA.name, outerObjD.value)}}" disabled></x-labeled-input>
+              <template is="dom-repeat" id="xr2-2" idx$="{{index}}" items="{{itemA.items}}" as="itemB">
+                <div class="item" id="xr2-2" idx$="{{index}}">
+                  <div class="index">idx: <span>{{index}}</span></div>
+                  <button on-click="changeOuterB">Change outerB</button>
+                  <button on-click="changeItemName">Change itemA.name</button>
+                  <x-labeled-input label="itemB.name" value="{{itemB.name}}"></x-labeled-input>
+                  <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
+                  <x-labeled-input label="outerB" value="{{outerB}}"></x-labeled-input>
+                  <x-labeled-input label="outerObjB.value" value="{{outerObjB.value}}"></x-labeled-input>
+                  <x-labeled-input label="computeConcat(itemB.name, outerObjB.value)" value="{{computeConcat(itemB.name, outerObjB.value)}}" disabled></x-labeled-input>
+                  <template is="dom-repeat" id="xr2-3" idx$="{{index}}" items="{{itemB.items}}" as="itemC">
+                    <div class="item" id="xr2-3" idx$="{{index}}">
+                      <div class="index">idx: <span>{{index}}</span></div>
+                      <button on-click="changeOuterC">Change outerC</button>
+                      <button on-click="changeItemName">Change itemA.name</button>
+                      <x-labeled-input label="itemC.name" value="{{itemC.name}}"></x-labeled-input>
+                      <x-labeled-input label="itemB.name" value="{{itemB.name}}"></x-labeled-input>
+                      <x-labeled-input label="itemA.name" value="{{itemA.name}}"></x-labeled-input>
+                      <x-labeled-input label="outerC" value="{{outerC}}"></x-labeled-input>
+                      <x-labeled-input label="outerObjC.value" value="{{outerObjC.value}}"></x-labeled-input>
+                      <x-labeled-input label="computeConcat(itemC.name, outerObjC.value)" value="{{computeConcat(itemC.name, outerObjC.value)}}" disabled></x-labeled-input>
+                    </div>
+                  </template>
+                </template>
+              </div>
+            </div>
+          </template>
+        </div>
+
+      </div>
+
+    </div>
+
+  </template>
+</dom-module>
+
+<script>
+  HTMLImports.whenReady(function() {
+
+    Polymer ({
+      is: 'x-labeled-input',
+      properties: {
+        value: {
+          notify: true
+        },
+        label: String,
+        disabled: Boolean
+      }
+    });
+
+    Polymer ({
+      is: 'x-observe',
+      // behaviors: [
+      //   Polymer.ObserveJsBehavior
+      // ],
+      observers: [
+        'log(items.0.items.*)'
+      ],
+      log: function(change) {
+        console.log(change);
+      }
+    });
+
+    Polymer ({
+      is: 'x-test',
+
+      // behaviors: [
+      //   Polymer.ObserveJsBehavior
+      // ],
+
+      observers: [
+        'logStuff(outerObjA.*)'
+      ],
+
+      logStuff: function(change) {
+        console.log(change);
+      },
+
+      properties: {
+        items: {
+          value: function() {
+            return [
+              {name: 'item 1', items: [
+                {name: 'item 1-1', items: [
+                  {name: 'item 1-1-1'},
+                  {name: 'item 1-1-2'},
+                  {name: 'item 1-1-3'}
+                ]},
+                {name: 'item 1-2', items: [
+                  {name: 'item 1-2-1'},
+                  {name: 'item 1-2-2'},
+                  {name: 'item 1-2-3'}
+                ]},
+                {name: 'item 1-3', items: [
+                  {name: 'item 1-3-1'},
+                  {name: 'item 1-3-2'},
+                  {name: 'item 1-3-3'}
+                ]}
+              ]},
+              {name: 'item 2', items: [
+                {name: 'item 2-1', items: [
+                  {name: 'item 2-1-1'},
+                  {name: 'item 2-1-2'},
+                  {name: 'item 2-1-3'}
+                ]},
+                {name: 'item 2-2', items: [
+                  {name: 'item 2-2-1'},
+                  {name: 'item 2-2-2'},
+                  {name: 'item 2-2-3'}
+                ]},
+                {name: 'item 2-3', items: [
+                  {name: 'item 2-3-1'},
+                  {name: 'item 2-3-2'},
+                  {name: 'item 2-3-3'}
+                ]}
+              ]},
+              {name: 'item 3', items: [
+                {name: 'item 3-1', items: [
+                  {name: 'item 3-1-1'},
+                  {name: 'item 3-1-2'},
+                  {name: 'item 3-1-3'}
+                ]},
+                {name: 'item 3-2', items: [
+                  {name: 'item 3-2-1'},
+                  {name: 'item 3-2-2'},
+                  {name: 'item 3-2-3'}
+                ]},
+                {name: 'item 3-3', items: [
+                  {name: 'item 3-3-1'},
+                  {name: 'item 3-3-2'},
+                  {name: 'item 3-3-3'}
+                ]},
+              ]}
+            ];
+          }
+        },
+        outerA: {
+          value: 'outerA'
+        },
+        outerB: {
+          value: 'outerB'
+        },
+        outerC: {
+          value: 'outerC'
+        },
+        outerObjA: {
+          value: function() { return { value: 'outerObjA.value' }; }
+        },
+        outerObjB: {
+          value: function() { return { value: 'outerObjB.value' }; }
+        },
+        outerObjC: {
+          value: function() { return { value: 'outerObjC.value' }; }
+        },
+        outerObjD: {
+          value: function() { return { value: 'outerObjD.value' }; }
+        }
+      },
+      changeOuterA: function() {
+        this.outerA = this.outerA + 'A';
+      },
+      changeOuterB: function() {
+        this.outerB = this.outerB + 'B';
+      },
+      changeOuterC: function() {
+        this.outerC = this.outerC + 'C';
+      },
+      changeItemName: function(e) {
+        prop = e.model.itemA ? 'itemA.name' : (e.model.itemB ? 'itemB.name' : 'itemC.name');
+        e.model.set(prop, e.model.get(prop) + '*');
+      },
+      computeConcat: function(a, b) {
+        return a + ' - ' + b;
+      }
+    });
+
+  });
+</script>
+
+<script>console.perf && console.perf();</script>
+
+<x-test class="fit"></x-test>
+
+<script>setTimeout(function() { console.perf && console.perfEnd(); });</script>
diff --git a/test/smoke/dynamic-content.html b/test/smoke/dynamic-content.html
index 5e2b6c6bd5..34a0658da7 100644
--- a/test/smoke/dynamic-content.html
+++ b/test/smoke/dynamic-content.html
@@ -1,64 +1,64 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>dom-if</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../polymer.html">
-
-</head>
-<body>
-
-  <dom-module id='inner-component'>
-    <template>
-      <p>inner_before</p>
-      <template is=dom-if if={{!value}} restamp>
-        <content></content>
-      </template>
-      <p>inner_after</p>
-    </template>
-    <script>
-      Polymer({
-        is:'inner-component',
-        properties: {
-          attr: String,
-          value: { type: Boolean, computed: 'computeValue(attr)' },
-        },
-        computeValue: function(str) { 
-          return str ? true:false;
-        }      
-      });
-    </script>
-  </dom-module>
-
-  <dom-module id='outer-component'>
-    <template>
-      <inner-component id="inner" attr="hi">
-        <template is=dom-if if={{outerValue}}>
-           template
-        </template>
-        <p>outer_after</p>
-      </inner-component>
-    </template>
-    <script>
-      Polymer({
-        is:'outer-component',
-        properties: {
-          attr: String,
-          outerValue: { type: Boolean, computed: 'computeOuterValue(attr)' },
-        },
-        computeOuterValue: function(str) { 
-          return str ? true:false;
-        }
-      });
-    </script>
-  </dom-module>
-  
-  <outer-component attr='hi'></outer-component>
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>dom-if</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../polymer.html">
+
+</head>
+<body>
+
+  <dom-module id='inner-component'>
+    <template>
+      <p>inner_before</p>
+      <template is=dom-if if={{!value}} restamp>
+        <content></content>
+      </template>
+      <p>inner_after</p>
+    </template>
+    <script>
+      Polymer({
+        is:'inner-component',
+        properties: {
+          attr: String,
+          value: { type: Boolean, computed: 'computeValue(attr)' },
+        },
+        computeValue: function(str) { 
+          return str ? true:false;
+        }      
+      });
+    </script>
+  </dom-module>
+
+  <dom-module id='outer-component'>
+    <template>
+      <inner-component id="inner" attr="hi">
+        <template is=dom-if if={{outerValue}}>
+           template
+        </template>
+        <p>outer_after</p>
+      </inner-component>
+    </template>
+    <script>
+      Polymer({
+        is:'outer-component',
+        properties: {
+          attr: String,
+          outerValue: { type: Boolean, computed: 'computeOuterValue(attr)' },
+        },
+        computeOuterValue: function(str) { 
+          return str ? true:false;
+        }
+      });
+    </script>
+  </dom-module>
+  
+  <outer-component attr='hi'></outer-component>
+
+</body>
+</html>
diff --git a/test/smoke/dynamic-dom-bind.html b/test/smoke/dynamic-dom-bind.html
index 4ec832f98b..e52e62c9e0 100644
--- a/test/smoke/dynamic-dom-bind.html
+++ b/test/smoke/dynamic-dom-bind.html
@@ -1,55 +1,55 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-<link rel="import" href="../../polymer.html">
-
-<body>
-  <x-test></x-test>
-  
-  <dom-module id="x-foo">
-    <template>
-      <content></content>
-    </template>
-    <script>
-      HTMLImports.whenReady(function() {
-        Polymer({
-          is: 'x-foo'
-        });
-      });
-    </script>
-  </dom-module>
-  
-  <dom-module id="x-test">
-    <template>
-      Greeting:
-      <x-foo id="myCustomElement"></x-foo>
-    </template>
-    <script>
-      HTMLImports.whenReady(function() {
-        Polymer({
-          is: 'x-test',
-          attached: function() {
-            var appendTo = this.$.myCustomElement,
-            t = document.createElement('template', 'dom-bind'),
-            span = document.createElement('span');
-            span.innerHTML = '{{hello}}';
-            t.content.appendChild(span);
-            t.hello = 'hey';
-            Polymer.dom(appendTo).appendChild(t);
-          }
-        });
-      });
-    </script>
-  </dom-module>
-  
-
-</body>
-
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+<link rel="import" href="../../polymer.html">
+
+<body>
+  <x-test></x-test>
+  
+  <dom-module id="x-foo">
+    <template>
+      <content></content>
+    </template>
+    <script>
+      HTMLImports.whenReady(function() {
+        Polymer({
+          is: 'x-foo'
+        });
+      });
+    </script>
+  </dom-module>
+  
+  <dom-module id="x-test">
+    <template>
+      Greeting:
+      <x-foo id="myCustomElement"></x-foo>
+    </template>
+    <script>
+      HTMLImports.whenReady(function() {
+        Polymer({
+          is: 'x-test',
+          attached: function() {
+            var appendTo = this.$.myCustomElement,
+            t = document.createElement('template', 'dom-bind'),
+            span = document.createElement('span');
+            span.innerHTML = '{{hello}}';
+            t.content.appendChild(span);
+            t.hello = 'hey';
+            Polymer.dom(appendTo).appendChild(t);
+          }
+        });
+      });
+    </script>
+  </dom-module>
+  
+
+</body>
+
diff --git a/test/smoke/dynamic-dom-bind2.html b/test/smoke/dynamic-dom-bind2.html
index c298f167e5..84f8bba4fe 100644
--- a/test/smoke/dynamic-dom-bind2.html
+++ b/test/smoke/dynamic-dom-bind2.html
@@ -1,73 +1,73 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-<link rel="import" href="../../polymer.html">
-
-<body>
-  <x-outer></x-outer>
-    
-    <dom-module id="x-outer">
-      <template>
-        <x-test id="test1"></x-test>
-        <button on-tap="_addDomBindDirectly">Add dom-bind directly</button>
-        <span>&lt;&lt;&lt; Doesn't work the first time</span>
-        <br /><br />
-        <x-test id="test2"></x-test>
-        <button on-tap="_addDomBindIndirectly">Add dom-bind indirectly</button>
-        <span>&lt;&lt;&lt; Works every time</span>
-      </template>
-    </dom-module>
-    
-    <dom-module id="x-test">
-      <template>
-        <content></content>
-      </template>
-    </dom-module>
-
-    <script>
-    HTMLImports.whenReady(function() {
-      Polymer({
-        is: 'x-test'
-      });
-      
-      Polymer({
-        is: 'x-outer',
-        _addDomBindDirectly: function() {
-          var domBind = this._createDomBind();
-          Polymer.dom(this.$.test1).appendChild(domBind);
-        },
-        _addDomBindIndirectly: function() {
-          var domBind = this._createDomBind();
-          
-          var tempContainer = document.createElement("div");
-          tempContainer.appendChild(domBind);
-          
-          Polymer.dom(this.$.test2).appendChild(tempContainer);
-        },
-        _createDomBind: function() {
-          var domBind = document.createElement("template", "dom-bind");
-          domBind.test = "hello";
-
-          var doc = domBind.content.ownerDocument;
-          var div = doc.createElement("div");
-          div.textContent = "{{test}}";
-
-          domBind.content.appendChild(div);
-          
-          return domBind;
-        }
-      });
-    });
-    </script>
-  
-
-</body>
-
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+<link rel="import" href="../../polymer.html">
+
+<body>
+  <x-outer></x-outer>
+    
+    <dom-module id="x-outer">
+      <template>
+        <x-test id="test1"></x-test>
+        <button on-tap="_addDomBindDirectly">Add dom-bind directly</button>
+        <span>&lt;&lt;&lt; Doesn't work the first time</span>
+        <br /><br />
+        <x-test id="test2"></x-test>
+        <button on-tap="_addDomBindIndirectly">Add dom-bind indirectly</button>
+        <span>&lt;&lt;&lt; Works every time</span>
+      </template>
+    </dom-module>
+    
+    <dom-module id="x-test">
+      <template>
+        <content></content>
+      </template>
+    </dom-module>
+
+    <script>
+    HTMLImports.whenReady(function() {
+      Polymer({
+        is: 'x-test'
+      });
+      
+      Polymer({
+        is: 'x-outer',
+        _addDomBindDirectly: function() {
+          var domBind = this._createDomBind();
+          Polymer.dom(this.$.test1).appendChild(domBind);
+        },
+        _addDomBindIndirectly: function() {
+          var domBind = this._createDomBind();
+          
+          var tempContainer = document.createElement("div");
+          tempContainer.appendChild(domBind);
+          
+          Polymer.dom(this.$.test2).appendChild(tempContainer);
+        },
+        _createDomBind: function() {
+          var domBind = document.createElement("template", "dom-bind");
+          domBind.test = "hello";
+
+          var doc = domBind.content.ownerDocument;
+          var div = doc.createElement("div");
+          div.textContent = "{{test}}";
+
+          domBind.content.appendChild(div);
+          
+          return domBind;
+        }
+      });
+    });
+    </script>
+  
+
+</body>
+
diff --git a/test/smoke/elements-smoke.html b/test/smoke/elements-smoke.html
index 551037b030..671930a43a 100644
--- a/test/smoke/elements-smoke.html
+++ b/test/smoke/elements-smoke.html
@@ -1,164 +1,164 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../../polymer.html">
-<link rel="import" href="../../x-elements/x-toolbar.html">
-<link rel="import" href="../../x-elements/x-overlay.html">
-<link rel="import" href="../../x-elements/x-icon.html">
-<link rel="import" href="../../x-elements/x-icon-button.html">
-<link rel="import" href="../../x-elements/x-pages.html">
-<link rel="import" href="../../x-elements/x-selector.html">
-<link rel="import" href="../../x-elements/x-search-input.html">
-<link rel="import" href="../../x-elements/x-drop-button.html">
-<link rel="import" href="../../x-elements/paper-button.html">
-<link rel="import" href="../../assets/icons.html">
-
-<style>
-
-  body {
-    font-family: sans-serif;
-  }
-
-  x-icon-button {
-    height: 38px;
-  }
-
-  #overlay {
-    width: 500px;
-    height: 200px;
-    background-color: white;
-    border: 1px outset silver;
-    padding: 24px;
-  }
-
-  #overlay2 {
-    width: 200px;
-    height: 600px;
-    background-color: white;
-    border: 1px outset silver;
-    padding: 24px;
-  }
-
-  #overlay3 {
-    xwidth: 100px;
-    background-color: white;
-    border: 1px outset silver;
-  }
-
-  #overlay3 [selected] {
-    background-color: lightblue;
-  }
-
-  #overlay3 h3 {
-    padding: 8px 24px;
-    margin: 0;
-  }
-
-  #overlay3 [tools] {
-    padding: 4px;
-  }
-
-  paper-button {
-    background-color: lightblue;
-  }
-
-  page {
-    display: block;
-  }
-
-  #one {
-    background-color: whitesmoke;
-  }
-
-  #two {
-    background-color: #FFDCCA;
-  }
-
-  x-drop-button {
-    xdisplay: block;
-    border: 1px dotted silver;
-    padding: 4px;
-  }
-
-</style>
-
-<body fullbleed vertical layout>
-
-<x-toolbar>
-  <x-icon-button icon="menu"></x-icon-button>
-  <h2>Hello World</h2>
-  <x-search-input></x-search-input>
-  <span flex></span>
-  <x-icon-button icon="schedule" onclick="pages.selected = 1"></x-icon-button>
-  <x-icon-button icon="settings" onclick="pages.selected = 0"></x-icon-button>
-  <span flex five></span>
-</x-toolbar>
-
-<x-pages id="pages" flex scroll>
-
-  <page id="one">
-
-    <div style="height: 500px; padding: 16px;">
-      <x-drop-button onclick="overlay3.open(this.getBoundingClientRect(), true);">Foo</x-drop-button>
-    </div>
-
-    <paper-button onclick="overlay.open();">Dialog</paper-button>
-    <paper-button onclick="overlay3.open(this.getBoundingClientRect(), true);">Pop</paper-button>
-    <div style="height: 2500px;"></div>
-
-  </page>
-
-  <page id="two">
-
-    <br>
-    <h2>Two</h2>
-    <br>
-
-  </page>
-
-</x-pages>
-
-<x-overlay id="overlay" vertical layout>
-
-  <div horizontal end-justified layout>
-    <paper-button onclick="overlay2.open();">Nest</paper-button>
-  </div>
-  <div flex></div>
-  <div horizontal end-justified layout>
-    <paper-button onclick="overlay.close();">Close</paper-button>
-  </div>
-
-</x-overlay>
-
-<x-overlay id="overlay2" vertical layout>
-
-  <div horizontal end-justified layout>
-    <paper-button onclick="overlay3.open(this.getBoundingClientRect());">Nest 2</paper-button>
-  </div>
-  <div flex></div>
-  <div horizontal end-justified layout>
-    <paper-button onclick="overlay2.close();">Close</paper-button>
-  </div>
-
-</x-overlay>
-
-<x-overlay id="overlay3" vertical layout>
-
-  <x-selector block flex>
-    <h3>Alpha</h3>
-    <h3>Beta</h3>
-    <h3>Gamma</h3>
-  </x-selector>
-  <div tools horizontal end-justified layout>
-    <paper-button onclick="overlay3.close();">Close</paper-button>
-  </div>
-
-</x-overlay>
-
-</body>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer.html">
+<link rel="import" href="../../x-elements/x-toolbar.html">
+<link rel="import" href="../../x-elements/x-overlay.html">
+<link rel="import" href="../../x-elements/x-icon.html">
+<link rel="import" href="../../x-elements/x-icon-button.html">
+<link rel="import" href="../../x-elements/x-pages.html">
+<link rel="import" href="../../x-elements/x-selector.html">
+<link rel="import" href="../../x-elements/x-search-input.html">
+<link rel="import" href="../../x-elements/x-drop-button.html">
+<link rel="import" href="../../x-elements/paper-button.html">
+<link rel="import" href="../../assets/icons.html">
+
+<style>
+
+  body {
+    font-family: sans-serif;
+  }
+
+  x-icon-button {
+    height: 38px;
+  }
+
+  #overlay {
+    width: 500px;
+    height: 200px;
+    background-color: white;
+    border: 1px outset silver;
+    padding: 24px;
+  }
+
+  #overlay2 {
+    width: 200px;
+    height: 600px;
+    background-color: white;
+    border: 1px outset silver;
+    padding: 24px;
+  }
+
+  #overlay3 {
+    xwidth: 100px;
+    background-color: white;
+    border: 1px outset silver;
+  }
+
+  #overlay3 [selected] {
+    background-color: lightblue;
+  }
+
+  #overlay3 h3 {
+    padding: 8px 24px;
+    margin: 0;
+  }
+
+  #overlay3 [tools] {
+    padding: 4px;
+  }
+
+  paper-button {
+    background-color: lightblue;
+  }
+
+  page {
+    display: block;
+  }
+
+  #one {
+    background-color: whitesmoke;
+  }
+
+  #two {
+    background-color: #FFDCCA;
+  }
+
+  x-drop-button {
+    xdisplay: block;
+    border: 1px dotted silver;
+    padding: 4px;
+  }
+
+</style>
+
+<body fullbleed vertical layout>
+
+<x-toolbar>
+  <x-icon-button icon="menu"></x-icon-button>
+  <h2>Hello World</h2>
+  <x-search-input></x-search-input>
+  <span flex></span>
+  <x-icon-button icon="schedule" onclick="pages.selected = 1"></x-icon-button>
+  <x-icon-button icon="settings" onclick="pages.selected = 0"></x-icon-button>
+  <span flex five></span>
+</x-toolbar>
+
+<x-pages id="pages" flex scroll>
+
+  <page id="one">
+
+    <div style="height: 500px; padding: 16px;">
+      <x-drop-button onclick="overlay3.open(this.getBoundingClientRect(), true);">Foo</x-drop-button>
+    </div>
+
+    <paper-button onclick="overlay.open();">Dialog</paper-button>
+    <paper-button onclick="overlay3.open(this.getBoundingClientRect(), true);">Pop</paper-button>
+    <div style="height: 2500px;"></div>
+
+  </page>
+
+  <page id="two">
+
+    <br>
+    <h2>Two</h2>
+    <br>
+
+  </page>
+
+</x-pages>
+
+<x-overlay id="overlay" vertical layout>
+
+  <div horizontal end-justified layout>
+    <paper-button onclick="overlay2.open();">Nest</paper-button>
+  </div>
+  <div flex></div>
+  <div horizontal end-justified layout>
+    <paper-button onclick="overlay.close();">Close</paper-button>
+  </div>
+
+</x-overlay>
+
+<x-overlay id="overlay2" vertical layout>
+
+  <div horizontal end-justified layout>
+    <paper-button onclick="overlay3.open(this.getBoundingClientRect());">Nest 2</paper-button>
+  </div>
+  <div flex></div>
+  <div horizontal end-justified layout>
+    <paper-button onclick="overlay2.close();">Close</paper-button>
+  </div>
+
+</x-overlay>
+
+<x-overlay id="overlay3" vertical layout>
+
+  <x-selector block flex>
+    <h3>Alpha</h3>
+    <h3>Beta</h3>
+    <h3>Gamma</h3>
+  </x-selector>
+  <div tools horizontal end-justified layout>
+    <paper-button onclick="overlay3.close();">Close</paper-button>
+  </div>
+
+</x-overlay>
+
+</body>
diff --git a/test/smoke/host-context.html b/test/smoke/host-context.html
index df661e2955..8568801fc4 100644
--- a/test/smoke/host-context.html
+++ b/test/smoke/host-context.html
@@ -1,44 +1,44 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>dom-if</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../polymer.html">
-
-</head>
-<body>
-
-  <dom-module id="x-host">
-    <style>
-      :host {
-        display: block;
-      }
-
-      :host-context([dir="rtl"]):after {
-        content: 'rtl';
-      }
-    </style>
-    <template>
-      Hi!
-    </template>
-    <script>
-      Polymer({
-        is:'x-host',
-      });
-    </script>
-  </dom-module>
-  
-  <div  dir="rtl">
-    <x-host></x-host>
-  </div>
-  <br>
-  <x-host></x-host>
-  
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>dom-if</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../polymer.html">
+
+</head>
+<body>
+
+  <dom-module id="x-host">
+    <style>
+      :host {
+        display: block;
+      }
+
+      :host-context([dir="rtl"]):after {
+        content: 'rtl';
+      }
+    </style>
+    <template>
+      Hi!
+    </template>
+    <script>
+      Polymer({
+        is:'x-host',
+      });
+    </script>
+  </dom-module>
+  
+  <div  dir="rtl">
+    <x-host></x-host>
+  </div>
+  <br>
+  <x-host></x-host>
+  
+
+</body>
+</html>
diff --git a/test/smoke/ie-annotations.html b/test/smoke/ie-annotations.html
index 001133d6fe..e9e47d0eb8 100644
--- a/test/smoke/ie-annotations.html
+++ b/test/smoke/ie-annotations.html
@@ -1,43 +1,43 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>annotations</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../polymer.html">
-
-</head>
-<body>
-
-  <dom-module id="my-component">
-    <template>
-      <p>&copy;</p>
-      <p>{{myText}}</p>
-    </template>
-  </dom-module>
-
-  <script>
-  HTMLImports.whenReady(function() {
-    Polymer({
-      is: "my-component",
-      properties: {
-        myText: {
-          type: String,
-          value: 'Sample'
-        }
-      },
-    });
-  });
-  </script>
-    
-  <h1>Bind correctly?</h1>
-  
-  <my-component></my-component>
-  
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>annotations</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../polymer.html">
+
+</head>
+<body>
+
+  <dom-module id="my-component">
+    <template>
+      <p>&copy;</p>
+      <p>{{myText}}</p>
+    </template>
+  </dom-module>
+
+  <script>
+  HTMLImports.whenReady(function() {
+    Polymer({
+      is: "my-component",
+      properties: {
+        myText: {
+          type: String,
+          value: 'Sample'
+        }
+      },
+    });
+  });
+  </script>
+    
+  <h1>Bind correctly?</h1>
+  
+  <my-component></my-component>
+  
+
+</body>
+</html>
diff --git a/test/smoke/keyframes.html b/test/smoke/keyframes.html
index 83dd7536fb..60441f54c1 100644
--- a/test/smoke/keyframes.html
+++ b/test/smoke/keyframes.html
@@ -1,60 +1,60 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-<link rel="import" href="../../polymer.html">
-
-<body>
-  <style is="custom-style">
-    :root {
-      --color: blue;
-      --anim-color: red;
-    }
-
-    .alternative {
-      --color: green;
-      --anim-color: blue;
-    }
-  </style>
-
-  <dom-module id="test-keyframes">
-    <template><style>
-      :host {
-        display: block;
-        color: var(--color);
-        animation: foo 3s;
-        height: 20px;
-      }
-
-      @keyframes foo {
-        0% {
-          background: var(--anim-color);
-        }
-
-        100% {
-          background: yellow;
-        }
-      }
-    </style><content></content></template>
-    <script>
-      Polymer({
-        is: 'test-keyframes'
-      });
-
-    </script>
-  </dom-module>
-
-  <p>Text should be the color blue. Background should animate from the color red to the color yellow, and then become transparent.</p>
-  <test-keyframes>red</test-keyframes>
-
-  <p>Text should be the color green. Background should animate from the color blue to the color yellow, and then become transparent.</p>
-  <test-keyframes class="alternative">blue</test-keyframes>
-
-</body>
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+<link rel="import" href="../../polymer.html">
+
+<body>
+  <style is="custom-style">
+    :root {
+      --color: blue;
+      --anim-color: red;
+    }
+
+    .alternative {
+      --color: green;
+      --anim-color: blue;
+    }
+  </style>
+
+  <dom-module id="test-keyframes">
+    <template><style>
+      :host {
+        display: block;
+        color: var(--color);
+        animation: foo 3s;
+        height: 20px;
+      }
+
+      @keyframes foo {
+        0% {
+          background: var(--anim-color);
+        }
+
+        100% {
+          background: yellow;
+        }
+      }
+    </style><content></content></template>
+    <script>
+      Polymer({
+        is: 'test-keyframes'
+      });
+
+    </script>
+  </dom-module>
+
+  <p>Text should be the color blue. Background should animate from the color red to the color yellow, and then become transparent.</p>
+  <test-keyframes>red</test-keyframes>
+
+  <p>Text should be the color green. Background should animate from the color blue to the color yellow, and then become transparent.</p>
+  <test-keyframes class="alternative">blue</test-keyframes>
+
+</body>
diff --git a/test/smoke/nextSibling.html b/test/smoke/nextSibling.html
index 13c2092e70..8c92a0ec8c 100644
--- a/test/smoke/nextSibling.html
+++ b/test/smoke/nextSibling.html
@@ -1,42 +1,42 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>annotations</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <script>//Polymer = {dom: 'shadow'}</script>
-  <link rel="import" href="../../polymer.html">
-
-</head>
-<body>
-
-
-<script>
-  var ul = document.createElement("ul");
-  for (i=0; i < 1000; i++) {
-    var li = document.createElement("li");
-    ul.appendChild(li);
-  }
-
-  var start = window.performance.now();
-  var e = ul.firstElementChild;
-  for (i=0; i <999; i++) 
-    e = e.nextSibling;
-
-  console.log(e);
-  console.log("Native performance: "+(window.performance.now()-start)+"ms");
-
-  var start = window.performance.now();
-  var e = ul.firstElementChild;
-  for (i=0; i <999; i++) 
-    e = Polymer.dom(e).nextSibling;
-
-  console.log(e);
-  console.log("Polymer performance: "+(window.performance.now()-start)+"ms");
-</script>
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>annotations</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <script>//Polymer = {dom: 'shadow'}</script>
+  <link rel="import" href="../../polymer.html">
+
+</head>
+<body>
+
+
+<script>
+  var ul = document.createElement("ul");
+  for (i=0; i < 1000; i++) {
+    var li = document.createElement("li");
+    ul.appendChild(li);
+  }
+
+  var start = window.performance.now();
+  var e = ul.firstElementChild;
+  for (i=0; i <999; i++) 
+    e = e.nextSibling;
+
+  console.log(e);
+  console.log("Native performance: "+(window.performance.now()-start)+"ms");
+
+  var start = window.performance.now();
+  var e = ul.firstElementChild;
+  for (i=0; i <999; i++) 
+    e = Polymer.dom(e).nextSibling;
+
+  console.log(e);
+  console.log("Polymer performance: "+(window.performance.now()-start)+"ms");
+</script>
+</body>
+</html>
diff --git a/test/smoke/observeContent.html b/test/smoke/observeContent.html
index f6efae177d..2cdc3a6dcc 100644
--- a/test/smoke/observeContent.html
+++ b/test/smoke/observeContent.html
@@ -1,84 +1,84 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>observeContent</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../polymer.html">
-
-</head>
-<body>
-
-  <dom-module id='test-content'>
-    <template>
-      [<content id="ip"></content>]
-    </template>
-    <script>
-    (function() {
-      Polymer({
-        is:'test-content',
-        created: function() {
-        },
-        // _setupRoot: function() {
-        //   Polymer.Base._setupRoot.call(this);
-        //   Polymer.dom(this.$.ip).observeNodes(function(info) {
-        //     console.log('internal', info.changes[0]);
-        //   });
-        //   Polymer.dom(this.$.ip).observer.includeChanges = true;
-        // }
-      });
-    })();
-    </script>
-  </dom-module>
-
-  <dom-module id='test-static'>
-    <template>
-      My children do not render.
-    </template>
-    <script>
-      Polymer({
-        is:'test-static',
-        created: function() {
-        }
-      });
-    </script>
-  </dom-module>
-  
-  <test-content id="content">
-    <div>content A</div>
-    <div>content B</div>
-  </test-content>
-
-  <br><br>
-
-  <test-static id="stat"><div>static A</div><div>static B</div></test-static>
-
-  <script>
-  function obs(info) {
-    console.log('custom observer', info);
-  }
-
-  Polymer.dom(content.$.ip).observeNodes(function(info) {
-    console.log(info);
-  }, true);
-  Polymer.dom(content).flush();
-  Polymer.dom(stat).flush();
-  console.group('test dynamic');
-
-  var d = document.createElement('div');
-  d.id = 'foo';
-  d.innerHTML = 'Dynamic!';
-  Polymer.dom(content).flush();
-  Polymer.dom(content).appendChild(d);
-  Polymer.dom(content).flush();
-  // Polymer.dom(content).removeChild(d);
-  // Polymer.dom(content).flush();
-  console.groupEnd('test dynamic');
-  </script>
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>observeContent</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../polymer.html">
+
+</head>
+<body>
+
+  <dom-module id='test-content'>
+    <template>
+      [<content id="ip"></content>]
+    </template>
+    <script>
+    (function() {
+      Polymer({
+        is:'test-content',
+        created: function() {
+        },
+        // _setupRoot: function() {
+        //   Polymer.Base._setupRoot.call(this);
+        //   Polymer.dom(this.$.ip).observeNodes(function(info) {
+        //     console.log('internal', info.changes[0]);
+        //   });
+        //   Polymer.dom(this.$.ip).observer.includeChanges = true;
+        // }
+      });
+    })();
+    </script>
+  </dom-module>
+
+  <dom-module id='test-static'>
+    <template>
+      My children do not render.
+    </template>
+    <script>
+      Polymer({
+        is:'test-static',
+        created: function() {
+        }
+      });
+    </script>
+  </dom-module>
+  
+  <test-content id="content">
+    <div>content A</div>
+    <div>content B</div>
+  </test-content>
+
+  <br><br>
+
+  <test-static id="stat"><div>static A</div><div>static B</div></test-static>
+
+  <script>
+  function obs(info) {
+    console.log('custom observer', info);
+  }
+
+  Polymer.dom(content.$.ip).observeNodes(function(info) {
+    console.log(info);
+  }, true);
+  Polymer.dom(content).flush();
+  Polymer.dom(stat).flush();
+  console.group('test dynamic');
+
+  var d = document.createElement('div');
+  d.id = 'foo';
+  d.innerHTML = 'Dynamic!';
+  Polymer.dom(content).flush();
+  Polymer.dom(content).appendChild(d);
+  Polymer.dom(content).flush();
+  // Polymer.dom(content).removeChild(d);
+  // Polymer.dom(content).flush();
+  console.groupEnd('test dynamic');
+  </script>
+
+</body>
+</html>
diff --git a/test/smoke/observeNodes-repeat.html b/test/smoke/observeNodes-repeat.html
index a578158758..a5f71378c8 100644
--- a/test/smoke/observeNodes-repeat.html
+++ b/test/smoke/observeNodes-repeat.html
@@ -1,108 +1,108 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>observeNodes-repeat</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../polymer.html">
-
-<body>
-  
-  <script>
-    Polymer({
-      is: 'x-observes-nodes',
-      
-      properties: {
-        children: {
-          type: Array,
-          readOnly: true,
-          value: function() {
-            return [];
-          }
-        }
-      },
-      
-      _updateChildren: function(info) {
-        console.log('Updating children!', info);
-        var children = Polymer.dom(this).queryDistributedElements('div');
-        this._setChildren(children);
-      },
-      
-      attached: function() {
-        Polymer.dom(this).observeNodes(function(info) {
-          this._updateChildren(info);
-        }.bind(this));
-      }
-    });
-
-    function randomObject() {
-      return {
-        name: 'foo'
-      };
-    }
-
-    function randomArray(size) {
-      var array = [];
-      for (var i = 0; i < size; ++i) {
-        array.push(randomObject());
-      }
-      return array;
-    }
-
-    function numberOfDivs() {
-      return Polymer.dom(document).querySelectorAll('div').length;
-    }
-
-    function assertDivs(number) {
-      console.log('Do we have (' + number + ') divs?', number === numberOfDivs(), 'Actual: ' + numberOfDivs());
-    }
-
-    function assertChildren() {
-      var observesNodes = Polymer.dom(document).querySelector('x-observes-nodes');
-      console.log('Same number of children as divs?', observesNodes.children.length === numberOfDivs(), 'Actual: ' + observesNodes.children.length);
-    }
-
-
-
-    window.addEventListener('load', function() {
-      var dom = document.querySelector('#x-dom');
-      
-      console.log('Starting tests..');
-      
-      dom.set('items', randomArray(3));
-      
-      
-      Polymer.Base.async(function() {
-      
-        assertDivs(3);
-        assertChildren();
-
-        dom.set('items', randomArray(6));
-        
-        Polymer.Base.async(function() {
-          assertDivs(6);
-          assertChildren();
-          
-          dom.set('items', randomArray(4));
-          
-          Polymer.Base.async(function() {
-            assertDivs(4);
-            assertChildren();
-            
-            console.log('Tests done!');
-          }, 10);
-        }, 10);
-      }, 10);
-    });
-  </script>
-  
-  <template id="x-dom" is="dom-bind">
-    <x-observes-nodes><template is="dom-repeat" items="[[items]]"><div>{{item.name}}</div></template></x-observes-nodes>
-  </template>
-  
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>observeNodes-repeat</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../polymer.html">
+
+<body>
+  
+  <script>
+    Polymer({
+      is: 'x-observes-nodes',
+      
+      properties: {
+        children: {
+          type: Array,
+          readOnly: true,
+          value: function() {
+            return [];
+          }
+        }
+      },
+      
+      _updateChildren: function(info) {
+        console.log('Updating children!', info);
+        var children = Polymer.dom(this).queryDistributedElements('div');
+        this._setChildren(children);
+      },
+      
+      attached: function() {
+        Polymer.dom(this).observeNodes(function(info) {
+          this._updateChildren(info);
+        }.bind(this));
+      }
+    });
+
+    function randomObject() {
+      return {
+        name: 'foo'
+      };
+    }
+
+    function randomArray(size) {
+      var array = [];
+      for (var i = 0; i < size; ++i) {
+        array.push(randomObject());
+      }
+      return array;
+    }
+
+    function numberOfDivs() {
+      return Polymer.dom(document).querySelectorAll('div').length;
+    }
+
+    function assertDivs(number) {
+      console.log('Do we have (' + number + ') divs?', number === numberOfDivs(), 'Actual: ' + numberOfDivs());
+    }
+
+    function assertChildren() {
+      var observesNodes = Polymer.dom(document).querySelector('x-observes-nodes');
+      console.log('Same number of children as divs?', observesNodes.children.length === numberOfDivs(), 'Actual: ' + observesNodes.children.length);
+    }
+
+
+
+    window.addEventListener('load', function() {
+      var dom = document.querySelector('#x-dom');
+      
+      console.log('Starting tests..');
+      
+      dom.set('items', randomArray(3));
+      
+      
+      Polymer.Base.async(function() {
+      
+        assertDivs(3);
+        assertChildren();
+
+        dom.set('items', randomArray(6));
+        
+        Polymer.Base.async(function() {
+          assertDivs(6);
+          assertChildren();
+          
+          dom.set('items', randomArray(4));
+          
+          Polymer.Base.async(function() {
+            assertDivs(4);
+            assertChildren();
+            
+            console.log('Tests done!');
+          }, 10);
+        }, 10);
+      }, 10);
+    });
+  </script>
+  
+  <template id="x-dom" is="dom-bind">
+    <x-observes-nodes><template is="dom-repeat" items="[[items]]"><div>{{item.name}}</div></template></x-observes-nodes>
+  </template>
+  
+</body>
+</html>
diff --git a/test/smoke/observeNodes.html b/test/smoke/observeNodes.html
index 957a17cc6c..28ffd21db6 100644
--- a/test/smoke/observeNodes.html
+++ b/test/smoke/observeNodes.html
@@ -1,82 +1,82 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>observeNodes</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../polymer.html">
-
-</head>
-<body>
-
-  <dom-module id='test-content'>
-    <template>
-      [<content></content>]
-    </template>
-    <script>
-      Polymer({
-        is:'test-content',
-        created: function() {
-          Polymer.dom(this).observeNodes(function(info) {
-            console.log('test-content', info);
-          });
-        }
-      });
-    </script>
-  </dom-module>
-
-  <dom-module id='test-static'>
-    <template>
-      My children do not render.
-    </template>
-    <script>
-      Polymer({
-        is:'test-static',
-        created: function() {
-          Polymer.dom(this).observeNodes(function(info) {
-            console.log('test-static', info);
-          });
-        }
-      });
-    </script>
-  </dom-module>
-  
-  <test-content id="content">
-    <div>content A</div>
-    <div>content B</div>
-  </test-content>
-
-  <br><br>
-
-  <test-static id="stat"><div>static A</div><div>static B</div></test-static>
-
-  <script>
-  Polymer.dom(content).flush();
-  Polymer.dom(stat).flush();
-  console.group('test dynamic');
-  function obs(info) {
-    console.log('custom observer', info);
-  }
-  var hc = Polymer.dom(content).observeNodes(obs);
-  var hs = Polymer.dom(stat).observeNodes(obs);
-  
-  var d = document.createElement('div');
-  d.id = 'foo';
-  d.innerHTML = 'Dynamic!';
-  Polymer.dom(content).appendChild(d);
-  Polymer.dom(stat).appendChild(d);
-  Polymer.dom(content).flush();
-  Polymer.dom(stat).flush();
-  Polymer.dom(content).unobserveNodes(hc);
-  Polymer.dom(stat).unobserveNodes(hs);
-  Polymer.dom(stat).removeChild(d);
-  Polymer.dom(stat).flush();
-  console.groupEnd('test dynamic');
-  </script>
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>observeNodes</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../polymer.html">
+
+</head>
+<body>
+
+  <dom-module id='test-content'>
+    <template>
+      [<content></content>]
+    </template>
+    <script>
+      Polymer({
+        is:'test-content',
+        created: function() {
+          Polymer.dom(this).observeNodes(function(info) {
+            console.log('test-content', info);
+          });
+        }
+      });
+    </script>
+  </dom-module>
+
+  <dom-module id='test-static'>
+    <template>
+      My children do not render.
+    </template>
+    <script>
+      Polymer({
+        is:'test-static',
+        created: function() {
+          Polymer.dom(this).observeNodes(function(info) {
+            console.log('test-static', info);
+          });
+        }
+      });
+    </script>
+  </dom-module>
+  
+  <test-content id="content">
+    <div>content A</div>
+    <div>content B</div>
+  </test-content>
+
+  <br><br>
+
+  <test-static id="stat"><div>static A</div><div>static B</div></test-static>
+
+  <script>
+  Polymer.dom(content).flush();
+  Polymer.dom(stat).flush();
+  console.group('test dynamic');
+  function obs(info) {
+    console.log('custom observer', info);
+  }
+  var hc = Polymer.dom(content).observeNodes(obs);
+  var hs = Polymer.dom(stat).observeNodes(obs);
+  
+  var d = document.createElement('div');
+  d.id = 'foo';
+  d.innerHTML = 'Dynamic!';
+  Polymer.dom(content).appendChild(d);
+  Polymer.dom(stat).appendChild(d);
+  Polymer.dom(content).flush();
+  Polymer.dom(stat).flush();
+  Polymer.dom(content).unobserveNodes(hc);
+  Polymer.dom(stat).unobserveNodes(hs);
+  Polymer.dom(stat).removeChild(d);
+  Polymer.dom(stat).flush();
+  console.groupEnd('test dynamic');
+  </script>
+
+</body>
+</html>
diff --git a/test/smoke/observeReNodes-attr.html b/test/smoke/observeReNodes-attr.html
index d53a509725..2495ed9a58 100644
--- a/test/smoke/observeReNodes-attr.html
+++ b/test/smoke/observeReNodes-attr.html
@@ -1,158 +1,158 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>observeReNodes</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../polymer.html">
-
-</head>
-<body>
-
-  <dom-module id='test-inner'>
-    <template>
-      ~<content id="c" select=".a"></content>~
-    </template>
-    <script>
-      Polymer({
-        is:'test-inner',
-        ready: function() {
-          this.observe();
-        },
-
-        observe: function() {
-          console.warn('observeNodes', this.localName);
-          this._childObserver = Polymer.dom(this).observeNodes(function(info) {
-            info.addedNodes.forEach(function(n) {
-              if (n.nodeType === Node.ELEMENT_NODE) {
-                console.log('added:', n.localName, n.textContent);
-              }
-            });
-            info.removedNodes.forEach(function(n) {
-              if (n.nodeType === Node.ELEMENT_NODE) {
-                console.log('removed:', n.localName, n.textContent);
-              }
-            });
-          }, {changes: true, attributes: true});
-          this._contentObserver = Polymer.dom(this.$.c).observeNodes(function(info) {
-            info.addedNodes.forEach(function(n) {
-              if (n.nodeType === Node.ELEMENT_NODE) {
-                console.log('%c content added:', 'color: blue;', n.localName, n.textContent);
-              }
-            });
-            info.removedNodes.forEach(function(n) {
-              if (n.nodeType === Node.ELEMENT_NODE) {
-                console.log('%c content removed:', 'color: blue;', n.localName, n.textContent);
-              }
-            });
-          }, {changes: true, attributes: true});
-        },
-
-        unobserve: function() {
-          console.warn('unobserveNodes', this.localName);
-          Polymer.dom(this).unobserveNodes(this._childObserver);
-          Polymer.dom(this.$.c).unobserveNodes(this._contentObserver);
-        }
-      });
-    </script>
-  </dom-module>
-
-  <dom-module id='test-content'>
-    <template>
-      <test-inner id="inner">[<content id="ip" select=".b"></content>]</test-inner>
-    </template>
-    <script>
-    (function() {
-      Polymer({
-        is:'test-content'
-      });
-    })();
-    </script>
-  </dom-module>
-
-  <test-content id="content">
-    <div class="a b">content A</div>
-    <div class="a b">content B</div>
-  </test-content>
-
-  <br><br>
-
-  <script>
-  
-  function makeNode(text) {
-    var d = document.createElement('div');
-    d.textContent = text;;
-    return d;
-  }
-
-
-  Polymer.dom.flush();
-  
-  function test(done) {
-    console.group('test dynamic');
-    var d = makeNode('dynamic!');
-    Polymer.dom.flush();
-    Polymer.dom(content).appendChild(d);
-    Polymer.dom.flush();
-    Polymer.dom(content).removeChild(d);
-    Polymer.dom.flush();
-    d = makeNode('1');
-    Polymer.dom(d).classList.add('b');
-    Polymer.dom(content).appendChild(d);
-    Polymer.dom.flush();
-    Polymer.dom(d).classList.add('a');
-    //Polymer.dom(Polymer.dom(d).parentNode).notifyObservers();
-    Polymer.dom(content.$.inner).appendChild(makeNode('2'));
-    Polymer.dom.flush();
-    d = makeNode('-1');
-    Polymer.dom(d).classList.add('b');
-    Polymer.dom(d).classList.add('a');
-    Polymer.dom(content).insertBefore(d, Polymer.dom(content).firstChild);
-    Polymer.dom.flush();
-    Polymer.dom(content.$.inner).insertBefore(makeNode('-2'), Polymer.dom(content.$.inner).firstChild);
-    Polymer.dom.flush();
-    Polymer.dom(content.$.inner).removeChild(Polymer.dom(content.$.inner).firstChild);
-    Polymer.dom(content.$.inner).removeChild(Polymer.dom(content.$.inner).lastChild);
-    Polymer.dom(content).removeChild(Polymer.dom(content).firstChild);
-    Polymer.dom(content).removeChild(Polymer.dom(content).lastChild);
-    Polymer.dom.flush();
-
-    var d1 = makeNode('dynamic2!');
-    Polymer.dom(content).appendChild(d1);
-
-    setTimeout(function() {
-      Polymer.dom(d1).classList.add('a');
-      Polymer.dom(d1).classList.add('b');
-      setTimeout(function() {
-        //Polymer.dom(content).notifyObservers();
-        console.groupEnd('test dynamic');
-        if (done) {
-          done();
-        }
-      });
-    });
-  }
-    
-   
-  test(function() {
-    content.$.inner.unobserve();
-    test(function() {
-      content.$.inner.observe();
-      test(function() {
-        content.$.inner.unobserve();
-        test(function() {
-          content.$.inner.observe();
-          test();  
-        });
-      });
-    });
-  });
-
-  </script>
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>observeReNodes</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../polymer.html">
+
+</head>
+<body>
+
+  <dom-module id='test-inner'>
+    <template>
+      ~<content id="c" select=".a"></content>~
+    </template>
+    <script>
+      Polymer({
+        is:'test-inner',
+        ready: function() {
+          this.observe();
+        },
+
+        observe: function() {
+          console.warn('observeNodes', this.localName);
+          this._childObserver = Polymer.dom(this).observeNodes(function(info) {
+            info.addedNodes.forEach(function(n) {
+              if (n.nodeType === Node.ELEMENT_NODE) {
+                console.log('added:', n.localName, n.textContent);
+              }
+            });
+            info.removedNodes.forEach(function(n) {
+              if (n.nodeType === Node.ELEMENT_NODE) {
+                console.log('removed:', n.localName, n.textContent);
+              }
+            });
+          }, {changes: true, attributes: true});
+          this._contentObserver = Polymer.dom(this.$.c).observeNodes(function(info) {
+            info.addedNodes.forEach(function(n) {
+              if (n.nodeType === Node.ELEMENT_NODE) {
+                console.log('%c content added:', 'color: blue;', n.localName, n.textContent);
+              }
+            });
+            info.removedNodes.forEach(function(n) {
+              if (n.nodeType === Node.ELEMENT_NODE) {
+                console.log('%c content removed:', 'color: blue;', n.localName, n.textContent);
+              }
+            });
+          }, {changes: true, attributes: true});
+        },
+
+        unobserve: function() {
+          console.warn('unobserveNodes', this.localName);
+          Polymer.dom(this).unobserveNodes(this._childObserver);
+          Polymer.dom(this.$.c).unobserveNodes(this._contentObserver);
+        }
+      });
+    </script>
+  </dom-module>
+
+  <dom-module id='test-content'>
+    <template>
+      <test-inner id="inner">[<content id="ip" select=".b"></content>]</test-inner>
+    </template>
+    <script>
+    (function() {
+      Polymer({
+        is:'test-content'
+      });
+    })();
+    </script>
+  </dom-module>
+
+  <test-content id="content">
+    <div class="a b">content A</div>
+    <div class="a b">content B</div>
+  </test-content>
+
+  <br><br>
+
+  <script>
+  
+  function makeNode(text) {
+    var d = document.createElement('div');
+    d.textContent = text;;
+    return d;
+  }
+
+
+  Polymer.dom.flush();
+  
+  function test(done) {
+    console.group('test dynamic');
+    var d = makeNode('dynamic!');
+    Polymer.dom.flush();
+    Polymer.dom(content).appendChild(d);
+    Polymer.dom.flush();
+    Polymer.dom(content).removeChild(d);
+    Polymer.dom.flush();
+    d = makeNode('1');
+    Polymer.dom(d).classList.add('b');
+    Polymer.dom(content).appendChild(d);
+    Polymer.dom.flush();
+    Polymer.dom(d).classList.add('a');
+    //Polymer.dom(Polymer.dom(d).parentNode).notifyObservers();
+    Polymer.dom(content.$.inner).appendChild(makeNode('2'));
+    Polymer.dom.flush();
+    d = makeNode('-1');
+    Polymer.dom(d).classList.add('b');
+    Polymer.dom(d).classList.add('a');
+    Polymer.dom(content).insertBefore(d, Polymer.dom(content).firstChild);
+    Polymer.dom.flush();
+    Polymer.dom(content.$.inner).insertBefore(makeNode('-2'), Polymer.dom(content.$.inner).firstChild);
+    Polymer.dom.flush();
+    Polymer.dom(content.$.inner).removeChild(Polymer.dom(content.$.inner).firstChild);
+    Polymer.dom(content.$.inner).removeChild(Polymer.dom(content.$.inner).lastChild);
+    Polymer.dom(content).removeChild(Polymer.dom(content).firstChild);
+    Polymer.dom(content).removeChild(Polymer.dom(content).lastChild);
+    Polymer.dom.flush();
+
+    var d1 = makeNode('dynamic2!');
+    Polymer.dom(content).appendChild(d1);
+
+    setTimeout(function() {
+      Polymer.dom(d1).classList.add('a');
+      Polymer.dom(d1).classList.add('b');
+      setTimeout(function() {
+        //Polymer.dom(content).notifyObservers();
+        console.groupEnd('test dynamic');
+        if (done) {
+          done();
+        }
+      });
+    });
+  }
+    
+   
+  test(function() {
+    content.$.inner.unobserve();
+    test(function() {
+      content.$.inner.observe();
+      test(function() {
+        content.$.inner.unobserve();
+        test(function() {
+          content.$.inner.observe();
+          test();  
+        });
+      });
+    });
+  });
+
+  </script>
+
+</body>
+</html>
diff --git a/test/smoke/observeReNodes.html b/test/smoke/observeReNodes.html
index 119f998adf..bb7cbae94a 100644
--- a/test/smoke/observeReNodes.html
+++ b/test/smoke/observeReNodes.html
@@ -1,119 +1,119 @@
-<!doctype html>
-<html>
-<head>
-
-  <title>observeReNodes</title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../polymer.html">
-
-</head>
-<body>
-
-  <dom-module id='test-inner'>
-    <template>
-      ~<content></content>~
-    </template>
-    <script>
-      Polymer({
-        is:'test-inner',
-        ready: function() {
-          this.observe();
-        },
-
-        observe: function() {
-          console.warn('observeNodes', this.localName);
-          this._childObserver = Polymer.dom(this).observeNodes(function(info) {
-            info.addedNodes.forEach(function(n) {
-              if (n.nodeType === Node.ELEMENT_NODE) {
-                console.log('added:', n.localName, n.textContent);
-              }
-            });
-            info.removedNodes.forEach(function(n) {
-              if (n.nodeType === Node.ELEMENT_NODE) {
-                console.log('removed:', n.localName, n.textContent);
-              }
-            });
-          });
-        },
-
-        unobserve: function() {
-          console.warn('unobserveNodes', this.localName);
-          Polymer.dom(this).unobserveNodes(this._childObserver);
-        }
-      });
-    </script>
-  </dom-module>
-
-  <dom-module id='test-content'>
-    <template>
-      <test-inner id="inner">[<content id="ip"></content>]</test-inner>
-    </template>
-    <script>
-    (function() {
-      Polymer({
-        is:'test-content'
-      });
-    })();
-    </script>
-  </dom-module>
-
-  <test-content id="content">
-    <div>content A</div>
-    <div>content B</div>
-  </test-content>
-
-  <br><br>
-
-  <script>
-  
-  function makeNode(text) {
-    var d = document.createElement('div');
-    d.textContent = text;;
-    return d;
-  }
-
-
-  Polymer.dom.flush();
-
-  function test() {
-    console.group('test dynamic');
-    var d = makeNode('dynamic!');
-    Polymer.dom.flush();
-    Polymer.dom(content).appendChild(d);
-    Polymer.dom.flush();
-    Polymer.dom(content).removeChild(d);
-    Polymer.dom.flush();
-    Polymer.dom(content).appendChild(makeNode('1'));
-    Polymer.dom.flush();
-    Polymer.dom(content.$.inner).appendChild(makeNode('2'));
-    Polymer.dom.flush();
-    Polymer.dom(content).insertBefore(makeNode('-1'), Polymer.dom(content).firstChild);
-    Polymer.dom.flush();
-    Polymer.dom(content.$.inner).insertBefore(makeNode('-2'), Polymer.dom(content.$.inner).firstChild);
-    Polymer.dom.flush();
-    Polymer.dom(content.$.inner).removeChild(Polymer.dom(content.$.inner).firstChild);
-    Polymer.dom(content.$.inner).removeChild(Polymer.dom(content.$.inner).lastChild);
-    Polymer.dom(content).removeChild(Polymer.dom(content).firstChild);
-    Polymer.dom(content).removeChild(Polymer.dom(content).lastChild);
-    Polymer.dom.flush();
-    console.groupEnd('test dynamic');
-  }
-  test();
-  content.$.inner.unobserve();
-  test();
-  content.$.inner.observe();
-  test();
-  content.$.inner.unobserve();
-  test();
-  content.$.inner.observe();
-  test();
-  
-
-  </script>
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title>observeReNodes</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../polymer.html">
+
+</head>
+<body>
+
+  <dom-module id='test-inner'>
+    <template>
+      ~<content></content>~
+    </template>
+    <script>
+      Polymer({
+        is:'test-inner',
+        ready: function() {
+          this.observe();
+        },
+
+        observe: function() {
+          console.warn('observeNodes', this.localName);
+          this._childObserver = Polymer.dom(this).observeNodes(function(info) {
+            info.addedNodes.forEach(function(n) {
+              if (n.nodeType === Node.ELEMENT_NODE) {
+                console.log('added:', n.localName, n.textContent);
+              }
+            });
+            info.removedNodes.forEach(function(n) {
+              if (n.nodeType === Node.ELEMENT_NODE) {
+                console.log('removed:', n.localName, n.textContent);
+              }
+            });
+          });
+        },
+
+        unobserve: function() {
+          console.warn('unobserveNodes', this.localName);
+          Polymer.dom(this).unobserveNodes(this._childObserver);
+        }
+      });
+    </script>
+  </dom-module>
+
+  <dom-module id='test-content'>
+    <template>
+      <test-inner id="inner">[<content id="ip"></content>]</test-inner>
+    </template>
+    <script>
+    (function() {
+      Polymer({
+        is:'test-content'
+      });
+    })();
+    </script>
+  </dom-module>
+
+  <test-content id="content">
+    <div>content A</div>
+    <div>content B</div>
+  </test-content>
+
+  <br><br>
+
+  <script>
+  
+  function makeNode(text) {
+    var d = document.createElement('div');
+    d.textContent = text;;
+    return d;
+  }
+
+
+  Polymer.dom.flush();
+
+  function test() {
+    console.group('test dynamic');
+    var d = makeNode('dynamic!');
+    Polymer.dom.flush();
+    Polymer.dom(content).appendChild(d);
+    Polymer.dom.flush();
+    Polymer.dom(content).removeChild(d);
+    Polymer.dom.flush();
+    Polymer.dom(content).appendChild(makeNode('1'));
+    Polymer.dom.flush();
+    Polymer.dom(content.$.inner).appendChild(makeNode('2'));
+    Polymer.dom.flush();
+    Polymer.dom(content).insertBefore(makeNode('-1'), Polymer.dom(content).firstChild);
+    Polymer.dom.flush();
+    Polymer.dom(content.$.inner).insertBefore(makeNode('-2'), Polymer.dom(content.$.inner).firstChild);
+    Polymer.dom.flush();
+    Polymer.dom(content.$.inner).removeChild(Polymer.dom(content.$.inner).firstChild);
+    Polymer.dom(content.$.inner).removeChild(Polymer.dom(content.$.inner).lastChild);
+    Polymer.dom(content).removeChild(Polymer.dom(content).firstChild);
+    Polymer.dom(content).removeChild(Polymer.dom(content).lastChild);
+    Polymer.dom.flush();
+    console.groupEnd('test dynamic');
+  }
+  test();
+  content.$.inner.unobserve();
+  test();
+  content.$.inner.observe();
+  test();
+  content.$.inner.unobserve();
+  test();
+  content.$.inner.observe();
+  test();
+  
+
+  </script>
+
+</body>
+</html>
diff --git a/test/smoke/offsetParent-import.html b/test/smoke/offsetParent-import.html
index 5256732976..71ba152130 100644
--- a/test/smoke/offsetParent-import.html
+++ b/test/smoke/offsetParent-import.html
@@ -1,26 +1,26 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<script>
-  var p = Object.create(HTMLElement.prototype);
-  p.createdCallback = function() {
-    console.warn(this.localName, 'created');
-  }
-  p.attachedCallback = function() {
-    this.report();
-  }
-  p.report = function() {
-    console.group(this.localName, 'report');
-    console.log('offsetParent is', this.offsetParent);
-    console.log('parentNode', this.parentNode, 'has position', 
-      window.getComputedStyle(this.parentNode).position);
-    console.groupEnd(this.localName);
-  }
-  document.registerElement('some-thing', {prototype: p});
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+  var p = Object.create(HTMLElement.prototype);
+  p.createdCallback = function() {
+    console.warn(this.localName, 'created');
+  }
+  p.attachedCallback = function() {
+    this.report();
+  }
+  p.report = function() {
+    console.group(this.localName, 'report');
+    console.log('offsetParent is', this.offsetParent);
+    console.log('parentNode', this.parentNode, 'has position', 
+      window.getComputedStyle(this.parentNode).position);
+    console.groupEnd(this.localName);
+  }
+  document.registerElement('some-thing', {prototype: p});
 </script>
\ No newline at end of file
diff --git a/test/smoke/offsetParent-polymer-import.html b/test/smoke/offsetParent-polymer-import.html
index 10e912cf0e..1c8645f6e6 100644
--- a/test/smoke/offsetParent-polymer-import.html
+++ b/test/smoke/offsetParent-polymer-import.html
@@ -1,36 +1,36 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../../polymer.html">
-
-<dom-module id="some-thing">
-  <script>
-  Polymer({
-
-    is: 'some-thing',
-
-    created: function() {
-      console.warn(this.localName, 'created');
-    },
-
-    attached: function() {
-      this.report();
-    },
-
-    report: function() {
-      console.group(this.localName, 'report');
-      console.log('offsetParent is', this.offsetParent);
-      console.log('parentNode', this.parentNode, 'has position', 
-        window.getComputedStyle(this.parentNode).position);
-      console.groupEnd(this.localName);
-    }
-
-  });
-</script>
-</dom-module>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer.html">
+
+<dom-module id="some-thing">
+  <script>
+  Polymer({
+
+    is: 'some-thing',
+
+    created: function() {
+      console.warn(this.localName, 'created');
+    },
+
+    attached: function() {
+      this.report();
+    },
+
+    report: function() {
+      console.group(this.localName, 'report');
+      console.log('offsetParent is', this.offsetParent);
+      console.log('parentNode', this.parentNode, 'has position', 
+        window.getComputedStyle(this.parentNode).position);
+      console.groupEnd(this.localName);
+    }
+
+  });
+</script>
+</dom-module>
diff --git a/test/smoke/offsetParent.html b/test/smoke/offsetParent.html
index 70f7fe1f59..791a4c27e4 100644
--- a/test/smoke/offsetParent.html
+++ b/test/smoke/offsetParent.html
@@ -1,20 +1,20 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<html>
-<head>
-  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <!-- <link rel="import" href="offsetParent-import.html" > -->
-  <link rel="import" href="offsetParent-polymer-import.html" >
-</head>
-<body style="position: relative;">
-  <some-thing></some-thing>
-</body>
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <!-- <link rel="import" href="offsetParent-import.html" > -->
+  <link rel="import" href="offsetParent-polymer-import.html" >
+</head>
+<body style="position: relative;">
+  <some-thing></some-thing>
+</body>
 </html>
\ No newline at end of file
diff --git a/test/smoke/polymer-micro-smoke.html b/test/smoke/polymer-micro-smoke.html
index 2aa15f5171..3516fe3ddc 100644
--- a/test/smoke/polymer-micro-smoke.html
+++ b/test/smoke/polymer-micro-smoke.html
@@ -1,66 +1,66 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../../polymer-micro.html">
-
-<x-trivial></x-trivial>
-
-<style>
-
-  x-trivial {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<script>
-
-  var XTrivial = Polymer.Class({
-
-    created: function() {
-      this.innerHTML = '<i>Hey</i>, is this script <b>on</b>?';
-    }
-
-  });
-
-  document.registerElement('x-trivial', XTrivial);
-
-</script>
-
-<!---------------------------------------------------------------------------->
-
-<input is="x-extension">
-
-<style>
-
-  [is=x-extension] {
-    padding: 12px;
-    font-size: 1.2em;
-    font-weight: bold;
-  }
-
-</style>
-
-<script>
-
-  var XInput = Polymer.Class({
-
-    extends: 'input',
-
-    created: function() {
-      this.value = 'Hey, is this input on?';
-    }
-
-  });
-
-  document.registerElement('x-extension', XInput);
-
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer-micro.html">
+
+<x-trivial></x-trivial>
+
+<style>
+
+  x-trivial {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<script>
+
+  var XTrivial = Polymer.Class({
+
+    created: function() {
+      this.innerHTML = '<i>Hey</i>, is this script <b>on</b>?';
+    }
+
+  });
+
+  document.registerElement('x-trivial', XTrivial);
+
+</script>
+
+<!---------------------------------------------------------------------------->
+
+<input is="x-extension">
+
+<style>
+
+  [is=x-extension] {
+    padding: 12px;
+    font-size: 1.2em;
+    font-weight: bold;
+  }
+
+</style>
+
+<script>
+
+  var XInput = Polymer.Class({
+
+    extends: 'input',
+
+    created: function() {
+      this.value = 'Hey, is this input on?';
+    }
+
+  });
+
+  document.registerElement('x-extension', XInput);
+
 </script>
\ No newline at end of file
diff --git a/test/smoke/polymer-mini-smoke.html b/test/smoke/polymer-mini-smoke.html
index 76b79800d0..ee5e9d0e0b 100644
--- a/test/smoke/polymer-mini-smoke.html
+++ b/test/smoke/polymer-mini-smoke.html
@@ -1,147 +1,147 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../../polymer-mini.html">
-
-<x-trivial></x-trivial>
-
-<style>
-
-  x-trivial {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<script>
-
-  Polymer({
-
-    is: 'x-trivial',
-
-    ready: function() {
-      this.innerHTML = '<i>Hey</i>, is this script <b>on</b>?';
-    }
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<x-has-template></x-has-template>
-
-<style>
-
-  x-has-template {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<template>
-
-  <i>Hey</i>, is this template <b>on</b>?  
-
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-has-template'
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<x-has-projection>content</x-has-projection>
-
-<style>
-
-  x-has-projection {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<template>
-  <i>Hey</i>, is this <content></content> <b>on</b>?  
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-has-projection'
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<x-has-reprojection>reprojection</x-has-reprojection>
-
-<style>
-
-  x-has-reprojection {
-    display: block;
-  }
-
-</style>
-
-<template>
-  <x-has-projection><content></content></x-has-projection>
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-has-reprojection'
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<div is="x-extended-div"></div>
-
-<style>
-
-  [is=x-extended-div] {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<template>
-  <i>Hey</i>, is this extension <b>on</b>?  
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-extended-div',
-
-    extends: 'div'
-
-  });
-
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer-mini.html">
+
+<x-trivial></x-trivial>
+
+<style>
+
+  x-trivial {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<script>
+
+  Polymer({
+
+    is: 'x-trivial',
+
+    ready: function() {
+      this.innerHTML = '<i>Hey</i>, is this script <b>on</b>?';
+    }
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<x-has-template></x-has-template>
+
+<style>
+
+  x-has-template {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<template>
+
+  <i>Hey</i>, is this template <b>on</b>?  
+
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-has-template'
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<x-has-projection>content</x-has-projection>
+
+<style>
+
+  x-has-projection {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<template>
+  <i>Hey</i>, is this <content></content> <b>on</b>?  
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-has-projection'
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<x-has-reprojection>reprojection</x-has-reprojection>
+
+<style>
+
+  x-has-reprojection {
+    display: block;
+  }
+
+</style>
+
+<template>
+  <x-has-projection><content></content></x-has-projection>
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-has-reprojection'
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<div is="x-extended-div"></div>
+
+<style>
+
+  [is=x-extended-div] {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<template>
+  <i>Hey</i>, is this extension <b>on</b>?  
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-extended-div',
+
+    extends: 'div'
+
+  });
+
 </script>
\ No newline at end of file
diff --git a/test/smoke/polymer-smoke.html b/test/smoke/polymer-smoke.html
index 89fb794b15..b8caedd91c 100644
--- a/test/smoke/polymer-smoke.html
+++ b/test/smoke/polymer-smoke.html
@@ -1,212 +1,212 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../../polymer.html">
-
-<x-trivial></x-trivial>
-
-<style>
-
-  x-trivial {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<script>
-
-  Polymer({
-
-    is: 'x-trivial',
-
-    ready: function() {
-      this.innerHTML = '<i>Hey</i>, is this script <b>on</b>?';
-    }
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<x-has-template></x-has-template>
-
-<style>
-
-  x-has-template {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<template>
-  <i>Hey</i>, is this template <b>on</b>?  
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-has-template'
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<x-has-projection>content</x-has-projection>
-
-<style>
-
-  x-has-projection {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<template>
-  <i>Hey</i>, is this <content></content> <b>on</b>?  
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-has-projection'
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<x-has-reprojection>reprojection</x-has-reprojection>
-
-<style>
-
-  x-has-reprojection {
-    display: block;
-  }
-
-</style>
-
-<template>
-  <x-has-projection><content></content></x-has-projection>
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-has-reprojection'
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<div is="x-extended-div"></div>
-
-<style>
-
-  [is=x-extended-div] {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<template>
-  <i>Hey</i>, is this extension <b>on</b>?  
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-extended-div',
-
-    extends: 'div'
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<x-annotated></x-annotated>
-
-<style>
-
-  x-annotated {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<template>
-  <i>Hey</i>, is this <span id="kind"></span> <b>on</b>?  
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-annotated',
-
-    ready: function() {
-      this.$.kind.textContent = 'annotation';
-    }
-
-  });
-
-</script>
-
-<!----------------------------------------------------------------------------->
-
-<x-attributes attribute="attribute"></x-attributes>
-
-<style>
-
-  x-attributes {
-    padding: 8px;
-  }
-
-</style>
-
-<template>
-  <i>Hey</i>, is this <span id="kind"></span> <b>on</b>?  
-</template>
-
-<script>
-
-  Polymer({
-
-    is: 'x-attributes',
-
-    hostAttributes: 'block',
-
-    properties: {
-      attribute: String
-    },
-
-    set attribute(attribute) {
-      this.$.kind.textContent = attribute;
-    }
-
-  });
-
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer.html">
+
+<x-trivial></x-trivial>
+
+<style>
+
+  x-trivial {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<script>
+
+  Polymer({
+
+    is: 'x-trivial',
+
+    ready: function() {
+      this.innerHTML = '<i>Hey</i>, is this script <b>on</b>?';
+    }
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<x-has-template></x-has-template>
+
+<style>
+
+  x-has-template {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<template>
+  <i>Hey</i>, is this template <b>on</b>?  
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-has-template'
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<x-has-projection>content</x-has-projection>
+
+<style>
+
+  x-has-projection {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<template>
+  <i>Hey</i>, is this <content></content> <b>on</b>?  
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-has-projection'
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<x-has-reprojection>reprojection</x-has-reprojection>
+
+<style>
+
+  x-has-reprojection {
+    display: block;
+  }
+
+</style>
+
+<template>
+  <x-has-projection><content></content></x-has-projection>
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-has-reprojection'
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<div is="x-extended-div"></div>
+
+<style>
+
+  [is=x-extended-div] {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<template>
+  <i>Hey</i>, is this extension <b>on</b>?  
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-extended-div',
+
+    extends: 'div'
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<x-annotated></x-annotated>
+
+<style>
+
+  x-annotated {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<template>
+  <i>Hey</i>, is this <span id="kind"></span> <b>on</b>?  
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-annotated',
+
+    ready: function() {
+      this.$.kind.textContent = 'annotation';
+    }
+
+  });
+
+</script>
+
+<!----------------------------------------------------------------------------->
+
+<x-attributes attribute="attribute"></x-attributes>
+
+<style>
+
+  x-attributes {
+    padding: 8px;
+  }
+
+</style>
+
+<template>
+  <i>Hey</i>, is this <span id="kind"></span> <b>on</b>?  
+</template>
+
+<script>
+
+  Polymer({
+
+    is: 'x-attributes',
+
+    hostAttributes: 'block',
+
+    properties: {
+      attribute: String
+    },
+
+    set attribute(attribute) {
+      this.$.kind.textContent = attribute;
+    }
+
+  });
+
 </script>
\ No newline at end of file
diff --git a/test/smoke/shadow-polyfill-distribute.html b/test/smoke/shadow-polyfill-distribute.html
index c09640ea6b..36a7736ca3 100644
--- a/test/smoke/shadow-polyfill-distribute.html
+++ b/test/smoke/shadow-polyfill-distribute.html
@@ -1,76 +1,76 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<html>
-<head>
-  <meta charset="utf-8">
-  <script src="../../../webcomponentsjs/webcomponents.js"></script>
-  <script>Polymer = {dom: 'shadow'};</script>
-  <link rel="import" href="../../polymer.html">
-</head>
-<body>
-
-<x-outer></x-outer>
-
-<dom-module id="x-host">
-  <template>
-    Foo: [<content select="[foo]"></content>]
-    Bar: [<content select="[bar]"></content>]
-  </template>
-  <script>
-  HTMLImports.whenReady(function() {
-    Polymer({
-      is: 'x-host'
-    });
-  });
-  </script>
-
-<dom-module>
-
-<dom-module id="x-outer">
-<template>
-  <x-host id="host">
-    <child foo>~Foo~</child>
-    <child foo bar>~Foo+Bar~</child>
-    <child id="test" bar>~Bar~</child>
-  </x-host>
-  <br>
-  <button on-click="test">Test</button>
-  <button on-click="test2">Test2</button>
-</template>
-<script>
-HTMLImports.whenReady(function() {
-  Polymer({
-    is: 'x-outer',
-
-    test: function() {
-      if (this.$.test.hasAttribute('foo')) {
-        Polymer.dom(this.$.test).removeAttribute('foo');
-      } else {
-        Polymer.dom(this.$.test).setAttribute('foo', 'hi');
-      }
-    },
-
-    test2: function() {
-      var pd = Polymer.dom(this.$.test);
-      if (pd.parentNode) {
-        Polymer.dom(pd.parentNode).removeChild(this.$.test);
-      } else {
-        Polymer.dom(this.$.host).appendChild(this.$.test);
-      }
-    }
-
-  });
-});
-</script>
-</dom-module>
-
-</body>
-</html>
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <script src="../../../webcomponentsjs/webcomponents.js"></script>
+  <script>Polymer = {dom: 'shadow'};</script>
+  <link rel="import" href="../../polymer.html">
+</head>
+<body>
+
+<x-outer></x-outer>
+
+<dom-module id="x-host">
+  <template>
+    Foo: [<content select="[foo]"></content>]
+    Bar: [<content select="[bar]"></content>]
+  </template>
+  <script>
+  HTMLImports.whenReady(function() {
+    Polymer({
+      is: 'x-host'
+    });
+  });
+  </script>
+
+<dom-module>
+
+<dom-module id="x-outer">
+<template>
+  <x-host id="host">
+    <child foo>~Foo~</child>
+    <child foo bar>~Foo+Bar~</child>
+    <child id="test" bar>~Bar~</child>
+  </x-host>
+  <br>
+  <button on-click="test">Test</button>
+  <button on-click="test2">Test2</button>
+</template>
+<script>
+HTMLImports.whenReady(function() {
+  Polymer({
+    is: 'x-outer',
+
+    test: function() {
+      if (this.$.test.hasAttribute('foo')) {
+        Polymer.dom(this.$.test).removeAttribute('foo');
+      } else {
+        Polymer.dom(this.$.test).setAttribute('foo', 'hi');
+      }
+    },
+
+    test2: function() {
+      var pd = Polymer.dom(this.$.test);
+      if (pd.parentNode) {
+        Polymer.dom(pd.parentNode).removeChild(this.$.test);
+      } else {
+        Polymer.dom(this.$.host).appendChild(this.$.test);
+      }
+    }
+
+  });
+});
+</script>
+</dom-module>
+
+</body>
+</html>
diff --git a/test/smoke/style-path-smoke.html b/test/smoke/style-path-smoke.html
index 38732121e2..6acf92deea 100644
--- a/test/smoke/style-path-smoke.html
+++ b/test/smoke/style-path-smoke.html
@@ -1,14 +1,14 @@
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<link rel="import" href="../assets/test-style-path.html">
-
-<body class="beaker">
-</body>
-
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../assets/test-style-path.html">
+
+<body class="beaker">
+</body>
+
diff --git a/test/smoke/style-sharing/index.html b/test/smoke/style-sharing/index.html
index ef56ef0b6f..b7e8e421d8 100644
--- a/test/smoke/style-sharing/index.html
+++ b/test/smoke/style-sharing/index.html
@@ -1,35 +1,35 @@
-<!doctype html>
-<html>
-<head>
-
-  <title></title>
-
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <script src="../../../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../../polymer.html">
-  <link rel="import" href="shared-styles.html">
-  <link rel="import" href="x-foo.html">
-</head>
-<body unresolved>
-
-  <style is="custom-style" module="shared-styles"></style>
-
-  <style is="custom-style">
-    .zot {
-      background-color: var(--zot);
-    }
-  </style>
-
-  <div class="bar">.bar from custom-style with module shared-styles</div>
-  <div class="foo">.foo should not be colored</div>
-  <div class="zot">.zot from custom-style using var in custom-style with module shared-styles</div>
-
-  <hr>
-
-  <x-foo></x-foo>
-  
-
-</body>
-</html>
+<!doctype html>
+<html>
+<head>
+
+  <title></title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <script src="../../../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../../polymer.html">
+  <link rel="import" href="shared-styles.html">
+  <link rel="import" href="x-foo.html">
+</head>
+<body unresolved>
+
+  <style is="custom-style" module="shared-styles"></style>
+
+  <style is="custom-style">
+    .zot {
+      background-color: var(--zot);
+    }
+  </style>
+
+  <div class="bar">.bar from custom-style with module shared-styles</div>
+  <div class="foo">.foo should not be colored</div>
+  <div class="zot">.zot from custom-style using var in custom-style with module shared-styles</div>
+
+  <hr>
+
+  <x-foo></x-foo>
+  
+
+</body>
+</html>
diff --git a/test/smoke/style-sharing/shared-styles.html b/test/smoke/style-sharing/shared-styles.html
index 437f48254b..6acb054355 100644
--- a/test/smoke/style-sharing/shared-styles.html
+++ b/test/smoke/style-sharing/shared-styles.html
@@ -1,11 +1,11 @@
-<dom-module id="shared-styles">
-  <style type="polymer">
-    .bar {
-      background-color: steelblue;
-    }
-
-    :root {
-      --zot: seagreen;
-    }
-  </style>
+<dom-module id="shared-styles">
+  <style type="polymer">
+    .bar {
+      background-color: steelblue;
+    }
+
+    :root {
+      --zot: seagreen;
+    }
+  </style>
 </dom-module>
\ No newline at end of file
diff --git a/test/smoke/style-sharing/x-foo.html b/test/smoke/style-sharing/x-foo.html
index 6b243508d7..231f9dc8d2 100644
--- a/test/smoke/style-sharing/x-foo.html
+++ b/test/smoke/style-sharing/x-foo.html
@@ -1,31 +1,31 @@
-<link rel="import" href="shared-styles.html">
-
-<dom-module id="x-foo">
-  <template>
-    <style module="shared-styles"></style>
-    <style>
-      .foo {
-        background-color: tomato;
-      }
-
-      :host {
-        display: block;
-        border: 1px dashed orange;
-        padding: 4px;
-      }
-
-      .zot {
-        background-color: var(--zot);
-      }
-    </style>
-    <h4>x-foo</h4>
-    <div class="bar">.bar from shared-styles.html</div>
-    <div class="foo">.foo from local stylesheet</div>
-    <div class="zot">.zot from var in shared-styles.html</div>
-  </template>
-  <script>
-    Polymer({
-
-    });
-  </script>
+<link rel="import" href="shared-styles.html">
+
+<dom-module id="x-foo">
+  <template>
+    <style module="shared-styles"></style>
+    <style>
+      .foo {
+        background-color: tomato;
+      }
+
+      :host {
+        display: block;
+        border: 1px dashed orange;
+        padding: 4px;
+      }
+
+      .zot {
+        background-color: var(--zot);
+      }
+    </style>
+    <h4>x-foo</h4>
+    <div class="bar">.bar from shared-styles.html</div>
+    <div class="foo">.foo from local stylesheet</div>
+    <div class="zot">.zot from var in shared-styles.html</div>
+  </template>
+  <script>
+    Polymer({
+
+    });
+  </script>
 </dom-module>
\ No newline at end of file
diff --git a/test/unit/micro-elements.html b/test/unit/micro-elements.html
index e57b006e85..a1e3f6b645 100644
--- a/test/unit/micro-elements.html
+++ b/test/unit/micro-elements.html
@@ -1,108 +1,108 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-
-<style>
-
-  x-trivial {
-    display: block;
-    padding: 8px;
-  }
-
-</style>
-
-<script>
-
-  var XTrivial = Polymer.Class({
-
-    is: 'x-trivial',
-
-    created: function() {
-      this.innerHTML = 'x-trivial';
-    }
-
-  });
-
-  document.registerElement('x-trivial', XTrivial);
-
-</script>
-
-<script>
-
-  var XTrivial2 = Polymer.Class({
-
-    is: 'x-trivial2',
-
-    created: function() {
-      this.innerHTML = 'x-trivial2';
-    }
-
-  });
-
-  document.registerElement('x-trivial2', XTrivial2);
-
-</script>
-
-
-<style>
-
-  [is=x-extension] {
-    padding: 12px;
-    font-size: 1.2em;
-    font-weight: bold;
-  }
-
-</style>
-
-<script>
-
-  var XInput = Polymer.Class({
-
-    extends: 'input',
-
-    created: function() {
-      this.value = 'x-extension';
-    }
-
-  });
-
-  document.registerElement('x-extension', XInput);
-
-</script>
-
-
-<script>
-
-  Polymer({
-    is: 'x-Mixed-Case'
-  });
-
-</script>
-
-
-<script>
-
-  Polymer({
-    is: 'x-Mixed-Case-Button',
-    extends: 'button'
-  });
-
-</script>
-
-
-<dom-module id="falsey-polymer-arg">
-
-  <script>
-
-    Polymer();
-
-  </script>
-
+<!doctype html>
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<style>
+
+  x-trivial {
+    display: block;
+    padding: 8px;
+  }
+
+</style>
+
+<script>
+
+  var XTrivial = Polymer.Class({
+
+    is: 'x-trivial',
+
+    created: function() {
+      this.innerHTML = 'x-trivial';
+    }
+
+  });
+
+  document.registerElement('x-trivial', XTrivial);
+
+</script>
+
+<script>
+
+  var XTrivial2 = Polymer.Class({
+
+    is: 'x-trivial2',
+
+    created: function() {
+      this.innerHTML = 'x-trivial2';
+    }
+
+  });
+
+  document.registerElement('x-trivial2', XTrivial2);
+
+</script>
+
+
+<style>
+
+  [is=x-extension] {
+    padding: 12px;
+    font-size: 1.2em;
+    font-weight: bold;
+  }
+
+</style>
+
+<script>
+
+  var XInput = Polymer.Class({
+
+    extends: 'input',
+
+    created: function() {
+      this.value = 'x-extension';
+    }
+
+  });
+
+  document.registerElement('x-extension', XInput);
+
+</script>
+
+
+<script>
+
+  Polymer({
+    is: 'x-Mixed-Case'
+  });
+
+</script>
+
+
+<script>
+
+  Polymer({
+    is: 'x-Mixed-Case-Button',
+    extends: 'button'
+  });
+
+</script>
+
+
+<dom-module id="falsey-polymer-arg">
+
+  <script>
+
+    Polymer();
+
+  </script>
+
 </dom-module>
\ No newline at end of file