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

polymer-core-rails 0.1.0 → 0.2.0

Files changed (856) hide show

data/app/assets/components/web-animations-js/test/testcases/impl-unit-test-position-type.html ADDED Viewed

@@ -0,0 +1,256 @@
+<!--
+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.
+-->
+<!DOCTYPE html><meta charset="UTF-8">
+<pre></pre>
+<script src="../bootstrap.js"></script>
+<script>
+'use strict';
+var positionListType = window._WebAnimationsTestingUtilities._positionListType;
+var testParse = function(input, expected) {
+  test(function() {
+    var result = positionListType.fromCssValue(input);
+    if (result) {
+      result = positionListType.toCssValue(result);
+    }
+    assert_equals(result, expected);
+  }, 'from/toCssValue: ' + input);
+};
+var testAdd = function(base, delta, expected) {
+  test(function() {
+    assert_equals(positionListType.toCssValue(positionListType.add(
+        positionListType.fromCssValue(base),
+        positionListType.fromCssValue(delta))), expected);
+  }, 'add: ' + base + ' with ' + delta);
+};
+var testInterpolate = function(parameters) {
+  test(function() {
+    assert_equals(positionListType.toCssValue(positionListType.interpolate(
+        positionListType.fromCssValue(parameters.from),
+        positionListType.fromCssValue(parameters.to),
+        parameters.fraction)), parameters.expected);
+  }, 'interpolate: ' + parameters.from + ' to ' + parameters.to + ' at ' + parameters.fraction);
+};
+testParse('', '0% 0%');
+testParse('left', '0% 50%');
+testParse('center', '50% 50%');
+testParse('right', '100% 50%');
+testParse('top', '50% 0%');
+testParse('bottom', '50% 100%');
+testParse('10px', '10px 50%');
+testParse('25%', '25% 50%');
+testParse('calc(80% - 15px)', 'calc(80% + -15px) 50%');
+testParse('0% 0%', '0% 0%');
+testParse('0px 0px', '0px 0px');
+testParse('left left', undefined);
+testParse('left center', '0% 50%');
+testParse('left right', undefined);
+testParse('left top', '0% 0%');
+testParse('left bottom', '0% 100%');
+testParse('left 10px', '0% 10px');
+testParse('left 25%', '0% 25%');
+testParse('left calc(80% - 15px)', '0% calc(80% + -15px)');
+testParse('center left', '0% 50%');
+testParse('center center', '50% 50%');
+testParse('center right', '100% 50%');
+testParse('center top', '50% 0%');
+testParse('center bottom', '50% 100%');
+testParse('center 10px', '50% 10px');
+testParse('center 25%', '50% 25%');
+testParse('center calc(80% - 15px)', '50% calc(80% + -15px)');
+testParse('right left', undefined);
+testParse('right center', '100% 50%');
+testParse('right right', undefined);
+testParse('right top', '100% 0%');
+testParse('right bottom', '100% 100%');
+testParse('right 10px', '100% 10px');
+testParse('right 25%', '100% 25%');
+testParse('right calc(80% - 15px)', '100% calc(80% + -15px)');
+testParse('top left', '0% 0%');
+testParse('top center', '50% 0%');
+testParse('top right', '100% 0%');
+testParse('top top', undefined);
+testParse('top bottom', undefined);
+testParse('top 10px', undefined);
+testParse('top 25%', undefined);
+testParse('top calc(80% - 15px)', undefined);
+testParse('bottom left', '0% 100%');
+testParse('bottom center', '50% 100%');
+testParse('bottom right', '100% 100%');
+testParse('bottom top', undefined);
+testParse('bottom bottom', undefined);
+testParse('bottom 10px', undefined);
+testParse('bottom 25%', undefined);
+testParse('bottom calc(80% - 15px)', undefined);
+testParse('10px left', undefined);
+testParse('10px center', '10px 50%');
+testParse('10px right', undefined);
+testParse('10px top', '10px 0%');
+testParse('10px bottom', '10px 100%');
+testParse('10px 10px', '10px 10px');
+testParse('10px 25%', '10px 25%');
+testParse('10px calc(80% - 15px)', '10px calc(80% + -15px)');
+testParse('25% left', undefined);
+testParse('25% center', '25% 50%');
+testParse('25% right', undefined);
+testParse('25% top', '25% 0%');
+testParse('25% bottom', '25% 100%');
+testParse('25% 10px', '25% 10px');
+testParse('25% 25%', '25% 25%');
+testParse('25% calc(80% - 15px)', '25% calc(80% + -15px)');
+testParse('calc(80% - 15px) left', undefined);
+testParse('calc(80% - 15px) center', 'calc(80% + -15px) 50%');
+testParse('calc(80% - 15px) right', undefined);
+testParse('calc(80% - 15px) top', 'calc(80% + -15px) 0%');
+testParse('calc(80% - 15px) bottom', 'calc(80% + -15px) 100%');
+testParse('calc(80% - 15px) 10px', 'calc(80% + -15px) 10px');
+testParse('calc(80% - 15px) 25%', 'calc(80% + -15px) 25%');
+testParse('calc(80% - 15px) calc(80% - 15px)', 'calc(80% + -15px) calc(80% + -15px)');
+testParse('left left 10px', undefined);
+testParse('left center left', undefined);
+testParse('left center 25%', undefined);
+testParse('left right center', undefined);
+testParse('left right calc(80% - 15px)', undefined);
+testParse('left bottom 10px', '0% calc(-10px + 100%)');
+testParse('left 10px right', undefined);
+testParse('left 25% 25%', undefined);
+testParse('left calc(80% - 15px) top', 'calc(80% + -15px) 0%');
+testParse('center left top', undefined);
+testParse('center center left', undefined);
+testParse('center center center', undefined);
+testParse('center right 10px', 'calc(-10px + 100%) 50%');
+testParse('center top 25%', '50% 25%');
+testParse('center 25% left', undefined);
+testParse('right left right', undefined);
+testParse('right left 25%', undefined);
+testParse('right center 10px', undefined);
+testParse('right right 25%', undefined);
+testParse('right top 10px', '100% 10px');
+testParse('right bottom 25%', '100% 75%');
+testParse('right 25% bottom', '75% 100%');
+testParse('right 10px 25%', undefined);
+testParse('top left 25%', '25% 0%');
+testParse('top center 25%', undefined);
+testParse('top 10px right', '100% 10px');
+testParse('top 10px 10px', undefined);
+testParse('top calc(80% - 15px) center', '50% calc(80% + -15px)');
+testParse('bottom left 10px', '10px 100%');
+testParse('bottom calc(80% - 15px) right', '100% calc(20% + 15px)');
+testParse('bottom calc(80% - 15px) bottom', undefined);
+testParse('10px left center', undefined);
+testParse('10px right 25%', undefined);
+testParse('10px 25% bottom', undefined);
+testParse('25% 25% 25%', undefined);
+testParse('calc(80% - 15px) calc(80% - 15px) right', undefined);
+testParse('left 25% left 10px', undefined);
+testParse('left center left 10px', undefined);
+testParse('left center top 25%', undefined);
+testParse('left 10px right calc(80% - 15px)', undefined);
+testParse('left 10px bottom 10px', '10px calc(-10px + 100%)');
+testParse('left 25% top 25%', '25% 25%');
+testParse('left calc(80% - 15px) top 10px', 'calc(80% + -15px) 10px');
+testParse('center left top 10px', undefined);
+testParse('center center left 25%', undefined);
+testParse('center center center 10px', undefined);
+testParse('center 25% right 10px', undefined);
+testParse('right left right 25%', undefined);
+testParse('right 10px right 25%', undefined);
+testParse('top 10px center 25%', undefined);
+testParse('top 10px right calc(80% - 15px)', 'calc(20% + 15px) 10px');
+testParse('top 10px 10px right', undefined);
+testParse('bottom calc(80% - 15px) left 10px', '10px calc(20% + 15px)');
+testParse('calc(80% - 15px) 10px right 25%', undefined);
+testParse('10px 25% bottom 25%', undefined);
+testParse('25% 25% 25% 25%', undefined);
+testParse('10px right, center center', undefined);
+testParse('25% calc(80% - 15px), right 10px', '25% calc(80% + -15px), 100% 10px');
+testParse('left calc(80% - 15px) top, 25% calc(80% - 15px)', 'calc(80% + -15px) 0%, 25% calc(80% + -15px)');
+testParse('right left 25%, left calc(80% - 15px) top', undefined);
+testParse('top center 25%, right left 25%', undefined);
+testParse('10px right, center center, 25% calc(80% - 15px), right 10px', undefined);
+testParse('right calc(80% - 15px) top, 25% calc(80% - 15px), top left 25%, left calc(80% - 15px) top', 'calc(20% + 15px) 0%, 25% calc(80% + -15px), 25% 0%, calc(80% + -15px) 0%');
+testParse('calc(80% - 15px) 10px right 25%, left calc(80% - 15px) top 10px, center center, calc(80% - 15px) 10px right 25%', undefined);
+testParse('aoeu', undefined);
+testParse('aoeu, asdf', undefined);
+testParse('laft 45%', undefined);
+// Last parameter is expected result.
+testAdd('0px 0px', '0px 0px', '0px 0px');
+testAdd('0px 0px', '25px 50px', '25px 50px');
+testAdd('0% 0%', '25% 50%', '25% 50%');
+testAdd('10px 10%', '25px 50%', '35px 60%');
+testAdd('10px 10%', '25% 50px', 'calc(10px + 25%) calc(10% + 50px)');
+testAdd('10px 10%, 10px 10px', '25px 50%', '35px 60%, 10px 10px');
+testAdd('10px 10%', '25px 50%, 10px 10px', '35px 60%, 10px 10px');
+testAdd('10px 10%, 5% 5px', '25px 50%, 20% 20px', '35px 60%, 25% 25px');
+testInterpolate({
+  from: '0px 0px',
+  to: '0px 0px',
+  fraction: 0.2,
+  expected: '0px 0px'});
+testInterpolate({
+  from: '0px 0px',
+  to: '25px 50px',
+  fraction: 0.2,
+  expected: '5px 10px'});
+testInterpolate({
+  from: '0% 0%',
+  to: '25% 50%',
+  fraction: 0.2,
+  expected: '5% 10%'});
+testInterpolate({
+  from: '10px 10%',
+  to: '25px 50%',
+  fraction: 0.2,
+  expected: '13px 18%'});
+testInterpolate({
+  from: '10px 10%',
+  to: '25% 50px',
+  fraction: 0.2,
+  expected: 'calc(8px + 5%) calc(8% + 10px)'});
+testInterpolate({
+  from: '10px 10%, 10px 10px',
+  to: '25px 50%',
+  fraction: 0.2,
+  expected: '13px 18%, 8px 8px'});
+testInterpolate({
+  from: '10px 10%',
+  to: '25px 50%, 10px 10px',
+  fraction: 0.2,
+  expected: '13px 18%, 2px 2px'});
+testInterpolate({
+  from: '10px 10%, 5% 5px',
+  to: '25px 50%, 20% 20px',
+  fraction: 0.2,
+  expected: '13px 18%, 8% 8px'});
+</script>

