RubyGems - polymer-paper-rails - Versions diffs - 0.1.0 → 0.2.0 - Mend

polymer-paper-rails 0.1.0 → 0.2.0

Files changed (558) hide show

data/app/assets/components/web-animations-js/test/img/error.png ADDED Viewed

Binary file

data/app/assets/components/web-animations-js/test/img/success.png ADDED Viewed

Binary file

data/app/assets/components/web-animations-js/test/img/unknown.png ADDED Viewed

Binary file

data/app/assets/components/web-animations-js/test/perf/balls-add-compositing.html ADDED Viewed

@@ -0,0 +1,147 @@
+<!--
+Copyright 2013 Google Inc. All Rights Reserved.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+  http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+<!doctype html>
+<head>
+<style>
+.ball {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  border-radius: 100%;
+}
+</style>
+</head>
+<script src="perf.js"></script>
+<script src="../../web-animations.js"></script>
+<script>
+'use strict';
+var stageWidth = 600;
+var stageHeight = 600;
+var particleCount = 2500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+var colors = ['#cc0000', '#ffcc00', '#aaff00', '#0099cc', '#194c99', '#661999'];
+var animationDuration = 10;
+var particles = [];
+var player;
+var Particle = function() {
+  this.element = document.createElement('div');
+  this.element.className = 'ball';
+  this.element.style.backgroundColor = colors[Math.floor(Perf.random() * colors.length)];
+  this.element.style.left = (stageWidth / 2 - particleRadius) + 'px';
+  this.element.style.top = (stageHeight / 2 - particleRadius) + 'px';
+  document.body.appendChild(this.element);
+};
+Particle.prototype.generateAnimation = function(duration) {
+  var keyframes = [];
+  var angle = Math.PI * 2 * Perf.random();
+  var velocity = minVelocity + ((maxVelocity - minVelocity) * Perf.random());
+  var x = 0;
+  var y = 0;
+  var dx = Math.cos(angle) * velocity;
+  var dy = Math.sin(angle) * velocity;
+  var nextCollision = function(lineX, normalX, lineY, normalY) {
+    var dtx = Infinity;
+    var dty = Infinity;
+    if (dx * normalX < 0)
+      dtx = (lineX - x) / dx;
+    if (dy * normalY < 0)
+      dty = (lineY - y) / dy;
+    var dt = Math.min(dtx, dty);
+    var hitX = (dtx < dty);
+    return {
+      dt: dt,
+      x: hitX ? lineX : x + (dx * dt),
+      y: hitX ? y + (dy * dt) : lineY,
+      dx: hitX ? -dx : dx,
+      dy: hitX ? dy : -dy,
+    };
+  };
+  var t = 0;
+  keyframes.push(this.createKeyframe(0, x, y));
+  while (t < duration) {
+    var collisionA = nextCollision(-stageWidth / 2, 1, -stageHeight / 2, 1);
+    var collisionB = nextCollision(stageWidth / 2, -1, stageHeight / 2, -1);
+    var collision = collisionA.dt < collisionB.dt ? collisionA : collisionB;
+    if (t + collision.dt > duration) {
+      var dt = duration - t;
+      t = duration;
+      x += dx * dt;
+      y += dy * dt;
+    } else {
+      t += collision.dt;
+      x = collision.x;
+      y = collision.y;
+      dx = collision.dx;
+      dy = collision.dy;
+    }
+    keyframes.push(this.createKeyframe(t / duration, x, y));
+  }
+  return new Animation(this.element, keyframes, duration);
+};
+Particle.prototype.createKeyframe = function(offset, x, y) {
+  return {
+    composite: 'add',
+    offset: offset,
+    left: x + 'px',
+    top: y + 'px',
+  };
+};
+Particle.prototype.destroy = function() {
+  document.body.removeChild(this.element);
+};
+function cleanUp() {
+  player.source = null;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].destroy();
+  }
+  particles = [];
+}
+window.addEventListener('load', function () {
+  var spacing = document.createElement('div');
+  spacing.style.display = 'inline-block';
+  spacing.style.width = '600px';
+  document.body.appendChild(spacing);
+  var animationGroup = new AnimationGroup([], {iterations: Infinity, direction: 'alternate'});
+  for (var i = 0; i < particleCount; i++) {
+    var particle = new Particle();
+    animationGroup.append(particle.generateAnimation(animationDuration));
+    particles.push(particle);
+  }
+  player = document.timeline.play(animationGroup);
+  Perf.oncomplete = cleanUp;
+  Perf.start();
+});
+</script>

data/app/assets/components/web-animations-js/test/perf/balls-replace-compositing.html ADDED Viewed

