Make all the polymer elements CSP compliant.

elements/viewer-page-indicator/viewer-page-indicator.html

Index: elements/viewer-page-indicator/viewer-page-indicator.html
diff --git a/elements/viewer-page-indicator/viewer-page-indicator.html b/elements/viewer-page-indicator/viewer-page-indicator.html
index fb247a2f0890f283f13db6c168653c40559c9427..aa6618fc86687d8bd88c677f250a749848095eca 100644
--- a/elements/viewer-page-indicator/viewer-page-indicator.html
+++ b/elements/viewer-page-indicator/viewer-page-indicator.html
@@ -4,33 +4,5 @@
   <div id="text">{{text}}</div>
   <div id="triangle-right"></div>
 </template>
-<script>
-  Polymer('viewer-page-indicator', {
-    text: '1',
-    timerId: undefined,
-    ready: function() {
-      var callback = this.fadeIn.bind(this, 2000);
-      window.addEventListener('scroll', function() {
-        requestAnimationFrame(callback);
-      });
-    },
-    initialFadeIn: function() {
-      this.fadeIn(6000);
-    },
-    fadeIn: function(displayTime) {
-      var percent = window.scrollY /
-          (document.body.scrollHeight -
-           document.documentElement.clientHeight);
-      this.style.top = percent *
-          (document.documentElement.clientHeight - this.offsetHeight) + 'px';
-      this.style.opacity = 1;
-      clearTimeout(this.timerId);
-
-      this.timerId = setTimeout(function() {
-        this.style.opacity = 0;
-        this.timerId = undefined;
-      }.bind(this), displayTime);
-    }
-  });
-</script>
+<script src="viewer-page-indicator.js"></script>
 </polymer-element>