data/app/assets/components/web-animations-js/test/testcases/manual-test-add-player-onend.html ADDED Viewed

@@ -0,0 +1,57 @@
+<!--
+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.
+-->
+<!DOCTYPE html><meta charset="UTF-8">
+<style>
+#target {
+  background-color: lightsteelblue;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  left: 0px;
+}
+#expected {
+  background-color: darkred;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  left: 100px;
+}
+</style>
+<div id="expected"></div>
+<div id="target"></div>
+<script src="../bootstrap.js"></script>
+<script>
+'use strict';
+var test = async_test('Check second animation has fired after being triggered inside onend callback');
+var element = document.querySelector('#target');
+var animation = new Animation(element, {left: '50px'}, 0.5);
+animation.addEventListener('end', function() {
+  var nextAnimation = new Animation(element, {left: '100px'}, 0.5);
+  nextAnimation.addEventListener('end', function() {
+    test.step(function() { assert_styles("#target", {left:'100px'}); });
+    test.done();
+  });
+  document.timeline.play(nextAnimation);
+});
+document.timeline.play(animation);
+timing_test(function() {at(1 * 1000, function() {});}, 'Force testharness to execute to 1 second.');
+</script>

data/app/assets/components/web-animations-js/test/testcases/manual-test-preset-timings.html ADDED Viewed