@@ -0,0 +1,144 @@
+<!--
+Copyright 2013 Google Inc. All Rights Reserved.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+  http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+<!doctype html>
+<head>
+<style>
+.ball {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  border-radius: 100%;
+}
+</style>
+</head>
+<script src="perf.js"></script>
+<script src="../../web-animations.js"></script>
+<script>
+'use strict';
+var stageWidth = 600;
+var stageHeight = 600;
+var particleCount = 2500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+var colors = ['#cc0000', '#ffcc00', '#aaff00', '#0099cc', '#194c99', '#661999'];
+var animationDuration = 10;
+var particles = [];
+var player;
+var Particle = function() {
+  this.element = document.createElement('div');
+  this.element.className = 'ball';
+  this.element.style.backgroundColor = colors[Math.floor(Perf.random() * colors.length)];
+  document.body.appendChild(this.element);
+};
+Particle.prototype.generateAnimation = function(duration) {
+  var keyframes = [];
+  var angle = Math.PI * 2 * Perf.random();
+  var velocity = minVelocity + ((maxVelocity - minVelocity) * Perf.random());
+  var x = stageWidth / 2 - particleRadius;
+  var y = stageHeight / 2 - particleRadius;
+  var dx = Math.cos(angle) * velocity;
+  var dy = Math.sin(angle) * velocity;
+  var nextCollision = function(lineX, normalX, lineY, normalY) {
+    var dtx = Infinity;
+    var dty = Infinity;
+    if (dx * normalX < 0)
+      dtx = (lineX - x) / dx;
+    if (dy * normalY < 0)
+      dty = (lineY - y) / dy;
+    var dt = Math.min(dtx, dty);
+    var hitX = (dtx < dty);
+    return {
+      dt: dt,
+      x: hitX ? lineX : x + (dx * dt),
+      y: hitX ? y + (dy * dt) : lineY,
+      dx: hitX ? -dx : dx,
+      dy: hitX ? dy : -dy,
+    };
+  };
+  var t = 0;
+  keyframes.push(this.createKeyframe(0, x, y));
+  while (t < duration) {
+    var collisionA = nextCollision(0, 1, 0, 1);
+    var collisionB = nextCollision(stageWidth, -1, stageHeight, -1);
+    var collision = collisionA.dt < collisionB.dt ? collisionA : collisionB;
+    if (t + collision.dt > duration) {
+      var dt = duration - t;
+      t = duration;
+      x += dx * dt;
+      y += dy * dt;
+    } else {
+      t += collision.dt;
+      x = collision.x;
+      y = collision.y;
+      dx = collision.dx;
+      dy = collision.dy;
+    }
+    keyframes.push(this.createKeyframe(t / duration, x, y));
+  }
+  return new Animation(this.element, keyframes, duration);
+};
+Particle.prototype.createKeyframe = function(offset, x, y) {
+  return {
+    offset: offset,
+    left: x + 'px',
+    top: y + 'px',
+  };
+};
+Particle.prototype.destroy = function() {
+  document.body.removeChild(this.element);
+};
+function cleanUp() {
+  player.source = null;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].destroy();
+  }
+  particles = [];
+}
+window.addEventListener('load', function () {
+  var spacing = document.createElement('div');
+  spacing.style.display = 'inline-block';
+  spacing.style.width = '600px';
+  document.body.appendChild(spacing);
+  var animationGroup = new AnimationGroup([], {iterations: Infinity, direction: 'alternate'});
+  for (var i = 0; i < particleCount; i++) {
+    var particle = new Particle();
+    animationGroup.append(particle.generateAnimation(animationDuration));
+    particles.push(particle);
+  }
+  player = document.timeline.play(animationGroup);
+  Perf.oncomplete = cleanUp;
+  Perf.start();
+});
+</script>

data/app/assets/components/web-animations-js/test/perf/perf.js ADDED Viewed

