neon-animation demos are not working.

[alvaropinot]

Description

neon-animation demos are not working.

Expected outcome

animations are reproduced

Actual outcome

the squares at http://morethanreal.github.io/neon-animation-demo/bower_components/neon-animation/demo/grid/index.html page get's black.

the following error is show at Chrome's console.

Uncaught TypeError: Failed to execute 'animate' on 'Element': 'function (a){return a}' is not a valid value for easing
    at Object.b.newUnderlyingAnimationForKeyframeEffect (keyframe-effect-constructor.js:72)
    at b.Animation._rebuildUnderlyingAnimation (web-animations-next-animation.js:40)
    at b.Animation (web-animations-next-animation.js:26)
    at b.AnimationTimeline.play (timeline.js:41)
    at Object.b.newUnderlyingAnimationForGroup (group-constructors.js:93)
    at b.Animation._rebuildUnderlyingAnimation (web-animations-next-animation.js:44)
    at b.Animation (web-animations-next-animation.js:26)
    at b.AnimationTimeline.play (timeline.js:41)
    at HTMLElement._runAnimationEffects (neon-animation-runner-behavior.html:61)
    at HTMLElement.playAnimation (neon-animation-runner-behavior.html:84)
b.newUnderlyingAnimationForKeyframeEffect @ keyframe-effect-constructor.js:72
_rebuildUnderlyingAnimation @ web-animations-next-animation.js:40
b.Animation @ web-animations-next-animation.js:26
play @ timeline.js:41
b.newUnderlyingAnimationForGroup @ group-constructors.js:93
_rebuildUnderlyingAnimation @ web-animations-next-animation.js:44
b.Animation @ web-animations-next-animation.js:26
play @ timeline.js:41
_runAnimationEffects @ neon-animation-runner-behavior.html:61
playAnimation @ neon-animation-runner-behavior.html:84
_selectedChanged @ neon-animated-pages.html:142
_complexObserverEffect @ polymer.html:1181
(anonymous) @ polymer.html:1029
_effectEffects @ polymer.html:1026
_propertySet @ polymer.html:1020
setter @ polymer.html:1087
scope._onTileClick @ index.html:56
(anonymous) @ polymer.html:347
fire @ polymer.html:929
_onClick @ animated-grid.html:158
(anonymous) @ polymer.html:347

Live Demo

http://morethanreal.github.io/neon-animation-demo/bower_components/neon-animation/demo/grid/index.html

Steps to reproduce

1. open http://morethanreal.github.io/neon-animation-demo/bower_components/neon-animation/demo/grid/index.html
2. open developers tools / console
3. click a square

Browsers Affected

• Chrome
• Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10

[sowsan]

+1

[MidiDEVS]

+1

[JGSolutions]

+1

[NicolasRannou]

+1 it impacts all components relying on animations -

[JGSolutions]

any progress on this?

[samuelli]

Where is this linked from?

The demo on webcomponents.org works for me:
https://www.webcomponents.org/element/PolymerElements/neon-animation/demo/demo/index.html

The same demo is 'grid'.