@@ -0,0 +1,71 @@
+<!--
+Copyright 2012 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.
+-->
+<!DOCTYPE html><meta charset="UTF-8">
+<style>
+canvas {
+  border: silver solid 1px;
+  padding: 5px;
+}
+span {
+  display: inline-block;
+  padding: 5px;
+}
+</style>
+<body>
+<script src="../../web-animations.js"></script>
+<script>
+"use strict";
+var size = 100;
+var duration = 3.0 * 1000;
+function testTiming(name) {
+  var canvas = document.createElement('canvas');
+  canvas.width = canvas.height = size;
+  var ctx = canvas.getContext('2d');
+  ctx.strokeStyle = 'blue';
+  ctx.beginPath();
+  ctx.moveTo(0, size);
+  var span = document.createElement('span');
+  span.appendChild(canvas);
+  span.appendChild(document.createElement('br'));
+  span.appendChild(document.createTextNode(name));
+  document.body.appendChild(span);
+  return new Animation(ctx,
+    function(timeFraction, animation) {
+      var inputTimeFraction = player.currentTime / duration;
+      animation.target.lineTo(inputTimeFraction * size, size - timeFraction * size);
+      animation.target.stroke();
+    }, {
+      duration: duration,
+      easing: name,
+    });
+}
+// TODO: Making player global like this is is rather ugly. It would be nice if
+// the animation or player were passed to the custom animation effect's sample
+// function.
+var player = document.timeline.play(new AnimationGroup([
+  testTiming('ease'),
+  testTiming('linear'),
+  testTiming('ease-in'),
+  testTiming('ease-out'),
+  testTiming('ease-in-out'),
+]));
+</script>

