web-animations-js - npm Package Versions

• Minor fixes for Closure compilation compatibility.
• Fixed Cannot set property _isFinished of #<Object> which has only a getter

Support IE/Edge SVG transforms.

Parse and evaluate calc expressions without eval.

Added HTML import targets.

Added support for animating SVG related properties:

• fill
• floodColor
• lightingColor
• stopColor
• strokeDashoffset
• strokeDasharray

Fixed crash when animating non-invertable matrices.

Fixed source maps for Bower installs.

Updated README.md documentation structure.

Added 'use strict' to source files.

Fixed handling of keyframes with overlapping offsets.

• Throw TypeError on invalid keyframe input.

• Fixed display and other animation properties being animated.

• Throw InvalidStateError when calling play() on reversed infinite animation.

• Fixed infinite loop in cubic-bezier timing function.

• Fixed idle animations not becoming paused when seeked.

• Fixed pause() not rewinding idl animations.

• Extended cubic-bezier timing function domain from [0, 1] to (-Infinity, Infinity).

• Fixed timing model to handle corner cases involving Infinity and 0 correctly.

• Fixed source files missing from npm package.

• Improved performance of starting and updating individual animations.

Deprecated invalid timing inputs as they will soon throw TypeErrors in native browsers.

For example, this is deprecated and will eventually throw a TypeError:

  element.animate([], {
      duration: -1,
      iterationStart: -1,
      iterations: -1,
      easing: 'garbage string',
  });

• Fixed polyfill crash in browsers based on Chromium 36 to 46.

• Increased cubic-bezier accuracy.

• Added support for grad and turn units for angles.

Deprecated the use of hyphens in property names.

For example, this is deprecated:

  element.animate([{'font-size': '0px'}, {'font-size': '10px'}]);

and this should be used instead:

  element.animate([{fontSize: '0px'}, {fontSize: '10px'}]);

• Added arbitrary easing capitalisation.

• Added "id" effect option. (https://drafts.csswg.org/web-animations/#dom-keyframeanimationoptions-id)

• Added "oncancel" event handler.

• Added value list keyframe syntax.

  As as alternative to:

  element.animate([{color: 'red'}, {color: 'green'}, {color: 'blue'}]);
  

  you can now use:

  element.animate({color: ['red', 'green', 'blue']});
  

• Fixed easing TypeError in FireFox Nightly when using groups.

• Fixed delayed animation updates on Safari and Firefox

• Fixed infinite recursion when setting onfinish to null.