more changes for demo time

Author: geelen

dist/x-gif.js

@@ -2000,8 +2000,9 @@ var $__default = (function() {
 "use strict";
 var Playback = $traceurRuntime.assertObject(require('./playback.js')).default;
 var Strategies = $traceurRuntime.assertObject(require('./strategies.js')).default;
-var XGif = function() {
-  this.ready = function() {
+var XGif = function XGif() {};
+($traceurRuntime.createClass)(XGif, {
+  ready: function() {
     if (this.exploded != null) {
       this.playbackStrategy = 'noop';
     } else if (this.sync != null) {
@@ -2014,42 +2015,42 @@ var XGif = function() {
       this.speed = this.speed || 1.0;
       this.playbackStrategy = 'speed';
     }
-  };
-  this.srcChanged = function() {
+  },
+  srcChanged: function() {
     var playbackStrategy = Strategies[this.playbackStrategy];
     this.playback = new Playback(this, this.$.frames, this.src, {
       pingPong: this['ping-pong'] != null,
       fill: this.fill != null,
       stopped: this.stopped != null
     });
     this.playback.ready.then(playbackStrategy.bind(this));
-  };
-  this.speedChanged = function(oldVal, newVal) {
+  },
+  speedChanged: function(oldVal, newVal) {
     if (this.playback)
       this.playback.speed = newVal;
-  };
-  this.stoppedChanged = function(oldVal, newVal) {
+  },
+  stoppedChanged: function(oldVal, newVal) {
     var nowStop = newVal != null;
     if (this.playback && nowStop && !this.playback.stopped) {
       this.playback.stop();
     } else if (this.playback && !nowStop && this.playback.stopped) {
       this.playback.start();
     }
-  };
-  this.togglePingPong = function() {
+  },
+  togglePingPong: function() {
     this['ping-pong'] = (this['ping-pong'] != null) ? null : true;
     if (this.playback)
       this.playback.pingPong = this['ping-pong'] != null;
-  };
-  this.clock = function(beatNr, beatDuration, beatFraction) {
+  },
+  clock: function(beatNr, beatDuration, beatFraction) {
     if (this.playback && this.playback.gif)
       this.playback.fromClock(beatNr, beatDuration, beatFraction);
-  };
-  this.relayout = function() {
+  },
+  relayout: function() {
     if (this.fill != null)
       this.playback.scaleToFill();
-  };
-};
+  }
+}, {});
 Polymer('x-gif', new XGif());
 
 

dist/x-gif.raw.js

@@ -2099,7 +2099,6 @@ var $XGif = XGif;
     };
   },
   attributeChangedCallback: function(attribute, oldVal, newVal) {
-    console.log(attribute);
     if (attribute == "src") {
       this.controller.srcChanged(newVal);
     } else if (attribute == "speed") {

src/x-gif.js

@@ -1,8 +1,8 @@
 import Playback from './playback.js';
 import Strategies from './strategies.js';
 
-var XGif = function () {
-  this.ready = function () {
+class XGif {
+  ready() {
     if (this.exploded != null) {
       this.playbackStrategy = 'noop'
     } else if (this.sync != null) {
@@ -17,7 +17,7 @@ var XGif = function () {
     }
   };
 
-  this.srcChanged = function () {
+  srcChanged() {
     var playbackStrategy = Strategies[this.playbackStrategy];
     this.playback = new Playback(this, this.$.frames, this.src, {
       pingPong: this['ping-pong'] != null,
@@ -27,11 +27,11 @@ var XGif = function () {
     this.playback.ready.then(playbackStrategy.bind(this));
   };
 
-  this.speedChanged = function (oldVal, newVal) {
+  speedChanged(oldVal, newVal) {
     if (this.playback) this.playback.speed = newVal;
   }
 
-  this.stoppedChanged = function (oldVal, newVal) {
+  stoppedChanged(oldVal, newVal) {
     var nowStop = newVal != null;
     if (this.playback && nowStop && !this.playback.stopped) {
       this.playback.stop();
@@ -40,16 +40,16 @@ var XGif = function () {
     }
   }
 
-  this.togglePingPong = function () {
+  togglePingPong() {
     this['ping-pong'] = (this['ping-pong'] != null) ? null : true;
     if (this.playback) this.playback.pingPong = this['ping-pong'] != null;
   }
 
-  this.clock = function (beatNr, beatDuration, beatFraction) {
+  clock(beatNr, beatDuration, beatFraction) {
     if (this.playback && this.playback.gif) this.playback.fromClock(beatNr, beatDuration, beatFraction);
   };
 
-  this.relayout = function () {
+  relayout() {
     if (this.fill != null) this.playback.scaleToFill();
   }
 }

src/x-gif.raw.js

@@ -114,7 +114,6 @@ class XGif extends HTMLElement {
   }
 
   attributeChangedCallback(attribute, oldVal, newVal) {
-    console.log(attribute)
     if (attribute == "src") {
       this.controller.srcChanged(newVal)
     } else if (attribute == "speed") {