data/app/assets/components/web-animations-js/test/testcases/manual-test-step.html ADDED Viewed

@@ -0,0 +1,88 @@
+<!--
+Copyright 2012 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.
+-->
+<!DOCTYPE html><meta charset="UTF-8">
+<style>
+canvas {
+  border: silver solid 1px;
+  padding: 5px;
+}
+span {
+  display: inline-block;
+  padding: 5px;
+}
+</style>
+<body>
+<script src="../../web-animations.js"></script>
+<script>
+"use strict";
+var size = 100;
+var duration = 3.0 * 1000;
+function testStep(numSteps, position) {
+  var canvas = document.createElement('canvas');
+  canvas.width = canvas.height = size;
+  var ctx = canvas.getContext('2d');
+  ctx.beginPath();
+  var span = document.createElement('span');
+  span.appendChild(canvas);
+  span.appendChild(document.createElement('br'));
+  span.appendChild(document.createTextNode('steps: ' + numSteps));
+  span.appendChild(document.createElement('br'));
+  span.appendChild(document.createTextNode('position: ' + position));
+  document.body.appendChild(span);
+  return new Animation(ctx,
+    function(timeFraction, animation) {
+      var target = animation.target;
+      var inputTimeFraction = player.currentTime / duration;
+      if (target.lastTimeFraction !== timeFraction) {
+        target.beginPath();
+        target.moveTo(inputTimeFraction * size,
+            size - target.lastTimeFraction * size);
+        target.lineTo(inputTimeFraction * size, size - timeFraction * size);
+        target.strokeStyle = 'silver';
+        target.stroke();
+        target.beginPath();
+        target.strokeStyle = 'blue';
+      } else {
+        target.lineTo(inputTimeFraction * size, size - timeFraction * size);
+      }
+      target.lastTimeFraction = timeFraction;
+      target.stroke();
+    }, {
+    duration: duration,
+    easing: 'steps(' + numSteps + ', ' + position + ')',
+  });
+}
+// TODO: Making player global like this is is rather ugly. It would be nice if
+// the animation or player were passed to the custom animation effect's sample
+// function.
+var player = document.timeline.play(new AnimationGroup([
+  testStep(1, 'start'),
+  testStep(1, 'middle'),
+  testStep(1, 'end'),
+  testStep(3, 'start'),
+  testStep(3, 'middle'),
+  testStep(3, 'end'),
+  testStep(10, 'start'),
+  testStep(10, 'middle'),
+  testStep(10, 'end'),
+]));
+</script>

data/app/assets/components/web-animations-js/test/testcases/small.mp4 ADDED Viewed

Binary file

data/app/assets/components/web-animations-js/test/testcases/small.webm ADDED Viewed

Binary file

data/app/assets/components/web-animations-js/test/testcases/test-bounds.html ADDED Viewed