@@ -0,0 +1,158 @@
+/**
+ * Copyright 2013 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+(function(){
+'use strict';
+var disregardFramesCount = 10;
+var framesPerTimeReading = 10;
+var maxTimeReadings = 60;
+var maxFPSReadings = 31;
+var frameCount = 0;
+var timeReadings = [];
+var fpsReadings = [];
+var onCompleteHandler;
+var outputElement;
+var running = false;
+var visibilityLost = false;
+var getTime = (typeof window.performance === 'object' &&
+    typeof window.performance.now === 'function') ?
+    function() { return window.performance.now(); } :
+    function() { return Date.now(); };
+var raf = window.requestAnimationFrame ||
+    window.webkitRequestAnimationFrame ||
+    window.mozRequestAnimationFrame ||
+    function(callback) { setTimeout(callback, 1000 / 60); };
+var visibilityChangeEvent = null;
+var hidden = null;
+if (typeof document.hidden !== 'undefined') {
+  visibilityChangeEvent = 'visibilitychange';
+  hidden = 'hidden';
+} else if (typeof document.mozHidden !== 'undefined') {
+  visibilityChangeEvent = 'mozvisibilitychange';
+  hidden = 'mozHidden';
+} else if (typeof document.msHidden !== 'undefined') {
+  visibilityChangeEvent = 'msvisibilitychange';
+  hidden = 'msHidden';
+} else if (typeof document.webkitHidden !== 'undefined') {
+  visibilityChangeEvent = 'webkitvisibilitychange';
+  hidden = 'webkitHidden';
+}
+if (visibilityChangeEvent) {
+  document.addEventListener(visibilityChangeEvent, function() {
+    if (running && document[hidden]) {
+      visibilityLost = true;
+    }
+  });
+}
+var randomSeed = 3384413;
+function random() {
+    var temp = randomSeed;
+    // Robert Jenkins' 32 bit integer hash function.
+    temp = ((temp + 0x7ed55d16) + (temp << 12))  & 0xffffffff;
+    temp = ((temp ^ 0xc761c23c) ^ (temp >>> 19)) & 0xffffffff;
+    temp = ((temp + 0x165667b1) + (temp << 5))   & 0xffffffff;
+    temp = ((temp + 0xd3a2646c) ^ (temp << 9))   & 0xffffffff;
+    temp = ((temp + 0xfd7046c5) + (temp << 3))   & 0xffffffff;
+    temp = ((temp ^ 0xb55a4f09) ^ (temp >>> 16)) & 0xffffffff;
+    randomSeed = temp;
+    return (randomSeed & 0xfffffff) / 0x10000000;
+}
+function disregardFrames() {
+  raf((frameCount++ < disregardFramesCount) ? disregardFrames : trackFrameRate);
+}
+function trackFrameRate()
+{
+  frameCount++;
+  if (frameCount % framesPerTimeReading === 0) {
+    timeReadings.unshift(getTime());
+    if (timeReadings.length > maxTimeReadings) {
+      timeReadings.pop();
+    }
+    if (timeReadings.length > 1) {
+      var fpsReading = 1000 * (timeReadings.length - 1) * framesPerTimeReading /
+          (timeReadings[0] - timeReadings[timeReadings.length - 1]);
+      fpsReadings.push(fpsReading);
+      output(fpsReading + ' FPS\n');
+      if (fpsReadings.length >= maxFPSReadings) {
+        outputSummary();
+        running = false;
+        if (typeof onCompleteHandler === 'function') {
+          onCompleteHandler();
+        }
+        return;
+      }
+    }
+  }
+  raf(trackFrameRate);
+}
+function output(text) {
+  outputElement.value += text;
+}
+function outputSummary() {
+  if (visibilityLost) {
+    output('Warning: Document lost visibility during test, ' +
+        'results may be inaccurate.\n');
+  }
+  var total = 0;
+  fpsReadings.forEach(function(fpsReading) { total += fpsReading; });
+  var average = total / maxFPSReadings;
+  output('Average: ' + average + ' FPS\n');
+  var temp = 0;
+  fpsReadings.forEach(function(fpsReading) {
+    temp += (fpsReading - average) * (fpsReading - average);
+  });
+  output('Stddev: ' + Math.sqrt(temp / fpsReadings.length) + ' FPS\n');
+  fpsReadings.sort();
+  output('Min: ' + fpsReadings[0] + ' FPS\n');
+  output('Max: ' + fpsReadings[fpsReadings.length - 1] + ' FPS\n');
+  var median = fpsReadings[fpsReadings.length >> 1];
+  if (fpsReadings.length % 2 !== 0) {
+    median = (median + fpsReadings[(fpsReadings.length >> 1) + 1]) / 2;
+  }
+  output('Median: ' + median + ' FPS\n');
+}
+var start = function() {
+  outputElement = document.createElement('textarea');
+  outputElement.setAttribute('rows', maxFPSReadings + 6);
+  outputElement.setAttribute('cols', 32);
+  document.body.appendChild(outputElement);
+  output('Disregarding initial ' + disregardFramesCount + ' frames.\n')
+  raf(disregardFrames);
+  running = true;
+};
+window.Perf = {
+  set oncomplete(callback) {
+    onCompleteHandler = callback;
+  },
+  start: start,
+  random: random,
+};
+})();