Make all the polymer elements CSP compliant.

elements/viewer-button/viewer-button.html

Index: elements/viewer-button/viewer-button.html
diff --git a/elements/viewer-button/viewer-button.html b/elements/viewer-button/viewer-button.html
index 38bf194dacb39bd1d756358610c1c1dea629397b..e1eee7110676434ed3eba4c2fab4f34202e57fb2 100644
--- a/elements/viewer-button/viewer-button.html
+++ b/elements/viewer-button/viewer-button.html
@@ -1,37 +1,7 @@
-<polymer-element name="viewer-button" attributes="src latchable">
+<polymer-element name="viewer-button" attributes="img latchable">
 <template>
   <link rel="stylesheet" href="viewer-button.css">
   <div id="icon"></div>
 </template>
-<script>
-  (function() {
-    var dpi = '';
-
-    Polymer('viewer-button', {
-      src: '',
-      latchable: false,
-      ready: function() {
-        if (!dpi) {
-          var mql = window.matchMedia('(-webkit-min-device-pixel-ratio: 1.3');
-          dpi = mql.matches ? 'hi' : 'low';
-        }
-      },
-      srcChanged: function() {
-        if (this.src) {
-          this.$.icon.style.backgroundImage =
-              'url(' + this.getAttribute('assetpath') + 'img/' + dpi +
-              'DPI/' + this.src + ')';
-        } else {
-          this.$.icon.style.backgroundImage = '';
-        }
-      },
-      latchableChanged: function() {
-        if (this.latchable)
-          this.classList.add('latchable');
-        else
-          this.classList.remove('latchable');
-      },
-    });
-  })();
-</script>
+<script src="viewer-button.js"></script>
 </polymer-element>