@@ -0,0 +1,69 @@
+<!--
+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.
+-->
+<!DOCTYPE html><meta charset="UTF-8">
+<style>
+div.anim {
+  position: relative;
+  left: 0px;
+}
+</style>
+<div id="anim1" class="anim"></div>
+<div id="anim2" class="anim"></div>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var animFunc = [{left: "100px"}, {left: "200px"}];
+// Test that the animation interval uses inclusive start and end bounds.
+var elem1 = document.getElementById("anim1");
+var player1 =
+  document.timeline.play(new Animation(elem1, animFunc, {duration: 1.0, fill: 'forwards'}));
+timing_test(function() {
+    at(0, function() { assert_equals(getComputedStyle(elem1).left, "100px") });
+  },
+  "Start bound should be inclusive");
+timing_test(function() {
+    at(1.0, function() { assert_equals(getComputedStyle(elem1).left, "200px") });
+  },
+  "End bound should be inclusive");
+// Test that delay is applied correctly.
+var elem2 = document.getElementById("anim2");
+var player2 = document.timeline.play(
+  new Animation(elem2, animFunc, {duration: 1.0, delay: 1.0, fill: 'forwards'}));
+timing_test(function() {
+    at(0, function() { assert_equals(getComputedStyle(elem2).left, "0px"); });
+  },
+  "Start bound should include delay");
+timing_test(function() {
+    at(1.0, function() { assert_equals(getComputedStyle(elem2).left, "100px"); });
+  },
+  "Start bound with delay should be inclusive");
+timing_test(function() {
+    at(2.0, function() { assert_equals(getComputedStyle(elem2).left, "200px"); });
+  },
+  "End bound with delay should be inclusive");
+</script>

data/app/assets/components/web-animations-js/test/testcases/test-document-timeline.html ADDED Viewed

@@ -0,0 +1,53 @@
+<!--
+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.
+-->
+<!DOCTYPE html><meta charset="UTF-8">
+<div id="anim"></div>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+// Test that document.timeline.currentTime is read-only.
+test(function() {
+  assert_throws(new TypeError(), function() {
+    document.timeline.currentTime = 12345;
+  });
+  assert_not_equals(document.timeline.currentTime, 12345);
+}, "document.timeline.currentTime should be read-only");
+/*
+This is wrong according to the spec, timing actually continues to move forward
+even while Javascript is running.
+// Test that document.timeline.currentTime is constant within a JavaScript
+// callstack.
+timing_test(function() {
+    at(0.0, function() {assert_equals(document.timeline.currentTime, 0.0)});
+  }, "document.timeline.currentTime time should be constant in JavaScript callstack");
+*/
+// Test that document.timeline.currentTime is non-null in an onload handler
+// when using performance timing. Note that this assumes that web-animations.js
+// is loaded before document load time.
+var loadtest = async_test("document.timeline.currentTime should be non-null in an onload handler");
+addEventListener("load", function() {
+  loadtest.step(function() {assert_not_equals(document.timeline.currentTime,  null)});
+  loadtest.done();
+});
+</script>

data/app/assets/components/web-animations-js/test/testcases/test-dynamic-load.html ADDED Viewed

@@ -0,0 +1,65 @@
+<!--
+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.
+-->
+<!DOCTYPE html><meta charset="UTF-8">
+<style>
+.anim {
+  left: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: #FAA;
+  position: absolute;
+}
+.expected {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  border-right: 1px solid black;
+}
+#a {
+  top: 50px
+}
+</style>
+<div>Right edge of box should align with black line at end of test.</div>
+<div id="a" class="anim"></div>
+<div id="a-expected" style="top: 50px; left: 200px;" class="expected"></div>
+<script src="../bootstrap.js" nopolyfill></script>
+<script>
+"use strict";
+timing_test(function() {
+    at(0.00, function() { assert_styles(".anim", {"left": "0px"}) });
+    at(0.25, function() { assert_styles(".anim", {"left": "100px"}) });
+    at(0.50, function() { assert_styles(".anim", {"left": "200px"}) });
+  }, "Check left position");
+window.addEventListener('load', function() {
+  var s = document.createElement('script');
+  s.src = "../../web-animations.js";
+  s.addEventListener('load', function() {
+    document.timeline.play(new Animation(a,
+      [{left: "0px"}, {left: "200px"}],
+      {duration: 0.5, fill: 'forwards'}
+    ));
+  })
+  document.head.appendChild(s);
+});
+</script>