diff --git a/gulpfile.js b/gulpfile.js
index 97daae22926..56cbab13249 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -15,7 +15,7 @@ var connect = require('gulp-connect');
 var docsConfig = require('./scripts/config.json');
 
 var flagConfig = {
-  string: ['port', 'animations'],
+  string: ['port'],
   boolean: ['debug', 'typecheck'],
   alias: {'p': 'port'},
   default: { 'port': 8000, 'debug': true, 'typecheck': false }
@@ -148,11 +148,6 @@ gulp.task('bundle', ['bundle.cjs', 'bundle.system']);
  * Creates CommonJS bundle from Ionic source files.
  */
 gulp.task('bundle.cjs', ['transpile'], function(done){
-  //TODO
-  //   if (flags.animations == 'polyfill') {
-  //     prepend.push('window.Element.prototype.animate=undefined;');
-  //   }
-
   var config = require('./scripts/npm/ionic.webpack.config.js');
   bundle({ config: config, stats: true });
 
@@ -334,8 +329,7 @@ gulp.task('copy.scss', function() {
  */
 gulp.task('copy.libs', function() {
   var merge = require('merge2');
-  var webAnimations = gulp.src([
-      'scripts/resources/web-animations-js/web-animations.min.js',
+  var extModules = gulp.src([
       'node_modules/es6-shim/es6-shim.min.js',
       'node_modules/systemjs/node_modules/es6-module-loader/dist/es6-module-loader.src.js',
       'node_modules/systemjs/dist/system.src.js',
@@ -354,7 +348,7 @@ gulp.task('copy.libs', function() {
     ])
     .pipe(gulp.dest('dist'));
 
-  return merge([webAnimations, libs]);
+  return merge([extModules, libs]);
 });
 
 
@@ -573,7 +567,7 @@ gulp.task('build.demos', function() {
   } else {
     buildDemoSass(false);
   }
-  
+
   var tsResult = gulp.src(['demos/**/*.ts'])
     .pipe(cache('demos.ts'))
     .pipe(tsc(getTscOptions(), undefined, tscReporter))
diff --git a/ionic/animations/animation.ts b/ionic/animations/animation.ts
index ff4b7522118..f09d6df4cbc 100644
--- a/ionic/animations/animation.ts
+++ b/ionic/animations/animation.ts
@@ -1,219 +1,174 @@
 import {ViewController} from '../components/nav/view-controller';
-import {CSS, rafFrames} from '../util/dom';
+import {CSS, rafFrames, raf, transitionEnd} from '../util/dom';
 import {assign} from '../util/util';
 
-const doc: any = document;
-
-/**
-  Animation Steps/Process
-  -----------------------
-
- - Construct animation (doesn't start)
- - Client play()'s animation, returns promise
- - Add before classes to elements
- - Remove before classes from elements
- - Elements staged in "from" effect w/ inline styles
- - Call onReady()
- - Wait for RENDER_DELAY milliseconds (give browser time to render)
- - Call onPlay()
- - Run from/to animation on elements
- - Animations finish async
- - Set inline styles w/ the "to" effects on elements
- - Add after classes to elements
- - Remove after classes from elements
- - Call onFinish()
- - Resolve play()'s promise
-**/
 
 /**
  * @private
-**/
+ **/
 export class Animation {
   private _parent: Animation;
-  private _isStaged: boolean;
-  private _isFinished: boolean;
-  private _duration: number;
-  private _easing: any;
-  private _from: any;
-  private _to: any;
-  private _rate: any;
-  private _opts: any;
-  private _el: Array<any>;
-  private _chld: Array<Animation>;
-  private _ani: Array<Animate>;
-  private _bfSty: any;
+  private _c: Array<Animation>;
+  private _el: HTMLElement;
+  private _opts;
+  private _fx;
+  private _dur: number;
+  private _easing: string;
+  private _bfSty;
   private _bfAdd: Array<string>;
   private _bfRmv: Array<string>;
+  private _afSty;
   private _afAdd: Array<string>;
   private _afRmv: Array<string>;
-  private _readys: Array<any>;
-  private _plays: Array<any>;
-  private _finishes: Array<any>;
-  public isProgress: boolean;
+  private _pFns: Array<Function>;
+  private _fFns: Array<Function>;
+  private _fOnceFns: Array<Function>;
+  private _wChg: boolean = false;
+  private _rv: boolean;
+
+  public isPlaying: boolean;
+  public hasTween: boolean;
+  public meta;
 
   constructor(ele?, opts={}) {
-    this.reset();
+    this._reset();
+    this.element(ele);
 
     this._opts = assign({
-      renderDelay: 16
+      renderDelay: 24
     }, opts);
-
-    this.elements(ele);
-
-    if (!doc.documentElement.animate) {
-      console.error('Web Animations polyfill missing');
-    }
   }
 
-  reset() {
-    this._el = [];
-    this._chld = [];
-    this._ani = [];
+  _reset() {
+    this._c = [];
+    this._fx = {};
 
     this._bfSty = {};
     this._bfAdd = [];
     this._bfRmv = [];
+    this._afSty = {};
     this._afAdd = [];
     this._afRmv = [];
 
-    this._readys = [];
-    this._plays = [];
-    this._finishes = [];
+    this._pFns = [];
+    this._fFns = [];
+    this._fOnceFns = [];
+
+    this.isPlaying = this.hasTween = this._rv = false;
+    this._el = this._easing = this._dur = null;
   }
 
-  elements(ele) {
+  element(ele): Animation {
     if (ele) {
-      if (typeof ele === 'string') {
-        // string query selector
-        ele = doc.querySelectorAll(ele);
+      if (ele.nativeElement) {
+        ele = ele.nativeElement
+
+      } else if (typeof ele === 'string') {
+        ele = doc.querySelector(ele);
       }
 
-      if (ele.length) {
-        // array of elements
-        for (let i = 0; i < ele.length; i++) {
-          this.addElement(ele[i]);
-        }
+      if (ele && ele.nodeType === 1) {
+        this._el = ele;
 
-      } else {
-        // single element
-        this.addElement(ele);
+        // does this element suport will-change property?
+        this._wChg = ('opacity' in ele.style);
       }
     }
     return this;
   }
 
-  addElement(ele) {
-    // ensure only HTML Element nodes
-    if (ele) {
-      if (ele.nativeElement) {
-        // angular ElementRef
-        ele = ele.nativeElement;
-      }
+  parent(parentAnimation: Animation): Animation {
+    this._parent = parentAnimation;
+    return this;
+  }
 
-      if (ele.nodeType === 1) {
-        this._el.push(ele);
-      }
-    }
+  add(childAnimation: Animation): Animation {
+    childAnimation.parent(this);
+    this._c.push(childAnimation);
+    return this;
   }
 
-  parent(parentAnimation) {
-    this._parent = parentAnimation;
+  getDuration(): number {
+    return this._dur !== null ? this._dur : (this._parent && this._parent.getDuration()) || 0;
+  }
+
+  duration(milliseconds: number): Animation {
+    this._dur = milliseconds;
     return this;
   }
 
-  add(childAnimations) {
-    var _childAnimations = Array.isArray(childAnimations) ? childAnimations : arguments;
-    for (let i = 0; i < _childAnimations.length; i++) {
-      _childAnimations[i].parent(this);
-      this._chld.push(_childAnimations[i]);
-    }
+  getEasing(): string {
+    return this._easing !== null ? this._easing : (this._parent && this._parent.getEasing()) || null;
+  }
+
+  easing(name: string): Animation {
+    this._easing = name;
     return this;
   }
 
-  duration(value?: number) {
-    if (arguments.length) {
-      this._duration = value;
-      return this;
-    }
-    return this._duration || (this._parent && this._parent.duration()) || 0;
+  from(prop: string, val: string): Animation {
+    return this._addProp('from', prop, val);
   }
 
-  clearDuration() {
-    this._duration = null;
-    for (let i = 0, l = this._chld.length; i < l; i++) {
-      this._chld[i].clearDuration();
-    }
+  to(prop: string, val: string): Animation {
+    return this._addProp('to', prop, val);
   }
 
-  easing(name?: string, opts?: {}) {
-    if (arguments.length) {
-      this._easing = {
-        name: name,
-        opts: opts
-      };
-      return this;
-    }
-    return this._easing || (this._parent && this._parent.easing());
+  fromTo(prop: string, fromVal, toVal): Animation {
+    return this.from(prop, fromVal).to(prop, toVal);
   }
 
-  playbackRate(value?: number) {
-    if (arguments.length) {
-      this._rate = value;
-      let i;
-      for (i = 0; i < this._chld.length; i++) {
-        this._chld[i].playbackRate(value);
+  private _addProp(state: string, prop: string, val: string): Animation {
+    if (!this._fx[prop]) {
+      this._fx[prop] = {
+        trans: (TRANSFORMS.indexOf(prop) > -1)
       }
-      for (i = 0; i < this._ani.length; i++) {
-        this._ani[i].playbackRate(value);
+
+      if (this._fx[prop].trans) {
+        this._fx[prop].wc = 'transform';
+
+      } else if (prop === 'opacity') {
+        this._fx[prop].wc = prop;
       }
-      return this;
     }
-    return (typeof this._rate !== 'undefined' ? this._rate : this._parent && this._parent.playbackRate());
-  }
 
-  reverse() {
-    return this.playbackRate(-1);
-  }
+    var fx = this._fx[prop][state] = {
+      val: val,
+      num: null,
+      unit: '',
+    };
 
-  forward() {
-    return this.playbackRate(1);
-  }
+    if (typeof val === 'string' && val.indexOf(' ') < 0) {
+      let r = val.match(/(^-?\d*\.?\d*)(.*)/);
+      let num = parseFloat(r[1]);
 
-  from(property, value) {
-    if (!this._from) {
-      this._from = {};
-    }
-    this._from[property] = value;
-    return this;
-  }
+      if (!isNaN(num)) {
+        fx.num = num;
+      }
+      fx.unit = (r[0] != r[2] ? r[2] : '');
 
-  to(property, value) {
-    if (!this._to) {
-      this._to = {};
+    } else if (typeof val === 'number') {
+      fx.num = val;
     }
-    this._to[property] = value;
-    return this;
-  }
 
-  fromTo(property, from, to) {
-    return this.from(property, from).to(property, to);
+    return this;
   }
 
-  fadeIn() {
+  fadeIn(): Animation {
     return this.fromTo('opacity', 0.001, 1);
   }
 
-  fadeOut() {
+  fadeOut(): Animation {
     return this.fromTo('opacity', 0.999, 0);
   }
 
   get before() {
     return {
-      addClass: (className): Animation => {
+      addClass: (className: string): Animation => {
         this._bfAdd.push(className);
         return this;
       },
-      removeClass: (className): Animation => {
+      removeClass: (className: string): Animation => {
         this._bfRmv.push(className);
         return this;
       },
@@ -233,751 +188,473 @@ export class Animation {
       removeClass: (className: string): Animation => {
         this._afRmv.push(className);
         return this;
+      },
+      setStyles: (styles): Animation => {
+        this._afSty = styles;
+        return this;
       }
     }
   }
 
-  play(done?: Function) {
-    const self = this;
+  play() {
+    var self = this;
 
-    // the actual play() method which may or may not start async
-    function beginPlay(beginPlayDone) {
-      let tasks = [];
+    var i, fallbackTimerId, deregTransEnd;
 
-      self._chld.forEach(childAnimation => {
-        tasks.push(taskDone => {
-          childAnimation.play(taskDone);
-        });
-      });
+    console.debug('Animation, play, duration', self._dur, 'easing', self._easing);
 
-      self._ani.forEach(animation => {
-        tasks.push(taskDone => {
-          animation.play(taskDone);
-        });
-      });
+    // always default that an animation does not tween
+    // a tween requires that an Animation class has an element
+    // and that it has at least one FROM/TO effect
+    // and that the FROM/TO effect can tween numeric values
+    self.hasTween = false;
 
-      parallel(tasks, beginPlayDone);
+    // fire off all the onPlays
+    for (i = 0; i < self._pFns.length; i++) {
+      self._pFns[i]();
     }
+    this.isPlaying = true;
 
-    if (!self._parent) {
-      // this is the top level animation and is in full control
-      // of when the async play() should actually kick off
+    // this is the top level animation and is in full control
+    // of when the async play() should actually kick off
+    // if there is no duration then it'll set the TO property immediately
+    // if there is a duration, then it'll stage all animations at the
+    // FROM property and transition duration, wait a few frames, then
+    // kick off the animation by setting the TO property for each animation
 
-      // stage all animations and child animations at their starting point
-      self.stage();
+    // stage all of the before css classes and inline styles
+    // will recursively stage all child elements
+    self._before();
 
-      let promise;
-      if (!done) {
-        promise = new Promise(res => { done = res; });
-      }
+    if (self._dur > 30) {
+      // this animation has a duration, so it should animate
+      // place all the elements with their FROM properties
 
-      function kickoff() {
-        // synchronously call all onPlay()'s before play()
-        self._onPlay();
+      // set the FROM properties
+      self._progress(0);
 
-        beginPlay(() => {
-          self._onFinish();
-          done();
-        });
-      }
+      self._willChange(true);
 
-      if (self._duration > 16 && self._opts.renderDelay > 0) {
-        // begin each animation when everything is rendered in their starting point
-        // give the browser some time to render everything in place before starting
-        rafFrames(self._opts.renderDelay / 16, kickoff);
+      // set the TRANSITION END event
+      // and run onFinishes when the transition ends
+      self._asyncEnd(self._dur);
 
-      } else {
-        // no need to render everything in there place before animating in
-        // just kick it off immediately to render them in their "to" locations
-        kickoff();
-      }
+      // begin each animation when everything is rendered in their place
+      // and the transition duration/easing is ready to go
+      rafFrames(self._opts.renderDelay / 16, function() {
+        // there's been a moment and the elements are in place
 
-      return promise;
-    }
+        // now set the TRANSITION duration/easing
+        self._setTrans(self._dur, false);
 
-    // this is a child animation, it is told exactly when to
-    // start by the top level animation
-    beginPlay(done);
-  }
+        // wait a few moments again to wait for the transition
+        // info to take hold in the DOM
+        raf(function() {
+          // browser had some time to render everything in place
+          // and the transition duration/easing is set
+          // now set the TO properties
+          // which will trigger the transition to begin
+          self._progress(1);
+        });
 
-  stage() {
-    // before the RENDER_DELAY
-    // before the animations have started
-    if (!this._isStaged) {
-      this._isStaged = true;
+      });
 
-      let i, p, l, j, ele, animation;
+    } else {
+      // this animation does not have a duration, so it should not animate
+      // just go straight to the TO properties and call it done
+      self._progress(1);
 
-      for (i = 0, l = this._chld.length; i < l; i++) {
-        this._chld[i].stage();
-      }
+      // so there was no animation, immediately run the after
+      self._after();
 
-      for (i = 0; i < this._el.length; i++) {
-        ele = this._el[i];
+      // so there was no animation, it's done
+      // fire off all the onFinishes
+      self._onFinish();
+    }
+  }
 
-        for (j = 0; j < this._bfAdd.length; j++) {
-          ele.classList.add(this._bfAdd[j]);
-        }
+  _asyncEnd(duration: number) {
+    var self = this;
+    var deregTransEnd, fallbackTimerId;
 
-        for (p in this._bfSty) {
-          ele.style[p] = this._bfSty[p];
-        }
+    // set the TRANSITION END event
+    deregTransEnd = transitionEnd(self._transEl(), function() {
+      // transition has completed
+      console.debug('Animation, transition end');
 
-        for (j = 0; j < this._bfRmv.length; j++) {
-          ele.classList.remove(this._bfRmv[j]);
-        }
-      }
+      // cancel the fallback timer so it doesn't fire also
+      clearTimeout(fallbackTimerId);
 
-      if (this._to) {
-        // only animate the elements if there are defined "to" effects
-        for (i = 0; i < this._el.length; i++) {
+      // set the after styles
+      self._after();
+      self._willChange(false);
+      self._onFinish();
+    });
 
-          animation = new Animate( this._el[i],
-                                   this._from,
-                                   this._to,
-                                   this.duration(),
-                                   this.easing(),
-                                   this.playbackRate() );
+    // set a fallback timeout if the transition end event never fires
+    fallbackTimerId = setTimeout(function() {
+      // fallback timeout fired instead of the transition end
+      console.debug('Animation, fallback end');
 
-          if (animation.shouldAnimate) {
-            this._ani.push(animation);
-          }
+      // deregister the transition end event listener
+      deregTransEnd();
 
-        }
-      }
+      // set the after styles
+      self._after();
+      self._willChange(false);
+      self._onFinish();
 
-      for (i = 0; i < this._readys.length; i++) {
-        this._readys[i](this);
-      }
-    }
+    }, duration + 300);
   }
 
-  _onPlay() {
-    // after the RENDER_DELAY
-    // before the animations have started
-    let i;
-    this._isFinished = false;
+  _progress(stepValue: number) {
+    // bread 'n butter
+    var i, prop, fx, val, transforms, tweenEffect;
 
-    for (i = 0; i < this._chld.length; i++) {
-      this._chld[i]._onPlay();
+    for (i = 0; i < this._c.length; i++) {
+      this._c[i]._progress(stepValue);
     }
 
-    for (i = 0; i < this._plays.length; i++) {
-      this._plays[i](this);
-    }
-  }
+    if (this._el) {
+      // flip the number if we're going in reverse
+      if (this._rv) {
+        stepValue = ((stepValue * -1) + 1);
+      }
+      transforms = [];
 
-  _onFinish() {
-    // after the animations have finished
-    if (!this._isFinished && !this.isProgress) {
-      this._isFinished = true;
+      for (prop in this._fx) {
+        if (this._fx.hasOwnProperty(prop)) {
+          fx = this._fx[prop];
 
-      let i, j, ele;
+          if (fx.from && fx.to) {
 
-      for (i = 0; i < this._chld.length; i++) {
-        this._chld[i]._onFinish();
-      }
+            tweenEffect = (fx.from.num !== fx.to.num);
+            if (tweenEffect) {
+              this.hasTween = true;
+            }
 
-      if (this.playbackRate() < 0) {
-        // reverse direction
-        for (i = 0; i < this._el.length; i++) {
-          ele = this._el[i];
+            if (stepValue === 0) {
+              // FROM
+              val = fx.from.val;
 
-          for (j = 0; j < this._bfAdd.length; j++) {
-            ele.classList.remove(this._bfAdd[j]);
-          }
+            } else if (stepValue === 1) {
+              // TO
+              val = fx.to.val;
 
-          for (j = 0; j < this._bfRmv.length; j++) {
-            ele.classList.add(this._bfRmv[j]);
-          }
-        }
+            } else if (tweenEffect) {
+              // EVERYTHING IN BETWEEN
+              val = (((fx.to.num - fx.from.num) * stepValue) + fx.from.num) + fx.to.unit;
 
-      } else {
-        // normal direction
-        for (i = 0; i < this._el.length; i++) {
-          ele = this._el[i];
+            } else {
+              val = null;
+            }
 
-          for (j = 0; j < this._afAdd.length; j++) {
-            ele.classList.add(this._afAdd[j]);
-          }
+            if (val !== null) {
+              if (fx.trans) {
+                transforms.push(prop + '(' + val + ')');
 
-          for (j = 0; j < this._afRmv.length; j++) {
-            ele.classList.remove(this._afRmv[j]);
+              } else {
+                this._el.style[prop] = val;
+              }
+            }
           }
         }
       }
 
-      for (i = 0; i < this._finishes.length; i++) {
-        this._finishes[i](this);
+      // place all transforms on the same property
+      if (transforms.length) {
+        if (!this._wChg) {
+          // if the element doesn't support will-change
+          // then auto add translateZ for transform properties
+          transforms.push('translateZ(0px)');
+        }
+
+        this._el.style[CSS.transform] = transforms.join(' ');
       }
-    }
-  }
 
-  pause() {
-    let i;
-    for (i = 0; i < this._chld.length; i++) {
-      this._chld[i].pause();
     }
 
-    for (i = 0; i < this._ani.length; i++) {
-      this._ani[i].pause();
-    }
   }
 
-  progressStart() {
-    this.isProgress = true;
-    for (let i = 0; i < this._chld.length; i++) {
-      this._chld[i].progressStart();
+  _setTrans(duration: number, forcedLinearEasing) {
+    // set the TRANSITION properties inline on the element
+    for (var i = 0; i < this._c.length; i++) {
+      this._c[i]._setTrans(duration, forcedLinearEasing);
     }
 
-    this.duration(1000);
-    this.play();
-    this.pause();
-  }
-
-  progress(value) {
-    value = Math.min(1, Math.max(0, value));
-    this.isProgress = true;
-    let i;
+    if (this._el && Object.keys(this._fx).length) {
+      // all parent/child animations should have the same duration
+      this._el.style[CSS.transitionDuration] = duration + 'ms';
 
-    for (i = 0; i < this._chld.length; i++) {
-      this._chld[i].progress(value);
-    }
-
-    for (i = 0; i < this._ani.length; i++) {
-      this._ani[i].progress(value);
+      // each animation can have a different easing
+      let easing = (forcedLinearEasing ? 'linear' : this.getEasing());
+      if (easing) {
+        this._el.style[CSS.transitionTimingFn] = easing;
+      }
     }
   }
 
-  /**
-   * Get the current time of the first animation
-   * in the list. To get a specific time of an animation, call
-   * subAnimationInstance.getCurrentTime()
-   */
-  getCurrentTime() {
-    if(this._chld.length > 0) {
-      return this._chld[0].getCurrentTime();
-    }
-    if(this._ani.length > 0) {
-      return this._ani[0].getCurrentTime();
+  _willChange(addWillChange: boolean) {
+    var i, wc, prop;
+
+    for (i = 0; i < this._c.length; i++) {
+      this._c[i]._willChange(addWillChange);
     }
-    return 0;
-  }
 
-  progressEnd(shouldComplete, rate=3) {
-    let promises = [];
+    if (this._wChg) {
 
-    this.isProgress = false;
-    for (let i = 0; i < this._chld.length; i++) {
-      promises.push( this._chld[i].progressEnd(shouldComplete) );
-    }
+      if (addWillChange) {
+        wc = [];
+        for (prop in this._fx) {
+          if (this._fx.hasOwnProperty(prop)) {
+            if (this._fx[prop].wc !== '') {
+              wc.push(this._fx[prop].wc);
+            }
+          }
+        }
+        this._el.style['willChange'] = wc.join(',');
 
-    this._ani.forEach(animation => {
-      if (shouldComplete) {
-        animation.playbackRate(rate);
       } else {
-        animation.playbackRate(rate * -1);
+        this._el.style['willChange'] = '';
       }
-
-      promises.push(
-        new Promise(resolve => {
-          animation.play(resolve);
-        })
-      );
-    });
-
-    return Promise.all(promises);
-  }
-
-  onReady(fn, clear) {
-    if (clear) {
-      this._readys = [];
     }
-    this._readys.push(fn);
-    return this;
   }
 
-  onPlay(fn, clear) {
-    if (clear) {
-      this._plays = [];
-    }
-    this._plays.push(fn);
-    return this;
-  }
+  _before() {
+    // before the RENDER_DELAY
+    // before the animations have started
+    var i, prop;
 
-  onFinish(fn, clear) {
-    if (clear) {
-      this._finishes = [];
+    // stage all of the child animations
+    for (i = 0; i < this._c.length; i++) {
+      this._c[i]._before();
     }
-    this._finishes.push(fn);
-    return this;
-  }
-
-  clone(): Animation {
-
-    function copy(dest, src): Animation {
-      // undo what stage() may have already done
-      assign(dest, src);
-
-      dest._isFinished = dest._isStaged = dest.isProgress = false;
-      dest._chld = [];
-      dest._ani = [];
 
-      for (let i = 0; i < src._chld.length; i++) {
-        dest.add( copy(new Animation(), src._chld[i]) );
+    if (!this._rv && this._el) {
+      // css classes to add before the animation
+      for (i = 0; i < this._bfAdd.length; i++) {
+        this._el.classList.add(this._bfAdd[i]);
       }
 
-      return dest;
-    }
-
-    return copy(new Animation(), this);
-  }
-
-  dispose(removeElement?) {
-    let i;
-
-    for (i = 0; i < this._chld.length; i++) {
-      this._chld[i].dispose(removeElement);
-    }
-    for (i = 0; i < this._ani.length; i++) {
-      this._ani[i].dispose();
-    }
-    if (removeElement) {
-      for (i = 0; i < this._el.length; i++) {
-        this._el[i].parentNode && this._el[i].parentNode.removeChild(this._el[i]);
+      // css classes to remove before the animation
+      for (i = 0; i < this._bfRmv.length; i++) {
+        this._el.classList.remove(this._bfRmv[i]);
       }
-    }
-
-    this.reset();
-  }
-
-  /*
-   STATIC CLASSES
-   */
-  static create(name) {
-    let AnimationClass = AnimationRegistry[name];
-
-    if (!AnimationClass) {
-      // couldn't find an animation by the given name
-      // fallback to just the base Animation class
-      AnimationClass = Animation;
-    }
-    return new AnimationClass();
-  }
 
-  static createTransition(enteringView: ViewController, leavingView: ViewController, opts: any = {}) {
-    let TransitionClass = AnimationRegistry[opts.animation];
-    if (!TransitionClass) {
-      // didn't find a transition animation, default to ios-transition
-      TransitionClass = AnimationRegistry['ios-transition'];
+      // inline styles to add before the animation
+      for (prop in this._bfSty) {
+        if (this._bfSty.hasOwnProperty(prop)) {
+          this._el.style[prop] = this._bfSty[prop];
+        }
+      }
     }
-
-    return new TransitionClass(enteringView, leavingView, opts);
-  }
-
-  static register(name: string, AnimationClass) {
-    AnimationRegistry[name] = AnimationClass;
   }
 
-}
+  _after() {
+    // after the animations have finished
+    var i, prop;
 
-/**
- * @private
-**/
-class Animate {
-  private toEffect: any;
-  private fromEffect: any;
-  private duration: any;
-  private rate: any;
-  private easing: any;
-  private effects: any;
-  private ani: any;
-  private shouldAnimate: boolean;
-  private ele: any;
-
-  constructor(ele, fromEffect, toEffect, duration, easingConfig, playbackRate) {
-    // https://w3c.github.io/web-animations/
-    // not using the direct API methods because they're still in flux
-    // however, element.animate() seems locked in and uses the latest
-    // and correct API methods under the hood, so really doesn't matter
-
-    if (!fromEffect) {
-      console.error(ele.tagName, 'animation fromEffect required, toEffect:', toEffect);
-      return;
+    for (i = 0; i < this._c.length; i++) {
+      this._c[i]._after();
     }
 
-    this.toEffect = parseEffect(toEffect);
+    if (this._el) {
+      // remove the transition duration/easing
+      this._el.style[CSS.transitionDuration] = '';
+      this._el.style[CSS.transitionTimingFn] = '';
 
-    this.shouldAnimate = (duration > 32);
+      if (this._rv) {
+        // finished in reverse direction
 
-    if (!this.shouldAnimate) {
-      inlineStyle(ele, this.toEffect);
-      return;
-    }
-
-    this.ele = ele;
+        // css classes that were added before the animation should be removed
+        for (i = 0; i < this._bfAdd.length; i++) {
+          this._el.classList.remove(this._bfAdd[i]);
+        }
 
-    // stage where the element will start from
-    this.fromEffect = parseEffect(fromEffect);
-    inlineStyle(ele, this.fromEffect);
+        // css classes that were removed before the animation should be added
+        for (i = 0; i < this._bfRmv.length; i++) {
+          this._el.classList.add(this._bfRmv[i]);
+        }
 
-    this.duration = duration;
-    this.rate = (typeof playbackRate !== 'undefined' ? playbackRate : 1);
+        // inline styles that were added before the animation should be removed
+        for (prop in this._bfSty) {
+          if (this._bfSty.hasOwnProperty(prop)) {
+            this._el.style[prop] = '';
+          }
+        }
 
-    this.easing = easingConfig && easingConfig.name || 'linear';
+      } else {
+        // finished in forward direction
 
-    this.effects = [ convertProperties(this.fromEffect) ];
+        // css classes to add after the animation
+        for (i = 0; i < this._afAdd.length; i++) {
+          this._el.classList.add(this._afAdd[i]);
+        }
 
-    if (this.easing in EASING_FN) {
-      insertEffects(this.effects, this.fromEffect, this.toEffect, easingConfig);
+        // css classes to remove after the animation
+        for (i = 0; i < this._afRmv.length; i++) {
+          this._el.classList.remove(this._afRmv[i]);
+        }
 
-    } else if (this.easing in CUBIC_BEZIERS) {
-      this.easing = 'cubic-bezier(' + CUBIC_BEZIERS[this.easing] + ')';
+        // inline styles to add after the animation
+        for (prop in this._afSty) {
+          if (this._afSty.hasOwnProperty(prop)) {
+            this._el.style[prop] = this._afSty[prop];
+          }
+        }
+      }
     }
 
-    this.effects.push( convertProperties(this.toEffect) );
   }
 
-  play(done?: Function) {
-    const self = this;
-
-    if (self.ani) {
-      self.ani.play();
-
-    } else {
-      // https://developers.google.com/web/updates/2014/05/Web-Animations---element-animate-is-now-in-Chrome-36
-      // https://w3c.github.io/web-animations/
-      // Future versions will use "new window.Animation" rather than "element.animate()"
-
-      self.ani = self.ele.animate(self.effects, {
-        duration: self.duration || 0,
-        easing: self.easing,
-        playbackRate: self.rate // old way of setting playbackRate, but still necessary
-      });
-      self.ani.playbackRate = self.rate;
+  progressStart() {
+    for (var i = 0; i < this._c.length; i++) {
+      this._c[i].progressStart();
     }
 
-    self.ani.onfinish = () => {
-      // lock in where the element will stop at
-      // if the playbackRate is negative then it needs to return
-      // to its "from" effects
-      if (self.ani) {
-        inlineStyle(self.ele, self.rate < 0 ? self.fromEffect : self.toEffect);
-
-        self.ani = self.ani.onfinish = null;
-
-        done && done();
-      }
-    };
-  }
+    this._before();
 
-  pause() {
-    this.ani && this.ani.pause();
+    // force no duration, linear easing
+    this._setTrans(0, true);
   }
 
-  progress(value) {
-    if (this.ani) {
-      // passed a number between 0 and 1
+  progressStep(stepValue: number) {
+    stepValue = Math.min(1, Math.max(0, stepValue));
 
-      if (this.ani.playState !== 'paused') {
-        this.ani.pause();
-      }
-
-      // don't let the progress finish the animation
-      // leave it off JUST before it's finished
-      value = Math.min(0.999, Math.max(0.001, value));
-
-      this.ani.currentTime = (this.duration * value);
+    for (var i = 0; i < this._c.length; i++) {
+      this._c[i].progressStep(stepValue);
     }
-  }
 
-  getCurrentTime() {
-    return (this.ani && this.ani.currentTime) || 0;
-  }
-
-  playbackRate(value) {
-    this.rate = value;
-    if (this.ani) {
-      this.ani.playbackRate = value;
+    if (this._rv) {
+      stepValue = ((stepValue * -1) + 1);
     }
+    this._progress(stepValue);
   }
 
-  dispose() {
-    this.ele = this.ani = this.effects = this.toEffect = null;
-  }
-
-}
+  progressEnd(shouldComplete: boolean, currentStepValue: number) {
+    console.debug('Animation, progressEnd, shouldComplete', shouldComplete, 'currentStepValue', currentStepValue);
 
-function insertEffects(effects, fromEffect, toEffect, easingConfig) {
-  easingConfig.opts = easingConfig.opts || {};
-
-  const increment = easingConfig.opts.increment || 0.04;
-  const easingFn = EASING_FN[easingConfig.name];
-
-  let pos, tweenEffect, addEffect, property, toProperty, fromValue, diffValue;
-
-  for(pos = increment; pos <= (1 - increment); pos += increment) {
-    tweenEffect = {};
-    addEffect = false;
-
-    for (property in toEffect) {
-      toProperty = toEffect[property];
-
-      if (toProperty.tween) {
-
-        fromValue = fromEffect[property].num
-        diffValue = toProperty.num - fromValue;
-
-        tweenEffect[property] = {
-          value: roundValue(  (easingFn(pos, easingConfig.opts) * diffValue) + fromValue ) + toProperty.unit
-        };
-
-        addEffect = true;
-      }
+    for (var i = 0; i < this._c.length; i++) {
+      this._c[i].progressEnd(shouldComplete, currentStepValue);
     }
 
-    if (addEffect) {
-      effects.push( convertProperties(tweenEffect) );
-    }
-
-  }
-}
+    // set all the animations to their final position
+    this._progress(shouldComplete ? 1 : 0);
 
-function parseEffect(inputEffect) {
-  let val, r, num, property;
-  let outputEffect = {};
+    // if it's already at the final position, or close, then it's done
+    // otherwise we need to add a transition end event listener
+    if (currentStepValue < 0.05 || currentStepValue > 0.95) {
+      // the progress was already left off at the point that is finished
+      // for example, the left menu was dragged all the way open already
+      this._after();
+      this._willChange(false);
+      this._onFinish();
 
-  for (property in inputEffect) {
-    val = inputEffect[property];
-    r = val.toString().match(/(^-?\d*\.?\d*)(.*)/);
-    num = parseFloat(r[1]);
+    } else {
+      // the stepValue was left off at a point when it needs to finish transition still
+      // for example, the left menu was opened 75% and needs to finish opening
+      this._asyncEnd(64);
 
-    outputEffect[property] = {
-      value: val,
-      num: num,
-      unit: (r[0] != r[2] ? r[2] : ''),
-      tween: !isNaN(num) && (ANIMATE_PROPERTIES.indexOf(property) > -1)
+      // force quick duration, linear easing
+      this._setTrans(64, true);
     }
   }
 
-  return outputEffect;
-}
-
-function convertProperties(inputEffect) {
-  let outputEffect: any = {};
-  let transforms = [];
-  let value, property;
-
-  for (property in inputEffect) {
-    value = inputEffect[property].value;
+  onPlay(callback: Function) {
+    this._pFns.push(callback);
+    return this;
+  }
 
-    if (TRANSFORMS.indexOf(property) > -1) {
-      transforms.push(property + '(' + value + ')');
+  onFinish(callback: Function, onceTimeCallback: boolean = false) {
+    if (onceTimeCallback) {
+      this._fOnceFns.push(callback);
 
     } else {
-      outputEffect[property] = value;
+      this._fFns.push(callback);
     }
+    return this;
   }
 
-  if (transforms.length) {
-    transforms.push('translateZ(0px)');
-    outputEffect.transform = transforms.join(' ');
-  }
-
-  return outputEffect;
-}
-
-function inlineStyle(ele, effect) {
-  if (ele && effect) {
-    let transforms = [];
-    let value, property;
-
-    for (property in effect) {
-      value = effect[property].value;
-
-      if (TRANSFORMS.indexOf(property) > -1) {
-        transforms.push(property + '(' + value + ')');
+  _onFinish() {
+    this.isPlaying = false;
+    var i;
 
-      } else {
-        ele.style[property] = value;
-      }
+    for (i = 0; i < this._fFns.length; i++) {
+      this._fFns[i]();
     }
-
-    if (transforms.length) {
-      transforms.push('translateZ(0px)');
-      ele.style[CSS.transform] = transforms.join(' ');
+    for (i = 0; i < this._fOnceFns.length; i++) {
+      this._fOnceFns[i]();
     }
+    this._fOnceFns = [];
   }
-}
-
-function roundValue(val) {
-  return Math.round(val * 10000) / 10000;
-}
-
-
-const TRANSFORMS = ['translateX', 'translateY', 'translateZ', 'scale', 'scaleX', 'scaleY', 'scaleZ',
-                    'rotate', 'rotateX', 'rotateY', 'rotateZ', 'skewX', 'skewY', 'perspective'];
 
-const ANIMATE_PROPERTIES = TRANSFORMS.concat('opacity');
-
-
-// Robert Penner's Easing Functions
-// http://robertpenner.com/easing/
-
-const CUBIC_BEZIERS = {
-
-  // default browser suppored easing
-  // ease
-  // ease-in
-  // ease-out
-  // ease-in-out
-
-  // Cubic
-  'ease-in-cubic': '0.55,0.055,0.675,0.19',
-  'ease-out-cubic': '0.215,0.61,0.355,1',
-  'ease-in-Out-cubic': '0.645,0.045,0.355,1',
-
-  // Circ
-  'ease-in-circ': '0.6,0.04,0.98,0.335',
-  'ease-out-circ': '0.075,0.82,0.165,1',
-  'ease-in-out-circ': '0.785,0.135,0.15,0.86',
-
-  // Expo
-  'ease-in-expo': '0.95,0.05,0.795,0.035',
-  'ease-out-expo': '0.19,1,0.22,1',
-  'ease-in-out-expo': '1,0,0,1',
-
-  // Quad
-  'ease-in-quad': '0.55,0.085,0.68,0.53',
-  'ease-out-quad': '0.25,0.46,0.45,0.94',
-  'ease-in-out-quad': '0.455,0.03,0.515,0.955',
-
-  // Quart
-  'ease-in-quart': '0.895,0.03,0.685,0.22',
-  'ease-out-quart': '0.165,0.84,0.44,1',
-  'ease-in-out-quart': '0.77,0,0.175,1',
-
-  // Quint
-  'ease-in-quint': '0.755,0.05,0.855,0.06',
-  'ease-out-quint': '0.23,1,0.32,1',
-  'ease-in-out-quint': '0.86,0,0.07,1',
-
-  // Sine
-  'ease-in-sine': '0.47,0,0.745,0.715',
-  'ease-out-sine': '0.39,0.575,0.565,1',
-  'ease-in-out-sine': '0.445,0.05,0.55,0.95',
-
-  // Back
-  'ease-in-back': '0.6,-0.28,0.735,0.045',
-  'ease-out-back': '0.175,0.885,0.32,1.275',
-  'ease-in-out-back': '0.68,-0.55,0.265,1.55',
-};
-
-
-const EASING_FN = {
+  reverse(shouldReverse: boolean = true) {
+    for (var i = 0; i < this._c.length; i++) {
+      this._c[i].reverse(shouldReverse);
+    }
+    this._rv = shouldReverse;
+    return this;
+  }
 
-  'elastic': function(pos) {
-    return -1 * Math.pow(4, -8 * pos) * Math.sin((pos * 6 - 1) * (2 * Math.PI) / 2) + 1;
-  },
+  destroy(removeElement?: boolean) {
+    for (var i = 0; i < this._c.length; i++) {
+      this._c[i].destroy(removeElement);
+    }
 
-  'swing-from-to': function(pos, opts) {
-    let s = opts.s || 1.70158;
-    return ((pos /= 0.5) < 1) ? 0.5 * (pos * pos * (((s *= (1.525)) + 1) * pos - s)) :
-    0.5 * ((pos -= 2) * pos * (((s *= (1.525)) + 1) * pos + s) + 2);
-  },
+    if (removeElement && this._el) {
+      this._el.parentNode && this._el.parentNode.removeChild(this._el);
+    }
 
-  'swing-from': function(pos, opts) {
-    let s = opts.s || 1.70158;
-    return pos * pos * ((s + 1) * pos - s);
-  },
+    this._reset();
+  }
 
-  'swing-to': function(pos, opts) {
-    let s = opts.s || 1.70158;
-    return (pos -= 1) * pos * ((s + 1) * pos + s) + 1;
-  },
+  _transEl(): HTMLElement {
+    // get the lowest level element that has an Animation
+    var targetEl, i;
 
-  'bounce': function(pos) {
-    if (pos < (1 / 2.75)) {
-      return (7.5625 * pos * pos);
-    } else if (pos < (2 / 2.75)) {
-      return (7.5625 * (pos -= (1.5 / 2.75)) * pos + 0.75);
-    } else if (pos < (2.5 / 2.75)) {
-      return (7.5625 * (pos -= (2.25 / 2.75)) * pos + 0.9375);
-    }
-    return (7.5625 * (pos -= (2.625 / 2.75)) * pos + 0.984375);
-  },
-
-  'bounce-past': function(pos) {
-    if (pos < (1 / 2.75)) {
-      return (7.5625 * pos * pos);
-    } else if (pos < (2 / 2.75)) {
-      return 2 - (7.5625 * (pos -= (1.5 / 2.75)) * pos + 0.75);
-    } else if (pos < (2.5 / 2.75)) {
-      return 2 - (7.5625 * (pos -= (2.25 / 2.75)) * pos + 0.9375);
-    }
-    return 2 - (7.5625 * (pos -= (2.625 / 2.75)) * pos + 0.984375);
-  },
-
-  'ease-out-bounce': function(pos) {
-    if ((pos) < (1 / 2.75)) {
-      return (7.5625 * pos * pos);
-    } else if (pos < (2 / 2.75)) {
-      return (7.5625 * (pos -= (1.5 / 2.75)) * pos + 0.75);
-    } else if (pos < (2.5 / 2.75)) {
-      return (7.5625 * (pos -= (2.25 / 2.75)) * pos + 0.9375);
+    for (i = 0; i < this._c.length; i++) {
+      targetEl = this._c[i]._transEl();
+      if (targetEl) {
+        return targetEl;
+      }
     }
-    return (7.5625 * (pos -= (2.625 / 2.75)) * pos + 0.984375);
-  },
-
-  'ease-from-to': function(pos) {
-    if ((pos /= 0.5) < 1) return 0.5 * Math.pow(pos, 4);
-    return -0.5 * ((pos -= 2) * Math.pow(pos, 3) - 2);
-  },
 
-  'ease-from': function(pos, opts) {
-    return Math.pow(pos, opts.s || 4);
-  },
-
-  'ease-to': function(pos, opts) {
-    return Math.pow(pos, opts.s || 0.25);
-  },
+    return (this.hasTween ? this._el : null);
+  }
 
   /*
-   * scripty2, Thomas Fuchs (MIT Licence)
-   * https://raw.github.com/madrobby/scripty2/master/src/effects/transitions/transitions.js
+   STATIC CLASSES
    */
-  'spring': function(pos, opts) {
-    let damping = opts.damping || 4.5;
-    let elasticity = opts.elasticity || 6;
-    return 1 - (Math.cos(pos * damping * Math.PI) * Math.exp(-pos * elasticity));
-  },
+  static create(name: string): Animation {
+    let AnimationClass = AnimationRegistry[name];
 
-  'sinusoidal': function(pos) {
-    return (-Math.cos(pos * Math.PI) / 2) + 0.5;
+    if (!AnimationClass) {
+      // couldn't find an animation by the given name
+      // fallback to just the base Animation class
+      AnimationClass = Animation;
+    }
+    return new AnimationClass();
   }
 
-};
-
-let AnimationRegistry = {};
-
+  static createTransition(enteringView: ViewController, leavingView: ViewController, opts: any = {}): Animation {
+    let TransitionClass = AnimationRegistry[opts.animation];
+    if (!TransitionClass) {
+      // didn't find a transition animation, default to ios-transition
+      TransitionClass = AnimationRegistry['ios-transition'];
+    }
 
-function parallel(tasks, done) {
-  var l = tasks.length;
-  if (!l ) {
-    done && done();
-    return;
+    return new TransitionClass(enteringView, leavingView, opts);
   }
 
-  var completed = 0;
-
-  function taskCompleted() {
-    completed++;
-    if (completed === l) {
-      done && done();
-    }
+  static register(name: string, AnimationClass) {
+    AnimationRegistry[name] = AnimationClass;
   }
 
-  for (var i = 0; i < l; i++) {
-    tasks[i](taskCompleted);
-  }
 }
+
+const doc: any = document;
+const TRANSFORMS = [
+  'translateX', 'translateY', 'translateZ', 'scale', 'scaleX', 'scaleY', 'scaleZ',
+  'rotate', 'rotateX', 'rotateY', 'rotateZ', 'skewX', 'skewY', 'perspective'];
+
+let AnimationRegistry = {};
diff --git a/ionic/animations/ios-transition.ts b/ionic/animations/ios-transition.ts
index f7f1a4ce4ec..6beb0c73683 100644
--- a/ionic/animations/ios-transition.ts
+++ b/ionic/animations/ios-transition.ts
@@ -1,6 +1,6 @@
 import {Animation} from './animation';
 
-const DURATION = 400;
+const DURATION = 500;
 const EASING = 'cubic-bezier(0.36,0.66,0.04,1)';
 const OPACITY = 'opacity';
 const TRANSLATEX = 'translateX';
diff --git a/ionic/components.md.scss b/ionic/components.md.scss
index d823c4e28f8..82d53a8f34a 100644
--- a/ionic/components.md.scss
+++ b/ionic/components.md.scss
@@ -21,7 +21,6 @@
   "components/menu/menu.md",
   "components/modal/modal.md",
   "components/radio/radio.md",
-  "components/tap-click/ripple",
   "components/searchbar/searchbar.md",
   "components/segment/segment.md",
   "components/select/select.md",
diff --git a/ionic/components/action-sheet/action-sheet.ts b/ionic/components/action-sheet/action-sheet.ts
index 376b3925c84..c6cc230aa48 100644
--- a/ionic/components/action-sheet/action-sheet.ts
+++ b/ionic/components/action-sheet/action-sheet.ts
@@ -151,12 +151,14 @@ import {ViewController} from '../nav/view-controller';
           '<button (click)="click(b)" *ngFor="#b of d.buttons" class="action-sheet-button disable-hover" [ngClass]="b.cssClass">' +
             '<ion-icon [name]="b.icon" *ngIf="b.icon" class="action-sheet-icon"></ion-icon> ' +
             '{{b.text}}' +
+            '<ion-button-effect></ion-button-effect>' +
           '</button>' +
         '</div>' +
         '<div class="action-sheet-group" *ngIf="d.cancelButton">' +
           '<button (click)="click(d.cancelButton)" class="action-sheet-button action-sheet-cancel disable-hover" [ngClass]="d.cancelButton.cssClass">' +
             '<ion-icon [name]="d.cancelButton.icon" *ngIf="d.cancelButton.icon" class="action-sheet-icon"></ion-icon> ' +
             '{{d.cancelButton.text}}' +
+            '<ion-button-effect></ion-button-effect>' +
           '</button>' +
         '</div>' +
       '</div>' +
@@ -281,7 +283,7 @@ class ActionSheetSlideIn extends Animation {
     backdrop.fromTo('opacity', 0.01, 0.4);
     wrapper.fromTo('translateY', '100%', '0%');
 
-    this.easing('cubic-bezier(.36,.66,.04,1)').duration(400).add([backdrop, wrapper]);
+    this.easing('cubic-bezier(.36,.66,.04,1)').duration(400).add(backdrop).add(wrapper);
   }
 }
 Animation.register('action-sheet-slide-in', ActionSheetSlideIn);
@@ -298,7 +300,7 @@ class ActionSheetSlideOut extends Animation {
     backdrop.fromTo('opacity', 0.4, 0);
     wrapper.fromTo('translateY', '0%', '100%');
 
-    this.easing('cubic-bezier(.36,.66,.04,1)').duration(300).add([backdrop, wrapper]);
+    this.easing('cubic-bezier(.36,.66,.04,1)').duration(300).add(backdrop).add(wrapper);
   }
 }
 Animation.register('action-sheet-slide-out', ActionSheetSlideOut);
@@ -315,7 +317,7 @@ class ActionSheetMdSlideIn extends Animation {
     backdrop.fromTo('opacity', 0.01, 0.26);
     wrapper.fromTo('translateY', '100%', '0%');
 
-    this.easing('cubic-bezier(.36,.66,.04,1)').duration(450).add([backdrop, wrapper]);
+    this.easing('cubic-bezier(.36,.66,.04,1)').duration(450).add(backdrop).add(wrapper);
   }
 }
 Animation.register('action-sheet-md-slide-in', ActionSheetMdSlideIn);
@@ -332,7 +334,7 @@ class ActionSheetMdSlideOut extends Animation {
     backdrop.fromTo('opacity', 0.26, 0);
     wrapper.fromTo('translateY', '0%', '100%');
 
-    this.easing('cubic-bezier(.36,.66,.04,1)').duration(450).add([backdrop, wrapper]);
+    this.easing('cubic-bezier(.36,.66,.04,1)').duration(450).add(backdrop).add(wrapper);
   }
 }
 Animation.register('action-sheet-md-slide-out', ActionSheetMdSlideOut);
diff --git a/ionic/components/alert/alert.ts b/ionic/components/alert/alert.ts
index 0827ddbad80..3874a8e8239 100644
--- a/ionic/components/alert/alert.ts
+++ b/ionic/components/alert/alert.ts
@@ -236,8 +236,8 @@ export class Alert extends ViewController {
 }
 
 /**
-* @private
-*/
+ * @private
+ */
 @Component({
   selector: 'ion-alert',
   template:
@@ -284,6 +284,7 @@ export class Alert extends ViewController {
       '<div class="alert-button-group" [ngClass]="{vertical: d.buttons.length>2}">' +
         '<button *ngFor="#b of d.buttons" (click)="btnClick(b)" [ngClass]="b.cssClass" class="alert-button">' +
           '{{b.text}}' +
+          '<ion-button-effect></ion-button-effect>' +
         '</button>' +
       '</div>' +
     '</div>',
@@ -497,7 +498,8 @@ class AlertPopIn extends Animation {
     this
       .easing('ease-in-out')
       .duration(200)
-      .add(backdrop, wrapper);
+      .add(backdrop)
+      .add(wrapper);
   }
 }
 Animation.register('alert-pop-in', AlertPopIn);
@@ -517,7 +519,8 @@ class AlertPopOut extends Animation {
     this
       .easing('ease-in-out')
       .duration(200)
-      .add(backdrop, wrapper);
+      .add(backdrop)
+      .add(wrapper);
   }
 }
 Animation.register('alert-pop-out', AlertPopOut);
@@ -537,7 +540,8 @@ class AlertMdPopIn extends Animation {
     this
       .easing('ease-in-out')
       .duration(200)
-      .add(backdrop, wrapper);
+      .add(backdrop)
+      .add(wrapper);
   }
 }
 Animation.register('alert-md-pop-in', AlertMdPopIn);
@@ -557,7 +561,8 @@ class AlertMdPopOut extends Animation {
     this
       .easing('ease-in-out')
       .duration(200)
-      .add(backdrop, wrapper);
+      .add(backdrop)
+      .add(wrapper);
   }
 }
 Animation.register('alert-md-pop-out', AlertMdPopOut);
diff --git a/ionic/components/app/test/animations/index.ts b/ionic/components/app/test/animations/index.ts
new file mode 100644
index 00000000000..0cd0ff07ffb
--- /dev/null
+++ b/ionic/components/app/test/animations/index.ts
@@ -0,0 +1,31 @@
+import {App, Page, Animation} from 'ionic/ionic';
+
+
+@Page({
+  templateUrl: 'main.html'
+})
+class E2EPage {
+
+  constructor() {
+    this.duration = '1000';
+    this.easing = 'ease-in-out';
+  }
+
+  playGreen() {
+    let a = new Animation('.green');
+    a.fromTo('translateX', '0px', '200px');
+    a.duration(parseInt(this.duration));
+    a.easing(this.easing);
+    a.play();
+  }
+}
+
+
+@App({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+class E2EApp {
+  constructor() {
+    this.root = E2EPage;
+  }
+}
diff --git a/ionic/components/app/test/animations/main.html b/ionic/components/app/test/animations/main.html
new file mode 100644
index 00000000000..b24f19a164a
--- /dev/null
+++ b/ionic/components/app/test/animations/main.html
@@ -0,0 +1,33 @@
+<ion-navbar *navbar>
+  <ion-title>Animations</ion-title>
+</ion-navbar>
+
+<ion-content>
+
+  <div style="position:relative; margin: 20px auto; width: 250px; height: 50px; background: #ddd;">
+
+    <div class="green" style="position:absolute; height: 50px; width: 50px; background:green;"></div>
+
+  </div>
+
+  <ion-list>
+    <ion-item>
+      <ion-label>Duration:</ion-label>
+      <ion-input [(ngModel)]="duration"></ion-input>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Easing</ion-label>
+      <ion-select [(ngModel)]="easing">
+        <ion-option value="linear"></ion-option>
+        <ion-option value="ease-in-out"></ion-option>
+        <ion-option value="cubic-bezier(0.36,0.66,0.04,1)"></ion-option>
+      </ion-select>
+    </ion-item>
+
+    <button ion-item (click)="playGreen()">
+      Play
+    </button>
+  </ion-list>
+
+</ion-content>
diff --git a/ionic/components/button/button.ios.scss b/ionic/components/button/button.ios.scss
index 934b244f58c..e4bb68342e0 100644
--- a/ionic/components/button/button.ios.scss
+++ b/ionic/components/button/button.ios.scss
@@ -203,6 +203,12 @@ $button-ios-small-icon-font-size:     1.3em !default;
 }
 
 
+ion-button-effect {
+  // iOS does not use the button effect
+  display: none;
+}
+
+
 // Generate iOS Button Colors
 // --------------------------------------------------
 
diff --git a/ionic/components/button/button.md.scss b/ionic/components/button/button.md.scss
index d49f12a52c6..5b34f4e2157 100644
--- a/ionic/components/button/button.md.scss
+++ b/ionic/components/button/button.md.scss
@@ -18,8 +18,6 @@ $button-md-transition-duration:            300ms !default;
 $button-md-clear-hover-background-color:   rgba(158, 158, 158, 0.1) !default;
 $button-md-clear-active-background-color:  rgba(158, 158, 158, 0.2) !default;
 
-$button-md-outline-ripple-opacity:         0.25 !default;
-
 $button-md-fab-box-shadow:                 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1) !default;
 $button-md-fab-box-shadow-active:          0 5px 15px 0 rgba(0, 0, 0, 0.4), 0 4px 7px 0 rgba(0, 0, 0, 0.1) !default;
 
@@ -67,8 +65,13 @@ $button-md-small-icon-font-size:           1.4em !default;
     box-shadow: $button-md-box-shadow-active;
     background-color: $button-md-color-activated;
   }
+
+  ion-button-effect {
+    background-color: $button-md-text-color;
+  }
 }
 
+
 // Material Design Default Button Color Mixin
 // --------------------------------------------------
 
@@ -86,6 +89,10 @@ $button-md-small-icon-font-size:           1.4em !default;
       opacity: 1;
       background-color: $bg-color-activated;
     }
+
+    ion-button-effect {
+      background-color: $fg-color;
+    }
   }
 
 }
@@ -149,8 +156,8 @@ $button-md-small-icon-font-size:           1.4em !default;
     background-color: transparent;
   }
 
-  md-ripple {
-    background-color: rgba($button-md-color, $button-md-outline-ripple-opacity);
+  ion-button-effect {
+    background-color: $button-md-color;
   }
 }
 
@@ -170,8 +177,8 @@ $button-md-small-icon-font-size:           1.4em !default;
       background-color: transparent;
     }
 
-    md-ripple {
-      background-color: rgba($fg-color, $button-md-outline-ripple-opacity);
+    ion-button-effect {
+      background-color: $fg-color;
     }
   }
 
@@ -194,9 +201,12 @@ $button-md-small-icon-font-size:           1.4em !default;
   }
 
   &:hover:not(.disable-hover) {
-
     color: $button-md-color;
   }
+
+  ion-button-effect {
+    background-color: #999;
+  }
 }
 
 
@@ -211,7 +221,6 @@ $button-md-small-icon-font-size:           1.4em !default;
     background-color: transparent;
     color: $fg-color;
 
-
     &.activated {
       background-color: $button-md-clear-active-background-color;
       box-shadow: none;
@@ -254,6 +263,25 @@ $button-md-small-icon-font-size:           1.4em !default;
 }
 
 
+// Material Design Ripple Effect
+// --------------------------------------------------
+
+$ripple-background-color:       #555 !default;
+
+ion-button-effect {
+  position: absolute;
+  z-index: 0;
+  display: block;
+  border-radius: 50%;
+
+  background-color: $ripple-background-color;
+  opacity: 0.2;
+
+  pointer-events: none;
+  transition-timing-function: ease-in-out;
+}
+
+
 // Generate Material Design Button Colors
 // --------------------------------------------------
 
diff --git a/ionic/components/button/button.ts b/ionic/components/button/button.ts
index 1ee615b68e0..14ec44ffb1e 100644
--- a/ionic/components/button/button.ts
+++ b/ionic/components/button/button.ts
@@ -30,7 +30,11 @@ import {Toolbar} from '../toolbar/toolbar';
  */
 @Component({
   selector: 'button:not([ion-item]),[button]',
-  template: '<span class="button-inner"><ng-content></ng-content></span>'
+  template:
+    '<span class="button-inner">' +
+      '<ng-content></ng-content>' +
+    '</span>' +
+    '<ion-button-effect></ion-button-effect>'
 })
 export class Button {
   private _role: string = 'button'; // bar-button/item-button
@@ -125,7 +129,7 @@ export class Button {
   private _readIcon(element: HTMLElement) {
     // figure out if and where the icon lives in the button
     let childNodes = element.childNodes;
-    if (childNodes.length == 1) {
+    if (childNodes.length > 0) {
       childNodes = childNodes[0].childNodes;
     }
     let childNode;
@@ -158,6 +162,7 @@ export class Button {
       } else if (nodes[0] === TEXT && nodes[1] === ICON) {
         this._icon = 'icon-right';
       }
+
     } else if (nodes.length === 1 && nodes[0] === ICON) {
       this._icon = 'icon-only';
     }
diff --git a/ionic/components/item/item.ts b/ionic/components/item/item.ts
index d06cf252cee..0afe2ab3741 100644
--- a/ionic/components/item/item.ts
+++ b/ionic/components/item/item.ts
@@ -35,7 +35,7 @@ import {Label} from '../label/label';
  * </ion-list>
  *
  *  ```
- * @demo /docs/v2/demos/item/ 
+ * @demo /docs/v2/demos/item/
  * @see {@link /docs/v2/components#lists List Component Docs}
  * @see {@link ../../list/List List API Docs}
  */
@@ -49,7 +49,8 @@ import {Label} from '../label/label';
         '<ng-content></ng-content>'+
       '</ion-label>' +
       '<ng-content select="[item-right],ion-radio,ion-toggle,ion-select,ion-input,ion-textarea"></ng-content>' +
-    '</div>',
+    '</div>' +
+    '<ion-button-effect></ion-button-effect>',
   host: {
     'class': 'item'
   },
@@ -66,7 +67,7 @@ export class Item {
    */
   id: string;
 
-    /**
+  /**
    * @private
    */
   labelId: string = null;
diff --git a/ionic/components/menu/menu-gestures.ts b/ionic/components/menu/menu-gestures.ts
index 7c40ca5ce61..6746d082a0d 100644
--- a/ionic/components/menu/menu-gestures.ts
+++ b/ionic/components/menu/menu-gestures.ts
@@ -3,12 +3,16 @@ import {SlideEdgeGesture} from '../../gestures/slide-edge-gesture';
 
 import {assign} from '../../util/util';
 
+
+/**
+ * Gesture attached to the content which the menu is assigned to
+ */
 export class MenuContentGesture extends SlideEdgeGesture {
 
-  constructor(public menu: Menu, targetEl: Element, options = {}) {
+  constructor(public menu: Menu, contentEle: HTMLElement, options: any = {}) {
 
-    super(targetEl, assign({
-      direction: (menu.side === 'left' || menu.side === 'right') ? 'x' : 'y',
+    super(contentEle, assign({
+      direction: 'x',
       edge: menu.side,
       threshold: 0,
       maxEdgeStart: menu.maxEdgeStart || 75
@@ -20,45 +24,45 @@ export class MenuContentGesture extends SlideEdgeGesture {
   canStart(ev) {
     let menu = this.menu;
 
-    console.debug('menu canStart,', menu.side, 'isOpen', menu.isOpen, 'angle', ev.angle, 'distance', ev.distance);
-
     if (!menu.isEnabled || !menu.isSwipeEnabled) {
-      console.debug('menu canStart, isEnabled', menu.isEnabled, 'isSwipeEnabled', menu.isSwipeEnabled, 'side', menu.side);
+      console.debug('menu can not start, isEnabled:', menu.isEnabled, 'isSwipeEnabled:', menu.isSwipeEnabled, 'side:', menu.side);
       return false;
     }
 
     if (ev.distance > 50) {
       // the distance is longer than you'd expect a side menu swipe to be
-      console.debug('menu canStart, distance too far', ev.distance, 'side', menu.side);
+      console.debug('menu can not start, distance too far:', ev.distance, 'side:', menu.side);
       return false;
     }
 
+    console.debug('menu canStart,', menu.side, 'isOpen', menu.isOpen, 'angle', ev.angle, 'distance', ev.distance);
 
-    if (menu.side === 'left') {
-      // left side
+    if (menu.side === 'right') {
+      // right side
       if (menu.isOpen) {
-        // left side, opened
+        // right side, opened
         return true;
 
       } else {
-        // left side, closed
-        if (ev.angle > -40 && ev.angle < 40) {
+        // right side, closed
+        if ((ev.angle > 140 && ev.angle <= 180) || (ev.angle > -140 && ev.angle <= -180)) {
           return super.canStart(ev);
         }
       }
 
-    } else if (menu.side === 'right') {
-      // right side
+    } else {
+      // left side
       if (menu.isOpen) {
-        // right side, opened
+        // left side, opened
         return true;
 
       } else {
-        // right side, closed
-        if ((ev.angle > 140 && ev.angle <= 180) || (ev.angle > -140 && ev.angle <= -180)) {
+        // left side, closed
+        if (ev.angle > -40 && ev.angle < 40) {
           return super.canStart(ev);
         }
       }
+
     }
 
     // didn't pass the test, don't open this menu
@@ -67,23 +71,51 @@ export class MenuContentGesture extends SlideEdgeGesture {
 
   // Set CSS, then wait one frame for it to apply before sliding starts
   onSlideBeforeStart(slide, ev) {
+    console.debug('menu gesture, onSlideBeforeStart', this.menu.side);
     this.menu.setProgressStart();
   }
 
   onSlide(slide, ev) {
-    this.menu.setProgess(slide.distance / slide.max);
+    let z = (this.menu.side === 'right' ? slide.min : slide.max);
+    let stepValue = (slide.distance / z);
+    console.debug('menu gesture, onSlide', this.menu.side, 'distance', slide.distance, 'min', slide.min, 'max', slide.max, 'z', z, 'stepValue', stepValue);
+
+    this.menu.setProgessStep(stepValue);
   }
 
   onSlideEnd(slide, ev) {
-    let shouldComplete = (Math.abs(ev.velocityX) > 0.2 || Math.abs(slide.delta) > Math.abs(slide.max) * 0.5);
-    this.menu.setProgressEnd(shouldComplete);
+    let z = (this.menu.side === 'right' ? slide.min : slide.max);
+
+    let shouldComplete = (Math.abs(ev.velocityX) > 0.2) ||
+                         (Math.abs(slide.delta) > Math.abs(z) * 0.5);
+
+    let currentStepValue = (slide.distance / z);
+
+    console.debug('menu gesture, onSlide', this.menu.side, 'distance', slide.distance, 'delta', slide.delta, 'velocityX', ev.velocityX, 'min', slide.min, 'max', slide.max, 'shouldComplete', shouldComplete, 'currentStepValue', currentStepValue);
+
+    this.menu.setProgressEnd(shouldComplete, currentStepValue);
   }
 
   getElementStartPos(slide, ev) {
+    if (this.menu.side === 'right') {
+      // right menu
+      return this.menu.isOpen ? slide.min : slide.max;
+    }
+
+    // left menu
     return this.menu.isOpen ? slide.max : slide.min;
   }
 
-  getSlideBoundaries() {
+  getSlideBoundaries(): {min: number, max: number} {
+    if (this.menu.side === 'right') {
+      // right menu
+      return {
+        min: -this.menu.width(),
+        max: 0
+      };
+    }
+
+    // left menu
     return {
       min: 0,
       max: this.menu.width()
@@ -93,40 +125,12 @@ export class MenuContentGesture extends SlideEdgeGesture {
 
 
 /**
- * Support dragging the target menu as well as the content.
+ * Gesture attached to the actual menu itself
  */
-export class TargetGesture extends MenuContentGesture {
-  constructor(menu: Menu) {
-    super(menu, menu.getNativeElement(), {
+export class MenuTargetGesture extends MenuContentGesture {
+  constructor(menu: Menu, menuEle: HTMLElement) {
+    super(menu, menuEle, {
       maxEdgeStart: 0
     });
   }
 }
-
-export class LeftMenuGesture extends MenuContentGesture {
-  constructor(menu: Menu) {
-    super(menu, menu.getContentElement());
-  }
-}
-
-export class RightMenuGesture extends MenuContentGesture {
-  constructor(menu: Menu) {
-    super(menu, menu.getContentElement());
-  }
-
-  onSlide(slide, ev) {
-    this.menu.setProgess(slide.distance / slide.min);
-  }
-
-  getElementStartPos(slide, ev) {
-    return this.menu.isOpen ? slide.min : slide.max;
-  }
-
-  getSlideBoundaries() {
-    return {
-      min: -this.menu.width(),
-      max: 0
-    };
-  }
-
-}
diff --git a/ionic/components/menu/menu-types.ts b/ionic/components/menu/menu-types.ts
index 3abc4b94efc..e226c877001 100644
--- a/ionic/components/menu/menu-types.ts
+++ b/ionic/components/menu/menu-types.ts
@@ -10,66 +10,46 @@ import {Animation} from '../../animations/animation';
  * @private
  */
 export class MenuType {
-  open: Animation = new Animation();
-  close: Animation = new Animation();
+  ani: Animation = new Animation();
   isOpening: boolean;
-  seek: Animation;
-
-  setOpen(shouldOpen) {
-    return new Promise(resolve => {
-      if (shouldOpen) {
-        this.open.playbackRate(1).onFinish(resolve, true).play();
-      } else {
-        this.close.playbackRate(1).onFinish(resolve, true).play();
-      }
-    });
+
+  setOpen(shouldOpen: boolean, done: Function) {
+    this.ani
+        .onFinish(done, true)
+        .reverse(!shouldOpen)
+        .play();
   }
 
-  setProgressStart(isOpen) {
+  setProgressStart(isOpen: boolean) {
     this.isOpening = !isOpen;
 
-    this.seek && this.seek.dispose();
-
-    // clone the correct animation depending on open/close
-    if (this.isOpening) {
-      this.seek = this.open.clone();
-    } else {
-      this.seek = this.close.clone();
-    }
-
     // the cloned animation should not use an easing curve during seek
-    this.seek.easing('linear').progressStart();
+    this.ani
+        .reverse(isOpen)
+        .progressStart();
   }
 
-  setProgess(value) {
+  setProgessStep(stepValue: number) {
     // adjust progress value depending if it opening or closing
-    if (!this.isOpening) {
-      value = 1 - value;
-    }
-    this.seek.progress(value);
+    this.ani.progressStep(stepValue);
   }
 
-  setProgressEnd(shouldComplete) {
-    let resolve;
-    let promise = new Promise(res => { resolve = res });
-
+  setProgressEnd(shouldComplete: boolean, currentStepValue: number, done: Function) {
     let isOpen = (this.isOpening && shouldComplete);
     if (!this.isOpening && !shouldComplete) {
       isOpen = true;
     }
 
-    this.seek.progressEnd(shouldComplete).then(() => {
+    this.ani.onFinish(() => {
       this.isOpening = false;
-      resolve(isOpen);
-    });
+      done(isOpen);
+    }, true);
 
-    return promise;
+    this.ani.progressEnd(shouldComplete, currentStepValue);
   }
 
-  ngOnDestroy() {
-    this.open && this.open.dispose();
-    this.close && this.close.dispose();
-    this.seek && this.seek.dispose();
+  destroy() {
+    this.ani && this.ani.destroy();
   }
 
 }
@@ -84,26 +64,20 @@ class MenuRevealType extends MenuType {
   constructor(menu) {
     super();
 
-    let easing = 'ease';
-    let duration = 250;
-
     let openedX = (menu.width() * (menu.side == 'right' ? -1 : 1)) + 'px';
-    let closedX = '0px'
 
-    this.open.easing(easing).duration(duration);
-    this.close.easing(easing).duration(duration);
+    this.ani
+        .easing('ease')
+        .duration(250);
 
     let contentOpen = new Animation(menu.getContentElement());
-    contentOpen.fromTo(TRANSLATE_X, closedX, openedX);
-    this.open.add(contentOpen);
-
-    let contentClose = new Animation(menu.getContentElement());
-    contentClose.fromTo(TRANSLATE_X, openedX, closedX);
-    this.close.add(contentClose);
+    contentOpen.fromTo('translateX', '0px', openedX);
+    this.ani.add(contentOpen);
   }
 }
 MenuController.registerType('reveal', MenuRevealType);
 
+
 /**
  * Menu Push Type
  * The content slides over to reveal the menu underneath.
@@ -113,8 +87,9 @@ class MenuPushType extends MenuType {
   constructor(menu) {
     super();
 
-    let easing = 'ease';
-    let duration = 250;
+    this.ani
+        .easing('ease')
+        .duration(250);
 
     let contentOpenedX, menuClosedX, menuOpenedX;
 
@@ -127,30 +102,19 @@ class MenuPushType extends MenuType {
       menuOpenedX = '0px';
       menuClosedX = -menu.width() + 'px';
     }
-    // left side
 
-    this.open.easing(easing).duration(duration);
-    this.close.easing(easing).duration(duration);
+    let menuAni = new Animation(menu.getMenuElement());
+    menuAni.fromTo('translateX', menuClosedX, menuOpenedX);
+    this.ani.add(menuAni);
 
-    let menuOpen = new Animation(menu.getMenuElement());
-    menuOpen.fromTo(TRANSLATE_X, menuClosedX, menuOpenedX);
-    this.open.add(menuOpen);
-
-    let contentOpen = new Animation(menu.getContentElement());
-    contentOpen.fromTo(TRANSLATE_X, '0px', contentOpenedX);
-    this.open.add(contentOpen);
-
-    let menuClose = new Animation(menu.getMenuElement());
-    menuClose.fromTo(TRANSLATE_X, menuOpenedX, menuClosedX);
-    this.close.add(menuClose);
-
-    let contentClose = new Animation(menu.getContentElement());
-    contentClose.fromTo(TRANSLATE_X, contentOpenedX, '0px');
-    this.close.add(contentClose);
+    let contentApi = new Animation(menu.getContentElement());
+    contentApi.fromTo('translateX', '0px', contentOpenedX);
+    this.ani.add(contentApi);
   }
 }
 MenuController.registerType('push', MenuPushType);
 
+
 /**
  * Menu Overlay Type
  * The menu slides over the content. The content
@@ -160,9 +124,9 @@ class MenuOverlayType extends MenuType {
   constructor(menu) {
     super();
 
-    let easing = 'ease';
-    let duration = 250;
-    let backdropOpacity = 0.35;
+    this.ani
+        .easing('ease')
+        .duration(250);
 
     let closedX, openedX;
     if (menu.side == 'right') {
@@ -176,28 +140,13 @@ class MenuOverlayType extends MenuType {
       openedX = '8px';
     }
 
-    this.open.easing(easing).duration(duration);
-    this.close.easing(easing).duration(duration);
+    let menuAni = new Animation(menu.getMenuElement());
+    menuAni.fromTo('translateX', closedX, openedX);
+    this.ani.add(menuAni);
 
-    let menuOpen = new Animation(menu.getMenuElement());
-    menuOpen.fromTo(TRANSLATE_X, closedX, openedX);
-    this.open.add(menuOpen);
-
-    let backdropOpen = new Animation(menu.getBackdropElement());
-    backdropOpen.fromTo(OPACITY, 0.01, backdropOpacity);
-    this.open.add(backdropOpen);
-
-    let menuClose = new Animation(menu.getMenuElement());
-    menuClose.fromTo(TRANSLATE_X, openedX, closedX);
-    this.close.add(menuClose);
-
-    let backdropClose = new Animation(menu.getBackdropElement());
-    backdropClose.fromTo(OPACITY, backdropOpacity, 0.01);
-    this.close.add(backdropClose);
+    let backdropApi = new Animation(menu.getBackdropElement());
+    backdropApi.fromTo('opacity', 0.01, 0.35);
+    this.ani.add(backdropApi);
   }
 }
 MenuController.registerType('overlay', MenuOverlayType);
-
-
-const OPACITY = 'opacity';
-const TRANSLATE_X = 'translateX';
diff --git a/ionic/components/menu/menu.ts b/ionic/components/menu/menu.ts
index e9a9f067fa6..11c9f749dec 100644
--- a/ionic/components/menu/menu.ts
+++ b/ionic/components/menu/menu.ts
@@ -4,10 +4,11 @@ import {Ion} from '../ion';
 import {Config} from '../../config/config';
 import {Platform} from '../../platform/platform';
 import {Keyboard} from '../../util/keyboard';
-import * as gestures from  './menu-gestures';
+import {MenuContentGesture, MenuTargetGesture} from  './menu-gestures';
 import {Gesture} from '../../gestures/gesture';
 import {MenuController} from './menu-controller';
 import {MenuType} from './menu-types';
+import {isFalseProperty} from '../../util/util';
 
 
 /**
@@ -27,9 +28,10 @@ import {MenuType} from './menu-types';
 export class Menu extends Ion {
   private _preventTime: number = 0;
   private _cntEle: HTMLElement;
-  private _gesture: Gesture;
-  private _targetGesture: Gesture;
+  private _cntGesture: Gesture;
+  private _menuGesture: Gesture;
   private _type: MenuType;
+  private _resizeUnreg: Function;
 
 
   /**
@@ -113,76 +115,57 @@ export class Menu extends Ion {
     let content = self.content;
     self._cntEle = (content instanceof Node) ? content : content && content.getNativeElement && content.getNativeElement();
 
+    // requires content element
     if (!self._cntEle) {
       return console.error('Menu: must have a [content] element to listen for drag events on. Example:\n\n<ion-menu [content]="content"></ion-menu>\n\n<ion-nav #content></ion-nav>');
     }
 
+    // normalize the "side"
     if (self.side !== 'left' && self.side !== 'right') {
       self.side = 'left';
     }
     self._renderer.setElementAttribute(self._elementRef.nativeElement, 'side', self.side);
 
-    if (self.swipeEnabled === 'false') {
-      self.isSwipeEnabled = false;
+    // normalize the "type"
+    if (!self.type) {
+      self.type = self._config.get('menuType');
     }
+    self._renderer.setElementAttribute(self._elementRef.nativeElement, 'type', self.type);
+
+    // add the gesture listeners
+    self._zone.runOutsideAngular(function() {
+      self._cntGesture = new MenuContentGesture(self, self.getContentElement());
+      self._menuGesture = new MenuTargetGesture(self, self.getNativeElement());
+
+      self.onContentClick = function(ev: UIEvent) {
+        if (self.isEnabled) {
+          ev.preventDefault();
+          ev.stopPropagation();
+          self.close();
+        }
+      };
+    });
 
-    this._menuCtrl.register(self);
-
-    self._initGesture();
-    self._initType(self.type);
+    if (isFalseProperty(self.swipeEnabled)) {
+      self.isSwipeEnabled = false;
+    }
 
     self._cntEle.classList.add('menu-content');
     self._cntEle.classList.add('menu-content-' + self.type);
 
-    self.onContentClick = function(ev: UIEvent) {
-      if (self.isEnabled) {
-        ev.preventDefault();
-        ev.stopPropagation();
-        self.close();
-      }
-    };
-  }
-
-  /**
-   * @private
-   */
-  private _initGesture() {
-    this._zone.runOutsideAngular(() => {
-      switch(this.side) {
-        case 'right':
-          this._gesture = new gestures.RightMenuGesture(this);
-          break;
-
-        case 'left':
-          this._gesture = new gestures.LeftMenuGesture(this);
-          break;
-      }
-      this._targetGesture = new gestures.TargetGesture(this);
-    });
+    // register this menu with the app's menu controller
+    self._menuCtrl.register(self);
   }
 
   /**
    * @private
    */
-  private _initType(type) {
-    type = type && type.trim().toLowerCase();
-    if (!type) {
-      type = this._config.get('menuType');
-    }
-    this.type = type;
-    this._renderer.setElementAttribute(this._elementRef.nativeElement, 'menuType', type);
-  }
-
-  /**
-   * @private
-   */
-  private _getType() {
+  private _getType(): MenuType {
     if (!this._type) {
       this._type = MenuController.create(this.type, this);
 
       if (this._config.get('animate') === false) {
-        this._type.open.duration(33);
-        this._type.close.duration(33);
+        this._type.ani.duration(0);
       }
     }
     return this._type;
@@ -193,17 +176,20 @@ export class Menu extends Ion {
    * @param {boolean} shouldOpen  If the Menu is open or not.
    * @return {Promise} returns a promise once set
    */
-  setOpen(shouldOpen) {
+  setOpen(shouldOpen): Promise<boolean> {
     // _isPrevented is used to prevent unwanted opening/closing after swiping open/close
     // or swiping open the menu while pressing down on the menuToggle button
     if ((shouldOpen && this.isOpen) || this._isPrevented()) {
-      return Promise.resolve();
+      return Promise.resolve(this.isOpen);
     }
 
     this._before();
 
-    return this._getType().setOpen(shouldOpen).then(() => {
-      this._after(shouldOpen);
+    return new Promise(resolve => {
+      this._getType().setOpen(shouldOpen, () => {
+        this._after(shouldOpen);
+        resolve(this.isOpen);
+      });
     });
   }
 
@@ -215,30 +201,30 @@ export class Menu extends Ion {
     if (this._isPrevented() || !this.isEnabled || !this.isSwipeEnabled) return;
 
     this._before();
-
     this._getType().setProgressStart(this.isOpen);
   }
 
   /**
    * @private
    */
-  setProgess(value) {
+  setProgessStep(stepValue: number) {
     // user actively dragging the menu
     if (this.isEnabled && this.isSwipeEnabled) {
       this._prevent();
-      this._getType().setProgess(value);
-      this.opening.next(value);
+      this._getType().setProgessStep(stepValue);
+      this.opening.next(stepValue);
     }
   }
 
   /**
    * @private
    */
-  setProgressEnd(shouldComplete) {
+  setProgressEnd(shouldComplete: boolean, currentStepValue: number) {
     // user has finished dragging the menu
     if (this.isEnabled && this.isSwipeEnabled) {
       this._prevent();
-      this._getType().setProgressEnd(shouldComplete).then(isOpen => {
+      this._getType().setProgressEnd(shouldComplete, currentStepValue, (isOpen) => {
+        console.debug('menu, progress end', this.side);
         this._after(isOpen);
       });
     }
@@ -262,7 +248,7 @@ export class Menu extends Ion {
   /**
    * @private
    */
-  private _after(isOpen) {
+  private _after(isOpen: boolean) {
     // keep opening/closing the menu disabled for a touch more yet
     // only add listeners/css if it's enabled and isOpen
     // and only remove listeners/css if it's not open
@@ -302,24 +288,24 @@ export class Menu extends Ion {
   }
 
   /**
-   * Progamatically open the Menu
-   * @return {Promise} returns a promise when the menu is fully opened
+   * Progamatically open the Menu.
+   * @return {Promise} returns a promise when the menu is fully opened.
    */
   open() {
     return this.setOpen(true);
   }
 
   /**
-   * Progamatically close the Menu
-   * @return {Promise} returns a promise when the menu is fully closed
+   * Progamatically close the Menu.
+   * @return {Promise} returns a promise when the menu is fully closed.
    */
   close() {
     return this.setOpen(false);
   }
 
   /**
-   * Toggle the menu. If it's closed, it will open, and if opened, it will close
-   * @return {Promise} returns a promise when the menu has been toggled
+   * Toggle the menu. If it's closed, it will open, and if opened, it will close.
+   * @return {Promise} returns a promise when the menu has been toggled.
    */
   toggle() {
     return this.setOpen(!this.isOpen);
@@ -331,7 +317,7 @@ export class Menu extends Ion {
    * @param {boolean} shouldEnable  True if it should be enabled, false if not.
    * @return {Menu}  Returns the instance of the menu, which is useful for chaining.
    */
-  enable(shouldEnable: boolean) {
+  enable(shouldEnable: boolean): Menu {
     this.isEnabled = shouldEnable;
     if (!shouldEnable && this.isOpen) {
       this.close();
@@ -344,7 +330,7 @@ export class Menu extends Ion {
    * @param {boolean} shouldEnable  True if it should be swipe-able, false if not.
    * @return {Menu}  Returns the instance of the menu, which is useful for chaining.
    */
-  swipeEnable(shouldEnable: boolean) {
+  swipeEnable(shouldEnable: boolean): Menu {
     this.isSwipeEnabled = shouldEnable;
     return this;
   }
@@ -352,21 +338,21 @@ export class Menu extends Ion {
   /**
    * @private
    */
-  getMenuElement() {
+  getMenuElement(): HTMLElement {
     return this.getNativeElement();
   }
 
   /**
    * @private
    */
-  getContentElement() {
+  getContentElement(): HTMLElement {
     return this._cntEle;
   }
 
   /**
    * @private
    */
-  getBackdropElement() {
+  getBackdropElement(): HTMLElement {
     return this.backdrop.elementRef.nativeElement;
   }
 
@@ -375,9 +361,10 @@ export class Menu extends Ion {
    */
   ngOnDestroy() {
     this._menuCtrl.unregister(this);
-    this._gesture && this._gesture.destroy();
-    this._targetGesture && this._targetGesture.destroy();
-    this._type && this._type.ngOnDestroy();
+    this._cntGesture && this._cntGesture.destroy();
+    this._menuGesture && this._menuGesture.destroy();
+    this._type && this._type.destroy();
+    this._resizeUnreg && this._resizeUnreg();
     this._cntEle = null;
   }
 
diff --git a/ionic/components/menu/test/overlay/main.html b/ionic/components/menu/test/overlay/main.html
index a1202898c98..b6c067900d0 100644
--- a/ionic/components/menu/test/overlay/main.html
+++ b/ionic/components/menu/test/overlay/main.html
@@ -17,5 +17,24 @@
 
 </ion-menu>
 
+<ion-menu [content]="content" id="myMenuId2" type="overlay" side="right">
+
+  <ion-toolbar danger>
+    <ion-title>Right Menu</ion-title>
+  </ion-toolbar>
+
+  <ion-content>
+
+    <ion-list>
+
+      <button ion-item menuToggle="myMenuId2" detail-none>
+        Close Right Menu
+      </button>
+
+    </ion-list>
+  </ion-content>
+
+</ion-menu>
+
 
 <ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>
diff --git a/ionic/components/menu/test/overlay/page1.html b/ionic/components/menu/test/overlay/page1.html
index 08c8263765b..afc699f2455 100644
--- a/ionic/components/menu/test/overlay/page1.html
+++ b/ionic/components/menu/test/overlay/page1.html
@@ -9,15 +9,21 @@
     Overlay Menu
   </ion-title>
 
+  <button menuToggle="myMenuId2" end>
+    <ion-icon name="menu"></ion-icon>
+  </button>
+
 </ion-navbar>
 
 
 <ion-content #content padding>
 
-  <h3>Content</h3>
+  <p>
+    <button menuToggle="myMenuId">Toggle Left Overlay Menu</button>
+  </p>
 
   <p>
-    <button menuToggle="myMenuId">Toggle Left Menu</button>
+    <button menuToggle="myMenuId2">Toggle Right Overlay Menu</button>
   </p>
 
   <f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
diff --git a/ionic/components/menu/test/push/main.html b/ionic/components/menu/test/push/main.html
index d1ea781d8cd..44dbebbeb2a 100644
--- a/ionic/components/menu/test/push/main.html
+++ b/ionic/components/menu/test/push/main.html
@@ -17,5 +17,24 @@
 
 </ion-menu>
 
+<ion-menu [content]="content" type="push" side="right">
+
+  <ion-toolbar danger>
+    <ion-title>Right Menu</ion-title>
+  </ion-toolbar>
+
+  <ion-content>
+
+    <ion-list>
+
+      <button ion-item menuToggle="right" detail-none>
+        Close Right Menu
+      </button>
+
+    </ion-list>
+  </ion-content>
+
+</ion-menu>
+
 
 <ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>
diff --git a/ionic/components/menu/test/push/page1.html b/ionic/components/menu/test/push/page1.html
index efe910927ba..39a52bc31bd 100644
--- a/ionic/components/menu/test/push/page1.html
+++ b/ionic/components/menu/test/push/page1.html
@@ -9,15 +9,21 @@
     Push Menu
   </ion-title>
 
+  <button menuToggle="right" end>
+    <ion-icon name="menu"></ion-icon>
+  </button>
+
 </ion-navbar>
 
 
 <ion-content #content padding>
 
-  <h3>Content</h3>
+  <p>
+    <button menuToggle="left">Toggle Left Push Menu</button>
+  </p>
 
   <p>
-    <button menuToggle="left">Toggle Left Menu</button>
+    <button menuToggle="right">Toggle Right Push Menu</button>
   </p>
 
   <f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
diff --git a/ionic/components/menu/test/reveal/main.html b/ionic/components/menu/test/reveal/main.html
index 2dc4023f73f..4fb79839476 100644
--- a/ionic/components/menu/test/reveal/main.html
+++ b/ionic/components/menu/test/reveal/main.html
@@ -17,5 +17,23 @@
 
 </ion-menu>
 
+<ion-menu [content]="content" type="reveal" side="right">
+
+  <ion-toolbar danger>
+    <ion-title>Right Menu</ion-title>
+  </ion-toolbar>
+
+  <ion-content>
+
+    <ion-list>
+
+      <button ion-item menuToggle="right" detail-none>
+        Close Right Menu
+      </button>
+
+    </ion-list>
+  </ion-content>
+
+</ion-menu>
 
 <ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>
diff --git a/ionic/components/menu/test/reveal/page1.html b/ionic/components/menu/test/reveal/page1.html
index 6ca4afcacc1..0d40c3bbe12 100644
--- a/ionic/components/menu/test/reveal/page1.html
+++ b/ionic/components/menu/test/reveal/page1.html
@@ -9,15 +9,21 @@
     Reveal Menu
   </ion-title>
 
+  <button menuToggle="right" end>
+    <ion-icon name="menu"></ion-icon>
+  </button>
+
 </ion-navbar>
 
 
 <ion-content #content padding>
 
-  <h3>Content</h3>
+  <p>
+    <button menuToggle>Toggle Left Reveal Menu</button>
+  </p>
 
   <p>
-    <button menuToggle>Toggle Left Menu</button>
+    <button menuToggle="right">Toggle Right Reveal Menu</button>
   </p>
 
   <f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
diff --git a/ionic/components/nav/nav-controller.ts b/ionic/components/nav/nav-controller.ts
index c2583c44a73..5ca801f04fc 100644
--- a/ionic/components/nav/nav-controller.ts
+++ b/ionic/components/nav/nav-controller.ts
@@ -1038,11 +1038,10 @@ export class NavController extends Ion {
 
       if (opts.animate === false) {
         // force it to not animate the elements, just apply the "to" styles
-        transAnimation.clearDuration();
         transAnimation.duration(0);
       }
 
-      let duration = transAnimation.duration();
+      let duration = transAnimation.getDuration();
       let enableApp = (duration < 64);
       // block any clicks during the transition and provide a
       // fallback to remove the clickblock if something goes wrong
@@ -1053,15 +1052,18 @@ export class NavController extends Ion {
         transAnimation.before.addClass(enteringView.viewType);
       }
 
-      // start the transition
-      transAnimation.play(() => {
+      // create a callback for when the animation is done
+      transAnimation.onFinish(() => {
         // transition animation has ended
 
         // dispose the animation and it's element references
-        transAnimation.dispose();
+        transAnimation.destroy();
 
         this._afterTrans(enteringView, leavingView, opts, done);
       });
+
+      // cool, let's do this, start the transition
+      transAnimation.play();
     });
   }
 
diff --git a/ionic/components/navbar/navbar.ts b/ionic/components/navbar/navbar.ts
index ff5ce24c911..eddd5e575d9 100644
--- a/ionic/components/navbar/navbar.ts
+++ b/ionic/components/navbar/navbar.ts
@@ -98,6 +98,7 @@ class ToolbarBackground {
       '<span class="back-button-text">' +
         '<span class="back-default">{{_bbText}}</span>' +
       '</span>' +
+      '<ion-button-effect></ion-button-effect>' +
     '</button>' +
     '<ng-content select="[menuToggle],ion-buttons[left]"></ng-content>' +
     '<ng-content select="ion-buttons[start]"></ng-content>' +
diff --git a/ionic/components/segment/segment.ts b/ionic/components/segment/segment.ts
index eca848ac8d2..5c4c6f2d91a 100644
--- a/ionic/components/segment/segment.ts
+++ b/ionic/components/segment/segment.ts
@@ -1,4 +1,4 @@
-import {Directive, ElementRef, Renderer, Optional, EventEmitter, Input, Output, HostListener, ContentChildren, QueryList} from 'angular2/core';
+import {Directive, Component, ElementRef, Renderer, Optional, EventEmitter, Input, Output, HostListener, ContentChildren, QueryList} from 'angular2/core';
 import {NgControl} from 'angular2/common';
 
 import {isDefined} from '../../util/util';
@@ -45,8 +45,11 @@ import {isDefined} from '../../util/util';
  * @see {@link /docs/v2/components#segment Segment Component Docs}
  * @see {@link /docs/v2/api/components/segment/Segment/ Segment API Docs}
  */
-@Directive({
+@Component({
   selector: 'ion-segment-button',
+  template:
+    '<ng-content></ng-content>' +
+    '<ion-button-effect></ion-button-effect>',
   host: {
     'tappable': '',
     'class': 'segment-button',
diff --git a/ionic/components/tabs/tabs.ts b/ionic/components/tabs/tabs.ts
index ef34811f206..645744a5e32 100644
--- a/ionic/components/tabs/tabs.ts
+++ b/ionic/components/tabs/tabs.ts
@@ -52,6 +52,7 @@ import {isUndefined, isTrueProperty} from '../../util/util';
           '<ion-icon *ngIf="t.tabIcon" [name]="t.tabIcon" [isActive]="t.isSelected" class="tab-button-icon"></ion-icon>' +
           '<span *ngIf="t.tabTitle" class="tab-button-text">{{t.tabTitle}}</span>' +
           '<ion-badge *ngIf="t.tabBadge" class="tab-badge" [ngClass]="\'badge-\' + t.tabBadgeStyle">{{t.tabBadge}}</ion-badge>' +
+          '<ion-button-effect></ion-button-effect>' +
         '</a>' +
         '<tab-highlight></tab-highlight>' +
       '</tabbar>' +
diff --git a/ionic/components/tap-click/activator.ts b/ionic/components/tap-click/activator.ts
index 5b0196600a6..24732bc2d3b 100644
--- a/ionic/components/tap-click/activator.ts
+++ b/ionic/components/tap-click/activator.ts
@@ -2,64 +2,52 @@ import {raf, rafFrames} from '../../util/dom';
 
 
 export class Activator {
-  public activatedClass: any;
-  public queue: Array<any> = [];
-  public active: Array<any> = [];
-  public x: number = 0;
-  public y: number = 0;
+  protected _css: string;
+  protected _queue: Array<HTMLElement> = [];
+  protected _active: Array<HTMLElement> = [];
 
-  constructor(public app, config, public zone) {
-    this.activatedClass = config.get('activatedClass') || 'activated';
+  constructor(protected app, config, protected _zone) {
+    this._css = config.get('activatedClass') || 'activated';
   }
 
   downAction(ev, activatableEle, pointerX, pointerY) {
     // the user just pressed down
-
     let self = this;
     if (self.disableActivated(ev)) {
-      return false;
+      return;
     }
 
-    // remember where they pressed
-    self.x = pointerX;
-    self.y = pointerY;
-
     // queue to have this element activated
-    self.queue.push(activatableEle);
-
-    function activateCss() {
-      let activatableEle;
-      for (let i = 0; i < self.queue.length; i++) {
-        activatableEle = self.queue[i];
-        if (activatableEle && activatableEle.parentNode) {
-          self.active.push(activatableEle);
-          activatableEle.classList.add(self.activatedClass);
+    self._queue.push(activatableEle);
+
+    this._zone.runOutsideAngular(() => {
+      rafFrames(2, function() {
+        let activatableEle;
+        for (let i = 0; i < self._queue.length; i++) {
+          activatableEle = self._queue[i];
+          if (activatableEle && activatableEle.parentNode) {
+            self._active.push(activatableEle);
+            activatableEle.classList.add(self._css);
+          }
         }
-      }
-      self.queue = [];
-    }
-
-    this.zone.runOutsideAngular(() => {
-      rafFrames(2, activateCss);
+        self._queue = [];
+      });
     });
-
-    return true;
   }
 
-  upAction() {
+  upAction(ev: UIEvent, activatableEle: HTMLElement, pointerX: number, pointerY: number) {
     // the user was pressing down, then just let up
     let self = this;
     function activateUp() {
       self.clearState();
     }
-    this.zone.runOutsideAngular(() => {
+    this._zone.runOutsideAngular(() => {
       rafFrames(CLEAR_STATE_DEFERS, activateUp);
     });
   }
 
   clearState() {
     // all states should return to normal
-
     if (!this.app.isEnabled()) {
       // the app is actively disabled, so don't bother deactivating anything.
       // this makes it easier on the GPU so it doesn't have to redraw any
@@ -77,16 +65,14 @@ export class Activator {
   deactivate() {
     // remove the active class from all active elements
     let self = this;
-    self.queue = [];
+    self._queue = [];
 
-    function deactivate() {
-      for (let i = 0; i < self.active.length; i++) {
-        self.active[i].classList.remove(self.activatedClass);
+    rafFrames(2, function() {
+      for (var i = 0; i < self._active.length; i++) {
+        self._active[i].classList.remove(self._css);
       }
-      self.active = [];
-    }
-
-    rafFrames(2, deactivate);
+      self._active = [];
+    });
   }
 
   disableActivated(ev) {
diff --git a/ionic/components/tap-click/ripple.scss b/ionic/components/tap-click/ripple.scss
deleted file mode 100644
index e968da14b52..00000000000
--- a/ionic/components/tap-click/ripple.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-@import "../../globals.md";
-
-// Material Design Ripple Effect
-// --------------------------------------------------
-
-$ripple-background-color:       rgba(0, 0, 0, 0.1) !default;
-
-
-md-ripple {
-  position: absolute;
-  z-index: 0;
-  display: block;
-  border-radius: 50%;
-
-  background-color: ripple-background-color($ripple-background-color);
-
-  overflow: hidden;
-  pointer-events: none;
-
-  transform: scale(0.001) translateZ(0);
-}
diff --git a/ionic/components/tap-click/ripple.ts b/ionic/components/tap-click/ripple.ts
index f5bb16e0a1c..01f40d971f9 100644
--- a/ionic/components/tap-click/ripple.ts
+++ b/ionic/components/tap-click/ripple.ts
@@ -1,131 +1,122 @@
 import {Activator} from './activator';
-import {Animation} from '../../animations/animation';
-import {raf, rafFrames} from '../../util/dom';
+import {CSS, raf, rafFrames} from '../../util/dom';
+const win: any = window;
 
 
+/**
+ * @private
+ */
 export class RippleActivator extends Activator {
-  private expands: any = {};
-  private fades: any = {};
-  private expandSpeed: number;
 
   constructor(app, config, zone) {
     super(app, config, zone);
   }
 
   downAction(ev, activatableEle, pointerX, pointerY) {
-    if (super.downAction(ev, activatableEle, pointerX, pointerY) ) {
-      // create a new ripple element
-      this.expandSpeed = EXPAND_DOWN_PLAYBACK_RATE;
-
-      this.zone.runOutsideAngular(() => {
-        raf(() => {
-          let clientRect = activatableEle.getBoundingClientRect();
-
-          raf(() => {
-            this.createRipple(activatableEle, pointerX, pointerY, clientRect);
-          });
-        });
-      });
+    let self = this;
+    if (self.disableActivated(ev)) {
+      return;
     }
-    return true;
-  }
 
-  createRipple(activatableEle, pointerX, pointerY, clientRect) {
-    let clientPointerX = (pointerX - clientRect.left);
-    let clientPointerY = (pointerY - clientRect.top);
-
-    let x = Math.max(Math.abs(clientRect.width - clientPointerX), clientPointerX) * 2;
-    let y = Math.max(Math.abs(clientRect.height - clientPointerY), clientPointerY) * 2;
-    let diameter = Math.max(Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2)), 64);
-
-    let radius = Math.sqrt(clientRect.width + clientRect.height);
-    let duration = (1000 * Math.sqrt(radius / TOUCH_DOWN_ACCEL) + 0.5);
-
-    let rippleEle = document.createElement('md-ripple');
-    let rippleId = Date.now();
-    let eleStyle = rippleEle.style;
-    eleStyle.width = eleStyle.height = diameter + 'px';
-    eleStyle.marginTop = eleStyle.marginLeft = -(diameter / 2) + 'px';
-    eleStyle.left = clientPointerX + 'px';
-    eleStyle.top = clientPointerY + 'px';
-
-    activatableEle.appendChild(rippleEle);
-
-    // create the animation for the fade out, but don't start it yet
-    this.fades[rippleId] = new Animation(rippleEle, {renderDelay: 0});
-    this.fades[rippleId]
-      .fadeOut()
-      .duration(FADE_OUT_DURATION)
-      .playbackRate(1)
-      .onFinish(() => {
-        raf(() => {
-          this.fades[rippleId].dispose(true);
-          delete this.fades[rippleId];
-        });
+    // queue to have this element activated
+    self._queue.push(activatableEle);
+
+    this._zone.runOutsideAngular(function() {
+      raf(function() {
+        var i;
+
+        for (i = 0; i < self._queue.length; i++) {
+          var queuedEle = self._queue[i];
+          if (queuedEle && queuedEle.parentNode) {
+            self._active.push(queuedEle);
+
+            // DOM WRITE
+            queuedEle.classList.add(self._css);
+
+            var j = queuedEle.childElementCount;
+            while (j--) {
+              var rippleEle: any = queuedEle.children[j];
+              if (rippleEle.tagName === 'ION-BUTTON-EFFECT') {
+                // DOM WRITE
+                rippleEle.style.left = '-9999px';
+                rippleEle.style.opacity = '';
+                rippleEle.style[CSS.transform] = 'scale(0.001) translateZ(0px)';
+                rippleEle.style[CSS.transition] = '';
+
+                // DOM READ
+                var clientRect = activatableEle.getBoundingClientRect();
+                rippleEle.$top = clientRect.top;
+                rippleEle.$left = clientRect.left;
+                rippleEle.$width = clientRect.width;
+                rippleEle.$height = clientRect.height;
+                break;
+              }
+            }
+          }
+        }
+        self._queue = [];
       });
 
-    // expand the circle from the users starting point
-    // start slow, and when they let up, then speed up the animation
-    this.expands[rippleId] = new Animation(rippleEle, {renderDelay: 0});
-    this.expands[rippleId]
-      .fromTo('scale', '0.001', '1')
-      .duration(duration)
-      .playbackRate(this.expandSpeed)
-      .onFinish(()=> {
-        this.expands[rippleId].dispose();
-        delete this.expands[rippleId];
-
-        this.next();
-      })
-      .play();
-  }
-
-  upAction() {
-    this.deactivate();
-
-    this.expandSpeed = 1;
-
-    this.zone.runOutsideAngular(() => {
-      rafFrames(4, () => {
-        this.next();
-      });
     });
   }
 
-  next() {
-    const now = Date.now();
-
-    let rippleId;
-    for (rippleId in this.expands) {
-      if (parseInt(rippleId, 10) + 4000 < now) {
-        this.expands[rippleId].dispose(true);
-        delete this.expands[rippleId];
-
-      } else if (this.expands[rippleId].playbackRate() === EXPAND_DOWN_PLAYBACK_RATE) {
-        this.expands[rippleId].playbackRate(EXPAND_OUT_PLAYBACK_RATE);
+  upAction(ev: UIEvent, activatableEle: HTMLElement, pointerX: number, pointerY: number) {
+    let self = this;
+
+    var i = activatableEle.childElementCount;
+    while (i--) {
+      var rippleEle: any = activatableEle.children[i];
+      if (rippleEle.tagName === 'ION-BUTTON-EFFECT') {
+        var clientPointerX = (pointerX - rippleEle.$left);
+        var clientPointerY = (pointerY - rippleEle.$top);
+
+        var x = Math.max(Math.abs(rippleEle.$width - clientPointerX), clientPointerX) * 2;
+        var y = Math.max(Math.abs(rippleEle.$height - clientPointerY), clientPointerY) * 2;
+        var diameter = Math.min(Math.max(Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2)), 64), 240);
+
+        if (activatableEle.hasAttribute('ion-item')) {
+          diameter = Math.min(diameter, 140);
+        }
+
+        var radius = Math.sqrt(rippleEle.$width + rippleEle.$height);
+
+        var scaleTransitionDuration = Math.max(1600 * Math.sqrt(radius / TOUCH_DOWN_ACCEL) + 0.5, 260);
+        var opacityTransitionDuration = scaleTransitionDuration * 0.7;
+        var opacityTransitionDelay = scaleTransitionDuration - opacityTransitionDuration;
+
+        // DOM WRITE
+        rippleEle.style.width = rippleEle.style.height = diameter + 'px';
+        rippleEle.style.marginTop = rippleEle.style.marginLeft = -(diameter / 2) + 'px';
+        rippleEle.style.left = clientPointerX + 'px';
+        rippleEle.style.top = clientPointerY + 'px';
+        rippleEle.style.opacity = '0';
+        rippleEle.style[CSS.transform] = 'scale(1) translateZ(0px)';
+        rippleEle.style[CSS.transition] = 'transform ' +
+                                          scaleTransitionDuration +
+                                          'ms,opacity ' +
+                                          opacityTransitionDuration +
+                                          'ms ' +
+                                          opacityTransitionDelay + 'ms';
       }
     }
 
-    for (rippleId in this.fades) {
-      if (parseInt(rippleId, 10) + 4000 < now) {
-        this.fades[rippleId].dispose(true);
-        delete this.fades[rippleId];
-
-      } else if (!this.fades[rippleId].isPlaying) {
-        this.fades[rippleId].isPlaying = true;
-        this.fades[rippleId].play();
-      }
-    }
+    super.upAction(ev, activatableEle, pointerX, pointerY);
   }
 
-  clearState() {
-    this.deactivate();
-    this.next();
+  deactivate() {
+    // remove the active class from all active elements
+    let self = this;
+    self._queue = [];
+
+    rafFrames(2, function() {
+      for (var i = 0; i < self._active.length; i++) {
+        self._active[i].classList.remove(self._css);
+      }
+      self._active = [];
+    });
   }
 
 }
 
-const TOUCH_DOWN_ACCEL = 512;
-const EXPAND_DOWN_PLAYBACK_RATE = 0.35;
-const EXPAND_OUT_PLAYBACK_RATE = 3;
-const FADE_OUT_DURATION = 700;
+const TOUCH_DOWN_ACCEL = 300;
+
diff --git a/ionic/components/tap-click/tap-click.ts b/ionic/components/tap-click/tap-click.ts
index 378d94dc5df..c95c9490570 100644
--- a/ionic/components/tap-click/tap-click.ts
+++ b/ionic/components/tap-click/tap-click.ts
@@ -16,7 +16,7 @@ export class TapClick {
   private disableClick: number = 0;
   private lastActivated: number = 0;
   private usePolyfill: boolean;
-  private activator: any;
+  private activator: Activator;
   private startCoord: any;
   private pointerMove: any;
 
@@ -136,8 +136,11 @@ export class TapClick {
   }
 
   pointerEnd(ev) {
+    let activatableEle = getActivatableTarget(ev.target);
+    if (activatableEle) {
+      this.activator && this.activator.upAction(ev, activatableEle, this.startCoord.x, this.startCoord.y);
+    }
     this.moveListeners(false);
-    this.activator && this.activator.upAction();
   }
 
   pointerCancel(ev) {
diff --git a/ionic/components/toolbar/toolbar.md.scss b/ionic/components/toolbar/toolbar.md.scss
index 59b75ce7059..db48f26cfa2 100644
--- a/ionic/components/toolbar/toolbar.md.scss
+++ b/ionic/components/toolbar/toolbar.md.scss
@@ -65,19 +65,27 @@ ion-title {
 
 @mixin md-toolbar-theme($color-name, $color-value) {
   .toolbar[#{$color-name}] {
+    $fg-color: toolbar-button-inverse($color-value);
 
     .toolbar-background {
       background: $color-value;
     }
 
-    .toolbar-title,
+    .bar-button-default,
+    .bar-button-outline,
+    .toolbar-title {
+      color: $fg-color;
+    }
+
     .bar-button-default,
     .bar-button-outline {
-      color: toolbar-button-inverse($color-value);
+      ion-button-effect {
+        background-color: $fg-color;
+      }
     }
 
     .bar-button-outline {
-      border-color: toolbar-button-inverse($color-value);
+      border-color: $fg-color;
     }
 
     @each $color-name, $color-value in $colors-md {
@@ -142,12 +150,11 @@ ion-buttons[right] {
 @mixin md-bar-button-default($color-name, $color-value) {
 
   .bar-button-#{$color-name} {
-    $fg-color: $color-value;
-    color: $fg-color;
+    color: $color-value;
     background-color: transparent;
 
     &:hover:not(.disable-hover) {
-      color: $fg-color;
+      color: $color-value;
     }
   }
 
diff --git a/ionic/gestures/slide-edge-gesture.ts b/ionic/gestures/slide-edge-gesture.ts
index 99596340a69..af267932075 100644
--- a/ionic/gestures/slide-edge-gesture.ts
+++ b/ionic/gestures/slide-edge-gesture.ts
@@ -8,7 +8,7 @@ export class SlideEdgeGesture extends SlideGesture {
   public maxEdgeStart: any;
   private _d: any;
 
-  constructor(element: Element, opts: any = {}) {
+  constructor(element: HTMLElement, opts: any = {}) {
     defaults(opts, {
       edge: 'left',
       maxEdgeStart: 50
diff --git a/ionic/platform/platform.ts b/ionic/platform/platform.ts
index 0395358e858..0b78a8f5b21 100644
--- a/ionic/platform/platform.ts
+++ b/ionic/platform/platform.ts
@@ -30,11 +30,11 @@ export class Platform {
   private _qs: any;
   private _ua: string;
   private _bPlt: string;
-  private _onResizes: Array<any>=[];
+  private _onResizes: Array<Function>=[];
   private _readyPromise: Promise<any>;
   private _readyResolve: any;
   private _engineReady: any;
-  private _resizeTimer: any;
+  private _resizeTm: any;
 
   /**
    * @private
@@ -361,9 +361,9 @@ export class Platform {
   */
   windowResize() {
     let self = this;
-    clearTimeout(self._resizeTimer);
+    clearTimeout(self._resizeTm);
 
-    self._resizeTimer = setTimeout(() => {
+    self._resizeTm = setTimeout(() => {
       flushDimensionCache();
 
       for (let i = 0; i < self._onResizes.length; i++) {
@@ -373,14 +373,23 @@ export class Platform {
           console.error(e);
         }
       }
-    }, 250);
+    }, 200);
   }
 
   /**
-  * @private
-  */
-  onResize(cb: Function) {
-    this._onResizes.push(cb);
+   * @private
+   * @returns Unregister function
+   */
+  onResize(cb: Function): Function {
+    let self = this;
+    self._onResizes.push(cb);
+
+    return function() {
+      let index = self._onResizes.indexOf(cb);
+      if (index > -1) {
+        self._onResizes.splice(index, 1);
+      }
+    };
   }
 
 
@@ -602,11 +611,12 @@ function insertSuperset(platformNode: PlatformNode) {
 
 
 class PlatformNode {
-  private c: any;
-  public parent: PlatformNode;
-  public child: PlatformNode;
-  public isEngine: boolean;
-  public depth: number;
+  private c;
+
+  parent: PlatformNode;
+  child: PlatformNode;
+  isEngine: boolean;
+  depth: number;
 
   constructor(platformName: string) {
     this.c = Platform.get(platformName);
diff --git a/ionic/themes/default.md.scss b/ionic/themes/default.md.scss
index bf009b62c28..b0fab3ea585 100644
--- a/ionic/themes/default.md.scss
+++ b/ionic/themes/default.md.scss
@@ -49,13 +49,6 @@ $item-md-padding-icon-top:            11px !default;
 $item-md-padding-icon-bottom:         10px !default;
 
 
-// Ripple Color
-// --------------------------------------------------
-
-@function ripple-background-color($button-color) {
-  @return rgba( red($button-color), green($button-color), blue($button-color), 0.1);
-}
-
 
 // Material Design Body
 // --------------------------------------------------
diff --git a/ionic/util/dom.ts b/ionic/util/dom.ts
index ee43239540f..4c4fc2e0eb1 100644
--- a/ionic/util/dom.ts
+++ b/ionic/util/dom.ts
@@ -3,9 +3,34 @@ let win: any = window;
 let doc: any = document;
 let docEle: any = doc.documentElement;
 
-// requestAnimationFrame is polyfilled for old Android
-// within the web-animations polyfill
+
+// RequestAnimationFrame Polyfill (Android 4.3 and below)
+/*! @author Paul Irish */
+/*! @source https://gist.github.com/paulirish/1579671 */
+(function() {
+  var rafLastTime = 0;
+  if (!win.requestAnimationFrame) {
+    win.requestAnimationFrame = function(callback, element) {
+      var currTime = Date.now();
+      var timeToCall = Math.max(0, 16 - (currTime - rafLastTime));
+
+      var id = window.setTimeout(function() {
+        callback(currTime + timeToCall);
+      }, timeToCall);
+
+      rafLastTime = currTime + timeToCall;
+      return id;
+    };
+  }
+
+  if (!win.cancelAnimationFrame) {
+    win.cancelAnimationFrame = function(id) { clearTimeout(id); };
+  }
+})();
+
 export const raf = win.requestAnimationFrame.bind(win);
+export const cancelRaf = win.cancelAnimationFrame.bind(win);
+
 
 export function rafFrames(framesToWait, callback) {
   framesToWait = Math.ceil(framesToWait);
@@ -21,11 +46,10 @@ export function rafFrames(framesToWait, callback) {
 }
 
 export let CSS: {
-  animationStart?: string,
-  animationEnd?: string,
   transform?: string,
   transition?: string,
   transitionDuration?: string,
+  transitionTimingFn?: string,
   transitionStart?: string,
   transitionEnd?: string,
 } = {};
@@ -57,57 +81,38 @@ export let CSS: {
   // transition duration
   CSS.transitionDuration = (isWebkit ? '-webkit-' : '') + 'transition-duration';
 
+  // transition timing function
+  CSS.transitionTimingFn = (isWebkit ? '-webkit-' : '') + 'transition-timing-function';
+
   // To be sure transitionend works everywhere, include *both* the webkit and non-webkit events
   CSS.transitionEnd = (isWebkit ? 'webkitTransitionEnd ' : '') + 'transitionend';
 })();
 
-if (win.onanimationend === undefined && win.onwebkitanimationend !== undefined) {
-  CSS.animationStart = 'webkitAnimationStart animationstart';
-  CSS.animationEnd = 'webkitAnimationEnd animationend';
-} else {
-  CSS.animationStart = 'animationstart';
-  CSS.animationEnd = 'animationend';
-}
-
-export function transitionEnd(el: HTMLElement) {
-  return cssPromise(el, CSS.transitionEnd);
-}
 
-export function animationStart(el: HTMLElement, animationName: string) {
-  return cssPromise(el, CSS.animationStart, animationName);
-}
-
-export function animationEnd(el: HTMLElement, animationName: string) {
-  return cssPromise(el, CSS.animationEnd, animationName);
-}
+export function transitionEnd(el: HTMLElement, callback: Function) {
+  if (el) {
+    function deregister() {
+      CSS.transitionEnd.split(' ').forEach(eventName => {
+        el.removeEventListener(eventName, onEvent);
+      });
+    }
 
-function cssPromise(el: HTMLElement, eventNames: string, animationName?: string) {
-  return new Promise(resolve => {
-    eventNames.split(' ').forEach(eventName => {
-      el.addEventListener(eventName, onEvent);
-    })
     function onEvent(ev) {
-      if (ev.animationName && animationName) {
-        // do not resolve if a bubbled up ev.animationName
-        // is not the same as the passed in animationName arg
-        if (ev.animationName !== animationName) {
-          return;
-        }
-      } else if (ev.target !== el) {
-        // do not resolve if the event's target element is not
-        // the same as the element the listener was added to
-        return;
+      if (el === ev.target) {
+        deregister();
+        callback(ev);
       }
-      ev.stopPropagation();
-      eventNames.split(' ').forEach(eventName => {
-        el.removeEventListener(eventName, onEvent);
-      })
-      resolve(ev);
     }
-  });
+
+    CSS.transitionEnd.split(' ').forEach(eventName => {
+      el.addEventListener(eventName, onEvent);
+    });
+
+    return deregister;
+  }
 }
 
-export function ready(callback) {
+export function ready(callback?: Function) {
   let promise = null;
 
   if (!callback) {
@@ -132,7 +137,7 @@ export function ready(callback) {
   return promise;
 }
 
-export function windowLoad(callback) {
+export function windowLoad(callback?: Function) {
   let promise = null;
 
   if (!callback) {
@@ -238,10 +243,6 @@ export function closest(ele: HTMLElement, selector: string, checkSelf?: boolean)
   return null;
 }
 
-export function removeElement(ele) {
-  ele && ele.parentNode && ele.parentNode.removeChild(ele);
-}
-
 
 /**
  * Get the element offsetWidth and offsetHeight. Values are cached
@@ -271,7 +272,7 @@ export function getDimensions(ele: HTMLElement, id: string): {
   return dimensions;
 }
 
-export function windowDimensions() {
+export function windowDimensions(): {width: number, height: number} {
   if (!dimensionCache.win) {
     // make sure we got good values before caching
     if (win.innerWidth && win.innerHeight) {
@@ -292,60 +293,3 @@ export function flushDimensionCache() {
 }
 
 let dimensionCache:any = {};
-
-function isStaticPositioned(element) {
-  return (element.style.position || 'static') === 'static';
-}
-
-/**
- * returns the closest, non-statically positioned parentOffset of a given element
- * @param element
- */
-export function parentOffsetEl(element) {
-  var offsetParent = element.offsetParent || doc;
-  while (offsetParent && offsetParent !== doc && isStaticPositioned(offsetParent)) {
-    offsetParent = offsetParent.offsetParent;
-  }
-  return offsetParent || doc;
-};
-
-/**
- * Get the current coordinates of the element, relative to the offset parent.
- * Read-only equivalent of [jQuery's position function](http://api.jquery.com/position/).
- * @param {element} element The element to get the position of.
- * @returns {object} Returns an object containing the properties top, left, width and height.
- */
-export function position(element) {
-  var elBCR = offset(element);
-  var offsetParentBCR = { top: 0, left: 0 };
-  var offsetParentEl = parentOffsetEl(element);
-  if (offsetParentEl != doc) {
-    offsetParentBCR = offset(offsetParentEl);
-    offsetParentBCR.top += offsetParentEl.clientTop - offsetParentEl.scrollTop;
-    offsetParentBCR.left += offsetParentEl.clientLeft - offsetParentEl.scrollLeft;
-  }
-
-  var boundingClientRect = element.getBoundingClientRect();
-  return {
-    width: boundingClientRect.width || element.offsetWidth,
-    height: boundingClientRect.height || element.offsetHeight,
-    top: elBCR.top - offsetParentBCR.top,
-    left: elBCR.left - offsetParentBCR.left
-  };
-}
-
-/**
-* Get the current coordinates of the element, relative to the doc.
-* Read-only equivalent of [jQuery's offset function](http://api.jquery.com/offset/).
-* @param {element} element The element to get the offset of.
-* @returns {object} Returns an object containing the properties top, left, width and height.
-*/
-export function offset(element) {
- var boundingClientRect = element.getBoundingClientRect();
- return {
-   width: boundingClientRect.width || element.offsetWidth,
-   height: boundingClientRect.height || element.offsetHeight,
-   top: boundingClientRect.top + (win.pageYOffset || docEle.scrollTop),
-   left: boundingClientRect.left + (win.pageXOffset || docEle.scrollLeft)
- };
-}
diff --git a/ionic/util/test/util.spec.ts b/ionic/util/test/util.spec.ts
index 6ae9c00f6cb..4b0e0e73b05 100644
--- a/ionic/util/test/util.spec.ts
+++ b/ionic/util/test/util.spec.ts
@@ -43,11 +43,6 @@ export function run() {
         expect(util.isTrueProperty('doesnt actually matter')).toBe(false);
       });
 
-      it('should be false from number less than 1', () => {
-        expect(util.isTrueProperty(0)).toBe(false);
-        expect(util.isTrueProperty(-1)).toBe(false);
-      });
-
     });
 
     it('should extend simple', () => {
diff --git a/ionic/util/util.ts b/ionic/util/util.ts
index 53d88ecdbe2..a4a6a5cffda 100644
--- a/ionic/util/util.ts
+++ b/ionic/util/util.ts
@@ -113,12 +113,17 @@ export const isObject = val => typeof val === 'object';
 export const isArray = Array.isArray;
 
 export const isTrueProperty = function(val) {
-  if (typeof val === 'boolean') return val;
   if (typeof val === 'string') {
     val = val.toLowerCase().trim();
     return (val === 'true' || val === '');
   }
-  if (typeof val === 'number') return (val > 0);
+  return !!val;
+};
+
+export const isFalseProperty = function(val) {
+  if (typeof val === 'string') {
+    return (val.toLowerCase().trim() === 'false');
+  }
   return !!val;
 };
 
diff --git a/scripts/README.md b/scripts/README.md
index 515869b4b9f..c43b0ea1966 100644
--- a/scripts/README.md
+++ b/scripts/README.md
@@ -31,7 +31,7 @@ Run `gulp build` or `gulp watch` to watch for changes.
 
 From `ionic` directory:
 
-1. `gulp package build` (or `watch`, then open another terminal for step 2)
+1. `gulp package build` or (`gulp package watch`, then open another terminal for step 2)
 2. `cd dist`
 3. `npm link` (may require `sudo`)
 
diff --git a/scripts/build/config.js b/scripts/build/config.js
index 8450ef17877..daff9f57d3d 100644
--- a/scripts/build/config.js
+++ b/scripts/build/config.js
@@ -18,8 +18,7 @@ module.exports = {
     'node_modules/angular2/bundles/router.dev.js',
     'node_modules/angular2/bundles/http.dev.js',
     'node_modules/es6-shim/es6-shim.min.js',
-    'dist/js/ionic.js',
-    'scripts/resources/web-animations-js/web-animations.min.js'
+    'dist/js/ionic.js'
   ],
 
   protractorPort: 8876,
diff --git a/scripts/demos/webpack.config.js b/scripts/demos/webpack.config.js
index 027dc507114..0806928b668 100644
--- a/scripts/demos/webpack.config.js
+++ b/scripts/demos/webpack.config.js
@@ -4,7 +4,6 @@ module.exports = {
   entry: [
     path.normalize('es6-shim/es6-shim.min'),
     'reflect-metadata',
-    'web-animations.min',
     path.normalize('zone.js/dist/zone-microtask'),
   ],
   module: {
@@ -27,14 +26,12 @@ module.exports = {
     noParse: [
       /es6-shim/,
       /reflect-metadata/,
-      /web-animations/,
       /zone\.js(\/|\\)dist(\/|\\)zone-microtask/
     ]
   },
   resolve: {
     alias: {
-      'ionic': path.normalize(process.cwd() + '/dist'),
-      'web-animations.min': path.normalize(process.cwd() + '/dist/js/web-animations.min')
+      'ionic': path.normalize(process.cwd() + '/dist')
     },
     extensions: ["", ".js", ".ts"]
   }
diff --git a/scripts/e2e/e2e.template.html b/scripts/e2e/e2e.template.html
index 3af4d59d52f..3be6f6f9d04 100644
--- a/scripts/e2e/e2e.template.html
+++ b/scripts/e2e/e2e.template.html
@@ -40,7 +40,6 @@
   <script src="../../../js/angular2.dev.js"></script>
   <script src="../../../js/router.dev.js"></script>
   <script src="../../../js/http.dev.js"></script>
-  <script src="../../../js/web-animations.min.js"></script>
   <script src="../../../bundles/ionic.system.js"></script>
   <script src="../../../js/Rx.js"></script>
 
@@ -60,7 +59,7 @@
       -webkit-transition-duration: 0ms !important;
       transition-duration: 0ms !important;
     }
-    .snapshot md-ripple {
+    .snapshot ion-button-effect {
       display: none !important;
     }
 
diff --git a/scripts/e2e/webpack.config.js b/scripts/e2e/webpack.config.js
index 6aaf432697b..595cb99040d 100644
--- a/scripts/e2e/webpack.config.js
+++ b/scripts/e2e/webpack.config.js
@@ -1,7 +1,4 @@
 module.exports = {
-  entry: [
-    "web-animations.min"
-  ],
   externals: [
     {
       'ionic/ionic': {
@@ -31,7 +28,6 @@ module.exports = {
     loaders: [{ test: /\.ts$/, loader: "awesome-typescript-loader" }]
   },
   resolve: {
-    alias: {'web-animations.min': './dist/js/web-animations.min'},
     extensions: ["", ".js", ".ts"]
   }
 };
diff --git a/scripts/resources/web-animations-js/COPYING b/scripts/resources/web-animations-js/COPYING
deleted file mode 100644
index d6456956733..00000000000
--- a/scripts/resources/web-animations-js/COPYING
+++ /dev/null
@@ -1,202 +0,0 @@
-
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   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.
diff --git a/scripts/resources/web-animations-js/Gruntfile.js b/scripts/resources/web-animations-js/Gruntfile.js
deleted file mode 100644
index c5cfa969ec7..00000000000
--- a/scripts/resources/web-animations-js/Gruntfile.js
+++ /dev/null
@@ -1,308 +0,0 @@
-// Copyright 2014 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.
-
-module.exports = function(grunt) {
-  grunt.loadNpmTasks('grunt-contrib-uglify');
-  grunt.loadNpmTasks('grunt-gjslint');
-  grunt.loadNpmTasks('grunt-checkrepo');
-  grunt.loadNpmTasks('grunt-karma');
-  grunt.loadNpmTasks('grunt-saucelabs');
-  grunt.loadNpmTasks('grunt-git-status');
-  grunt.loadNpmTasks('grunt-template');
-
-  var targetConfig = require('./target-config.js');
-
-  var sourceMap = require('source-map');
-
-  var config = {
-    uglify: {},
-    template: {},
-    wrap: {},
-    sourceMapConcat: {},
-  };
-
-  function concat(sources, target, defines) {
-    config.uglify[target] = {
-      options: {
-        sourceMap: true,
-        sourceMapName: target + '.map',
-        wrap: false,
-        compress: {
-          global_defs: defines,
-          dead_code: false
-        },
-        mangle: false
-      },
-      nonull: true,
-      dest: target,
-      src: sources
-    };
-    return 'uglify:' + target;
-  }
-
-  function compress(source, target, defines) {
-    var name = concat([source], target, defines);
-    var record = config.uglify[target];
-    record.options.sourceMapIn = source + '.map';
-    record.options.banner = grunt.file.read('templates/boilerplate');
-    record.options.wrap = true;
-    record.options.compress.dead_code = true;
-    record.options.mangle = { eval: true };
-    return name;
-  }
-
-  function genTarget(target) {
-    var config = targetConfig[target];
-    var newGens = [
-      generateFromTemplate('templates/web-animations.js', {target: target}, target + '.dev.js'),
-      generateFromTemplate('templates/web-animations.html', {src: config.src}, target + '.dev.html'),
-      generateFromTemplate('templates/runner.html', {target: target}, 'test/runner-' + target + '.html')];
-    return newGens;
-  }
-
-  function generateFromTemplate(source, data, target) {
-    var targetSpec = {};
-    targetSpec[target] = [source];
-    config.template[target] = {
-      options: {
-        data: data
-      },
-      files: targetSpec
-    }
-    return 'template:' + target;
-  }
-
-  function guard(source, target) {
-    config.wrap[target] = {
-      source: source,
-      preamble: '(function() {\n' +
-                '  // RequestAnimationFrame Polyfill (Android 4.1, 4.2, 4.3)\n' +
-                '  /*! @author Paul Irish */\n' +
-                '  /*! @source https://gist.github.com/paulirish/1579671 */\n' +
-                '  var rafLastTime = 0;\n' +
-                '  if (!window.requestAnimationFrame)\n' +
-                '    window.requestAnimationFrame = function(callback, element) {\n' +
-                '      var currTime = Date.now();\n' +
-                '      var timeToCall = Math.max(0, 16 - (currTime - rafLastTime));\n' +
-                '      var id = window.setTimeout(function() { callback(currTime + timeToCall); }, timeToCall);\n' +
-                '      rafLastTime = currTime + timeToCall;\n' +
-                '      return id;\n' +
-                '    };\n' +
-                '  if (!window.cancelAnimationFrame) window.cancelAnimationFrame = function(id) { clearTimeout(id); };\n' +
-                '  \n' +
-                '  // Web Animations Polyfill\n' +
-                '  if (document.documentElement.animate) {\n' +
-                '    var player = document.documentElement.animate([], 0);\n' +
-                '    var load = true;\n' +
-                '    if (player) {\n' +
-                '      load = false;\n' +
-                '      "play|currentTime|pause|reverse|playbackRate|cancel|finish|startTime|playState".split("|").forEach(function(t) {\n' +
-                '        if (player[t] === undefined) {\n' +
-                '          load = true;\n' +
-                '        }\n' +
-                '      });\n' +
-                '    }\n' +
-                '    if (!load) { return; }' +
-                '  }\n',
-      postamble: '})();'
-    };
-    return 'wrap:' + target;
-  }
-
-  function concatWithMaps(sources, target) {
-    config.sourceMapConcat[target] = {
-      sources: sources
-    }
-    return 'sourceMapConcat:' + target;
-  };
-
-  var concatDefines = {
-    WEB_ANIMATIONS_TESTING: false
-  };
-
-  function buildWebAnimations1(target) {
-    var config = targetConfig[target];
-    return genTarget(target).concat([
-      concat(config.scopeSrc.concat(config.sharedSrc).concat(config.webAnimations1Src), 'inter-raw-' + target + '.js', concatDefines),
-      guard('inter-raw-' + target + '.js', 'inter-' + target + '.js'),
-      compress('inter-' + target + '.js', target + '.min.js', concatDefines)
-    ]);
-  }
-
-  function buildWebAnimationsNext(target) {
-    var config = targetConfig[target];
-    return genTarget(target).concat([
-      concat(config.scopeSrc.concat(config.sharedSrc), 'inter-' + target + '-preamble.js', concatDefines),
-      concat(config.webAnimations1Src, 'inter-component-' + target + 'web-animations-1.js', concatDefines),
-      guard('inter-component-' + target + 'web-animations-1.js', 'inter-guarded-' + target + '-web-animations-1.js'),
-      concat(config.webAnimationsNextSrc, 'inter-component-' + target + '.js', concatDefines),
-      concatWithMaps(['inter-' + target + '-preamble.js', 'inter-guarded-' + target + '-web-animations-1.js', 'inter-component-' + target + '.js'],
-          'inter-' + target + '.js'),
-      compress('inter-' + target + '.js', target + '.min.js', concatDefines)
-    ]);
-  }
-
-  grunt.registerTask('web-animations', buildWebAnimations1('web-animations'));
-  grunt.registerTask('web-animations-next', buildWebAnimationsNext('web-animations-next'));
-  grunt.registerTask('web-animations-next-lite', buildWebAnimationsNext('web-animations-next-lite'));
-
-  var testTargets = {'web-animations': {}, 'web-animations-next': {}};
-
-  grunt.initConfig({
-    uglify: config.uglify,
-    template: config.template,
-    wrap: config.wrap,
-    sourceMapConcat: config.sourceMapConcat,
-    checkrepo: {
-      all: {
-        clean: true,
-      },
-    },
-    'git-status': {
-      all: {
-      },
-    },
-    gjslint: {
-      options: {
-        flags: [
-          '--nojsdoc',
-          '--strict',
-          '--disable 7,121,110', //   7: Wrong blank line count
-                                 // 121: Illegal comma at end of object literal
-                                 // 110: Line too long
-        ],
-        reporter: {
-          name: 'console'
-        }
-      },
-      all: {
-        src: [
-          'src/*.js',
-          'test/*.js',
-          'test/js/*.js',
-        ],
-      }
-    },
-    test: testTargets,
-    sauce: testTargets,
-  });
-
-
-  grunt.task.registerMultiTask('test', 'Run <target> tests under Karma', function() {
-    var done = this.async();
-    var karmaConfig = require('karma/lib/config').parseConfig(require('path').resolve('test/karma-config.js'), {});
-    var config = targetConfig[this.target];
-    karmaConfig.files = ['test/karma-setup.js'].concat(config.src, config.test);
-    var karmaServer = require('karma').server;
-    karmaServer.start(karmaConfig, function(exitCode) {
-      done(exitCode === 0);
-    });
-  });
-
-  grunt.task.registerMultiTask('sauce', 'Run <target> tests under Karma on Saucelabs', function() {
-    var done = this.async();
-    var karmaConfig = require('karma/lib/config').parseConfig(require('path').resolve('test/karma-config-ci.js'), {});
-    var config = targetConfig[this.target];
-    karmaConfig.files = ['test/karma-setup.js'].concat(config.src, config.test);
-    karmaConfig.sauceLabs.testName = 'web-animation-next ' + this.target + ' Unit tests';
-    var karmaServer = require('karma').server;
-    karmaServer.start(karmaConfig, function(exitCode) {
-      done(exitCode === 0);
-    });
-  });
-
-  grunt.task.registerMultiTask('sourceMapConcat', 'concat source files and produce combined source map',
-    function() {
-      var sources = this.data.sources.map(grunt.file.read);
-      var sourceMaps = this.data.sources.map(function(f) { return grunt.file.read(f + '.map'); });
-      var out = "";
-      var outMapGenerator = new sourceMap.SourceMapGenerator({file: this.target});
-      var lineDelta = 0;
-      for (var i = 0; i < sources.length; i++) {
-        out += sources[i];
-        new sourceMap.SourceMapConsumer(sourceMaps[i]).eachMapping(function(mapping) {
-          outMapGenerator.addMapping({
-            generated: {line: mapping.generatedLine + lineDelta, column: mapping.generatedColumn},
-            original: {line: mapping.originalLine, column: mapping.originalColumn},
-            source: mapping.source, name: mapping.name});
-        });
-        var sourceLines = sources[i].split('\n');
-        lineDelta += sourceLines.length;
-        if (sources[i][sources[i].length - 1] !== '\n') {
-          out += '\n';
-        }
-      }
-      grunt.file.write(this.target, out);
-      grunt.file.write(this.target + '.map', outMapGenerator.toString());
-    });
-
-  grunt.task.registerMultiTask('wrap', 'Wrap <target> source file and update source map',
-    function() {
-      var inFile = grunt.file.read(this.data.source);
-      var inMap = grunt.file.read(this.data.source + '.map');
-      var inLines = inFile.split('\n');
-      var i = 0;
-
-      // Discover copyright header
-      while (inLines[i].length < 2 || inLines[i].substring(0, 2) == '//') {
-        i++;
-      }
-
-      // Fix mapping footer
-      var postamble = this.data.postamble;
-      if (inLines[inLines.length - 1].substring(0, 21) == '//# sourceMappingURL=') {
-        postamble += '\n//# sourceMappingURL=' + this.target + '.map';
-      }
-
-      if (i > 0) {
-        var banner = inLines.slice(0, i).join('\n') + '\n';
-      } else {
-        var banner = '';
-      }
-
-      var source = inLines.slice(i, inLines.length - 1).join('\n');
-
-      grunt.file.write(this.target, banner + this.data.preamble + source + postamble);
-      var preLines = this.data.preamble.split('\n');
-      var lineDelta = preLines.length;
-      if (this.data.preamble[this.data.preamble.length - 1] == '\n') {
-        var charDelta = 0;
-      } else {
-        var charDelta = preLines[lineDelta - 1].length;
-        lineDelta -= 1;
-      }
-      var inMapConsumer = new sourceMap.SourceMapConsumer(inMap);
-      var outMapGenerator = new sourceMap.SourceMapGenerator({file: this.target});
-      inMapConsumer.eachMapping(function(mapping) {
-        if (mapping.generatedLine == i + 1) {
-          mapping.generatedColumn += charDelta;
-        }
-        mapping.generatedLine += lineDelta;
-        outMapGenerator.addMapping(
-          {generated: {line: mapping.generatedLine, column: mapping.generatedColumn},
-          original: {line: mapping.originalLine, column: mapping.originalColumn},
-          source: mapping.source, name: mapping.name});
-      });
-      grunt.file.write(this.target + '.map', outMapGenerator.toString());
-    });
-
-  grunt.task.registerTask('clean', 'Remove files generated by grunt', function() {
-    grunt.file.expand('web-animations*').concat(grunt.file.expand('test/runner-*.html')).concat(grunt.file.expand('inter-*')).forEach(function(file) {
-      grunt.file.delete(file);
-      grunt.log.writeln('File ' + file + ' removed');
-    });
-  });
-
-  grunt.task.registerTask('default', ['web-animations', 'web-animations-next', 'web-animations-next-lite', 'gjslint']);
-};
diff --git a/scripts/resources/web-animations-js/bower.json b/scripts/resources/web-animations-js/bower.json
deleted file mode 100644
index 22f26b5e5c2..00000000000
--- a/scripts/resources/web-animations-js/bower.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "name": "web-animations-js",
-  "description": "JavaScript implementation of the Web Animations API",
-  "homepage": "https://github.com/web-animations/web-animations-js",
-  "main": "web-animations.min.js",
-  "moduleType": [
-    "globals"
-  ],
-  "keywords": [
-    "animations",
-    "polyfill"
-  ],
-  "license": "Apache-2.0",
-  "ignore": [
-    "**/.*",
-    "node_modules",
-    "templates",
-    "test",
-    "src",
-    "Gruntfile.js",
-    "package.json",
-    "target-config.js",
-    "target-loader.js",
-    "web-animations.dev.html",
-    "web-animations.dev.js",
-    "web-animations-next.dev.html",
-    "web-animations-next.dev.js",
-    "web-animations-next-lite.dev.html",
-    "web-animations-next-lite.dev.js"
-  ]
-}
diff --git a/scripts/resources/web-animations-js/package.json b/scripts/resources/web-animations-js/package.json
deleted file mode 100644
index b579b79d6c0..00000000000
--- a/scripts/resources/web-animations-js/package.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "web-animations-js",
-  "private": true,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/web-animations/web-animations-js.git"
-  },
-  "devDependencies": {
-    "mocha": "1.21.4",
-    "chai": "^1.9.1",
-    "grunt": "~0.4.5",
-    "grunt-contrib-uglify": "^0.4.0",
-    "grunt-gjslint": "^0.1.4",
-    "grunt-karma": "^0.8.2",
-    "karma": "^0.12.14",
-    "karma-mocha": "^0.1.3",
-    "karma-chai": "^0.1.0",
-    "karma-chrome-launcher": "~0.1.4",
-    "karma-firefox-launcher": "~0.1.3",
-    "karma-ie-launcher": "~0.1.5",
-    "karma-safari-launcher": "~0.1.1",
-    "karma-sauce-launcher": "~0.2.3",
-    "grunt-checkrepo": "~0.1.0",
-    "grunt-saucelabs": "~4.0.2",
-    "grunt-checkrepo": "~0.1.0",
-    "grunt-git-status": "~1.0.0",
-    "grunt-template": "~0.2.3",
-    "source-map": "~0.1.40"
-  },
-  "scripts": {
-    "test": "grunt test gjslint git-status checkrepo"
-  }
-}
diff --git a/scripts/resources/web-animations-js/src/animation.js b/scripts/resources/web-animations-js/src/animation.js
deleted file mode 100644
index 4cf89f24fe8..00000000000
--- a/scripts/resources/web-animations-js/src/animation.js
+++ /dev/null
@@ -1,229 +0,0 @@
-// Copyright 2014 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(shared, scope, testing) {
-
-  shared.sequenceNumber = 0;
-
-  var AnimationEvent = function(target, currentTime, timelineTime) {
-    this.target = target;
-    this.currentTime = currentTime;
-    this.timelineTime = timelineTime;
-
-    this.type = 'finish';
-    this.bubbles = false;
-    this.cancelable = false;
-    this.currentTarget = target;
-    this.defaultPrevented = false;
-    this.eventPhase = Event.AT_TARGET;
-    this.timeStamp = Date.now();
-  };
-
-  scope.Animation = function(effect) {
-    this._sequenceNumber = shared.sequenceNumber++;
-    this._currentTime = 0;
-    this._startTime = null;
-    this._paused = false;
-    this._playbackRate = 1;
-    this._inTimeline = true;
-    this._finishedFlag = false;
-    this.onfinish = null;
-    this._finishHandlers = [];
-    this._effect = effect;
-    this._inEffect = this._effect._update(0);
-    this._idle = true;
-    this._currentTimePending = false;
-  };
-
-  scope.Animation.prototype = {
-    _ensureAlive: function() {
-      // If an animation is playing backwards and is not fill backwards/both
-      // then it should go out of effect when it reaches the start of its
-      // active interval (currentTime == 0).
-      if (this.playbackRate < 0 && this.currentTime === 0) {
-        this._inEffect = this._effect._update(-1);
-      } else {
-        this._inEffect = this._effect._update(this.currentTime);
-      }
-      if (!this._inTimeline && (this._inEffect || !this._finishedFlag)) {
-        this._inTimeline = true;
-        scope.timeline._animations.push(this);
-      }
-    },
-    _tickCurrentTime: function(newTime, ignoreLimit) {
-      if (newTime != this._currentTime) {
-        this._currentTime = newTime;
-        if (this._isFinished && !ignoreLimit)
-          this._currentTime = this._playbackRate > 0 ? this._totalDuration : 0;
-        this._ensureAlive();
-      }
-    },
-    get currentTime() {
-      if (this._idle || this._currentTimePending)
-        return null;
-      return this._currentTime;
-    },
-    set currentTime(newTime) {
-      newTime = +newTime;
-      if (isNaN(newTime))
-        return;
-      scope.restart();
-      if (!this._paused && this._startTime != null) {
-        this._startTime = this._timeline.currentTime - newTime / this._playbackRate;
-      }
-      this._currentTimePending = false;
-      if (this._currentTime == newTime)
-        return;
-      this._tickCurrentTime(newTime, true);
-      scope.invalidateEffects();
-    },
-    get startTime() {
-      return this._startTime;
-    },
-    set startTime(newTime) {
-      newTime = +newTime;
-      if (isNaN(newTime))
-        return;
-      if (this._paused || this._idle)
-        return;
-      this._startTime = newTime;
-      this._tickCurrentTime((this._timeline.currentTime - this._startTime) * this.playbackRate);
-      scope.invalidateEffects();
-    },
-    get playbackRate() {
-      return this._playbackRate;
-    },
-    set playbackRate(value) {
-      if (value == this._playbackRate) {
-        return;
-      }
-      var oldCurrentTime = this.currentTime;
-      this._playbackRate = value;
-      this._startTime = null;
-      if (this.playState != 'paused' && this.playState != 'idle') {
-        this.play();
-      }
-      if (oldCurrentTime != null) {
-        this.currentTime = oldCurrentTime;
-      }
-    },
-    get _isFinished() {
-      return !this._idle && (this._playbackRate > 0 && this._currentTime >= this._totalDuration ||
-          this._playbackRate < 0 && this._currentTime <= 0);
-    },
-    get _totalDuration() { return this._effect._totalDuration; },
-    get playState() {
-      if (this._idle)
-        return 'idle';
-      if ((this._startTime == null && !this._paused && this.playbackRate != 0) || this._currentTimePending)
-        return 'pending';
-      if (this._paused)
-        return 'paused';
-      if (this._isFinished)
-        return 'finished';
-      return 'running';
-    },
-    play: function() {
-      this._paused = false;
-      if (this._isFinished || this._idle) {
-        this._currentTime = this._playbackRate > 0 ? 0 : this._totalDuration;
-        this._startTime = null;
-        scope.invalidateEffects();
-      }
-      this._finishedFlag = false;
-      scope.restart();
-      this._idle = false;
-      this._ensureAlive();
-    },
-    pause: function() {
-      if (!this._isFinished && !this._paused && !this._idle) {
-        this._currentTimePending = true;
-      }
-      this._startTime = null;
-      this._paused = true;
-    },
-    finish: function() {
-      if (this._idle)
-        return;
-      this.currentTime = this._playbackRate > 0 ? this._totalDuration : 0;
-      this._startTime = this._totalDuration - this.currentTime;
-      this._currentTimePending = false;
-    },
-    cancel: function() {
-      if (!this._inEffect)
-        return;
-      this._inEffect = false;
-      this._idle = true;
-      this.currentTime = 0;
-      this._startTime = null;
-      this._effect._update(null);
-      // effects are invalid after cancellation as the animation state
-      // needs to un-apply.
-      scope.invalidateEffects();
-      // in the absence of effect revalidation via getComputedStyle, we
-      // need a single tick to remove the effect of the cancelled
-      // animation.
-      scope.restart();
-    },
-    reverse: function() {
-      this.playbackRate *= -1;
-      this.play();
-    },
-    addEventListener: function(type, handler) {
-      if (typeof handler == 'function' && type == 'finish')
-        this._finishHandlers.push(handler);
-    },
-    removeEventListener: function(type, handler) {
-      if (type != 'finish')
-        return;
-      var index = this._finishHandlers.indexOf(handler);
-      if (index >= 0)
-        this._finishHandlers.splice(index, 1);
-    },
-    _fireEvents: function(baseTime) {
-      var finished = this._isFinished;
-      if ((finished || this._idle) && !this._finishedFlag) {
-        var event = new AnimationEvent(this, this._currentTime, baseTime);
-        var handlers = this._finishHandlers.concat(this.onfinish ? [this.onfinish] : []);
-
-        // IONIC HACK!
-        // CANNOT SETTIMEOUT OR ELSE THE BROWSER HAS A CHANCE TO
-        // RENDER AND CAUSES A FLICKER ON SAFAR
-        //setTimeout(function() {
-          handlers.forEach(function(handler) {
-            handler.call(event.target, event);
-          });
-        //}, 0);
-      }
-      this._finishedFlag = finished;
-    },
-    _tick: function(timelineTime) {
-      if (!this._idle && !this._paused) {
-        if (this._startTime == null)
-          this.startTime = timelineTime - this._currentTime / this.playbackRate;
-        else if (!this._isFinished)
-          this._tickCurrentTime((timelineTime - this._startTime) * this.playbackRate);
-      }
-
-      this._currentTimePending = false;
-      this._fireEvents(timelineTime);
-      return !this._idle && (this._inEffect || !this._finishedFlag);
-    },
-  };
-
-  if (WEB_ANIMATIONS_TESTING) {
-    testing.webAnimations1Animation = scope.Animation;
-  }
-
-})(webAnimationsShared, webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/apply-preserving-inline-style.js b/scripts/resources/web-animations-js/src/apply-preserving-inline-style.js
deleted file mode 100644
index 795be364529..00000000000
--- a/scripts/resources/web-animations-js/src/apply-preserving-inline-style.js
+++ /dev/null
@@ -1,191 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  var styleAttributes = {
-    cssText: 1,
-    length: 1,
-    parentRule: 1,
-  };
-
-  var styleMethods = {
-    getPropertyCSSValue: 1,
-    getPropertyPriority: 1,
-    getPropertyValue: 1,
-    item: 1,
-    removeProperty: 1,
-    setProperty: 1,
-  };
-
-  var styleMutatingMethods = {
-    removeProperty: 1,
-    setProperty: 1,
-  };
-
-  function configureProperty(object, property, descriptor) {
-    descriptor.enumerable = true;
-    descriptor.configurable = true;
-    Object.defineProperty(object, property, descriptor);
-  }
-
-  function AnimatedCSSStyleDeclaration(element) {
-    WEB_ANIMATIONS_TESTING && console.assert(!(element.style instanceof AnimatedCSSStyleDeclaration),
-        'Element must not already have an animated style attached.');
-
-    // Stores the inline style of the element on its behalf while the
-    // polyfill uses the element's inline style to simulate web animations.
-    // This is needed to fake regular inline style CSSOM access on the element.
-    this._surrogateStyle = document.createElementNS('http://www.w3.org/1999/xhtml', 'div').style;
-    this._style = element.style;
-    this._length = 0;
-    this._isAnimatedProperty = {};
-
-    // Copy the inline style contents over to the surrogate.
-    for (var i = 0; i < this._style.length; i++) {
-      var property = this._style[i];
-      this._surrogateStyle[property] = this._style[property];
-    }
-    this._updateIndices();
-  }
-
-  AnimatedCSSStyleDeclaration.prototype = {
-    get cssText() {
-      return this._surrogateStyle.cssText;
-    },
-    set cssText(text) {
-      var isAffectedProperty = {};
-      for (var i = 0; i < this._surrogateStyle.length; i++) {
-        isAffectedProperty[this._surrogateStyle[i]] = true;
-      }
-      this._surrogateStyle.cssText = text;
-      this._updateIndices();
-      for (var i = 0; i < this._surrogateStyle.length; i++) {
-        isAffectedProperty[this._surrogateStyle[i]] = true;
-      }
-      for (var property in isAffectedProperty) {
-        if (!this._isAnimatedProperty[property]) {
-          this._style.setProperty(property, this._surrogateStyle.getPropertyValue(property));
-        }
-      }
-    },
-    get length() {
-      return this._surrogateStyle.length;
-    },
-    get parentRule() {
-      return this._style.parentRule;
-    },
-    // Mirror the indexed getters and setters of the surrogate style.
-    _updateIndices: function() {
-      while (this._length < this._surrogateStyle.length) {
-        Object.defineProperty(this, this._length, {
-          configurable: true,
-          enumerable: false,
-          get: (function(index) {
-            return function() { return this._surrogateStyle[index]; };
-          })(this._length)
-        });
-        this._length++;
-      }
-      while (this._length > this._surrogateStyle.length) {
-        this._length--;
-        Object.defineProperty(this, this._length, {
-          configurable: true,
-          enumerable: false,
-          value: undefined
-        });
-      }
-    },
-    _set: function(property, value) {
-      this._style[property] = value;
-      this._isAnimatedProperty[property] = true;
-    },
-    _clear: function(property) {
-      this._style[property] = this._surrogateStyle[property];
-      delete this._isAnimatedProperty[property];
-    },
-  };
-
-  // Wrap the style methods.
-  for (var method in styleMethods) {
-    AnimatedCSSStyleDeclaration.prototype[method] = (function(method, modifiesStyle) {
-      return function() {
-        var result = this._surrogateStyle[method].apply(this._surrogateStyle, arguments);
-        if (modifiesStyle) {
-          if (!this._isAnimatedProperty[arguments[0]])
-            this._style[method].apply(this._style, arguments);
-          this._updateIndices();
-        }
-        return result;
-      }
-    })(method, method in styleMutatingMethods);
-  }
-
-  // Wrap the style.cssProperty getters and setters.
-  for (var property in document.documentElement.style) {
-    if (property in styleAttributes || property in styleMethods) {
-      continue;
-    }
-    (function(property) {
-      configureProperty(AnimatedCSSStyleDeclaration.prototype, property, {
-        get: function() {
-          return this._surrogateStyle[property];
-        },
-        set: function(value) {
-          this._surrogateStyle[property] = value;
-          this._updateIndices();
-          if (!this._isAnimatedProperty[property])
-            this._style[property] = value;
-        }
-      });
-    })(property);
-  }
-
-  function ensureStyleIsPatched(element) {
-    if (element._webAnimationsPatchedStyle)
-      return;
-
-    var animatedStyle = new AnimatedCSSStyleDeclaration(element);
-    try {
-      configureProperty(element, 'style', { get: function() { return animatedStyle; } });
-    } catch (_) {
-      // iOS and older versions of Safari (pre v7) do not support overriding an element's
-      // style object. Animations will clobber any inline styles as a result.
-      element.style._set = function(property, value) {
-        element.style[property] = value;
-      };
-      element.style._clear = function(property) {
-        element.style[property] = '';
-      };
-    }
-
-    // We must keep a handle on the patched style to prevent it from getting GC'd.
-    element._webAnimationsPatchedStyle = element.style;
-  }
-
-  scope.apply = function(element, property, value) {
-    ensureStyleIsPatched(element);
-    element.style._set(scope.propertyName(property), value);
-  };
-
-  scope.clear = function(element, property) {
-    if (element._webAnimationsPatchedStyle) {
-      element.style._clear(scope.propertyName(property));
-    }
-  };
-
-  if (WEB_ANIMATIONS_TESTING)
-    testing.ensureStyleIsPatched = ensureStyleIsPatched;
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/apply.js b/scripts/resources/web-animations-js/src/apply.js
deleted file mode 100644
index 3200f967eaa..00000000000
--- a/scripts/resources/web-animations-js/src/apply.js
+++ /dev/null
@@ -1,25 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  scope.apply = function(element, property, value) {
-    element.style[scope.propertyName(property)] = value;
-  };
-
-  scope.clear = function(element, property) {
-    element.style[scope.propertyName(property)] = '';
-  };
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/box-handler.js b/scripts/resources/web-animations-js/src/box-handler.js
deleted file mode 100644
index 3399263a486..00000000000
--- a/scripts/resources/web-animations-js/src/box-handler.js
+++ /dev/null
@@ -1,57 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-  function consumeLengthPercentOrAuto(string) {
-    return scope.consumeLengthOrPercent(string) || scope.consumeToken(/^auto/, string);
-  }
-  function parseBox(string) {
-    var result = scope.consumeList([
-      scope.ignore(scope.consumeToken.bind(null, /^rect/)),
-      scope.ignore(scope.consumeToken.bind(null, /^\(/)),
-      scope.consumeRepeated.bind(null, consumeLengthPercentOrAuto, /^,/),
-      scope.ignore(scope.consumeToken.bind(null, /^\)/)),
-    ], string);
-    if (result && result[0].length == 4) {
-      return result[0];
-    }
-  }
-
-  function mergeComponent(left, right) {
-    if (left == 'auto' || right == 'auto') {
-      return [true, false, function(t) {
-        var result = t ? left : right;
-        if (result == 'auto') {
-          return 'auto';
-        }
-        // FIXME: There's probably a better way to turn a dimension back into a string.
-        var merged = scope.mergeDimensions(result, result);
-        return merged[2](merged[0]);
-      }];
-    }
-    return scope.mergeDimensions(left, right);
-  }
-
-  function wrap(result) {
-    return 'rect(' + result + ')';
-  }
-
-  var mergeBoxes = scope.mergeWrappedNestedRepeated.bind(null, wrap, mergeComponent, ', ');
-
-  scope.parseBox = parseBox;
-  scope.mergeBoxes = mergeBoxes;
-
-  scope.addPropertiesHandler(parseBox, mergeBoxes, ['clip']);
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/color-handler.js b/scripts/resources/web-animations-js/src/color-handler.js
deleted file mode 100644
index b32a8899621..00000000000
--- a/scripts/resources/web-animations-js/src/color-handler.js
+++ /dev/null
@@ -1,62 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  var canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
-  canvas.width = canvas.height = 1;
-  var context = canvas.getContext('2d');
-
-  function parseColor(string) {
-    string = string.trim();
-    // The context ignores invalid colors
-    context.fillStyle = '#000';
-    context.fillStyle = string;
-    var contextSerializedFillStyle = context.fillStyle;
-    context.fillStyle = '#fff';
-    context.fillStyle = string;
-    if (contextSerializedFillStyle != context.fillStyle)
-      return;
-    context.fillRect(0, 0, 1, 1);
-    var pixelColor = context.getImageData(0, 0, 1, 1).data;
-    context.clearRect(0, 0, 1, 1);
-    var alpha = pixelColor[3] / 255;
-    return [pixelColor[0] * alpha, pixelColor[1] * alpha, pixelColor[2] * alpha, alpha];
-  }
-
-  function mergeColors(left, right) {
-    return [left, right, function(x) {
-      function clamp(v) {
-        return Math.max(0, Math.min(255, v));
-      }
-      if (x[3]) {
-        for (var i = 0; i < 3; i++)
-          x[i] = Math.round(clamp(x[i] / x[3]));
-      }
-      x[3] = scope.numberToString(scope.clamp(0, 1, x[3]));
-      return 'rgba(' + x.join(',') + ')';
-    }];
-  }
-
-  scope.addPropertiesHandler(parseColor, mergeColors,
-      ['background-color', 'border-bottom-color', 'border-left-color', 'border-right-color',
-       'border-top-color', 'color', 'outline-color', 'text-decoration-color']);
-  scope.consumeColor = scope.consumeParenthesised.bind(null, parseColor);
-  scope.mergeColors = mergeColors;
-
-  if (WEB_ANIMATIONS_TESTING) {
-    testing.parseColor = parseColor;
-  }
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/deprecation.js b/scripts/resources/web-animations-js/src/deprecation.js
deleted file mode 100644
index 3349937987d..00000000000
--- a/scripts/resources/web-animations-js/src/deprecation.js
+++ /dev/null
@@ -1,43 +0,0 @@
-// Copyright 2014 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(shared) {
-
-  var silenced = {};
-
-  shared.isDeprecated = function(feature, date, advice, plural) {
-    var auxVerb = plural ? 'are' : 'is';
-    var today = new Date();
-    var expiry = new Date(date);
-    expiry.setMonth(expiry.getMonth() + 3); // 3 months grace period
-
-    if (today < expiry) {
-      if (!(feature in silenced)) {
-        console.warn('Web Animations: ' + feature + ' ' + auxVerb + ' deprecated and will stop working on ' + expiry.toDateString() + '. ' + advice);
-      }
-      silenced[feature] = true;
-      return false;
-    } else {
-      return true;
-    }
-  };
-
-  shared.deprecated = function(feature, date, advice, plural) {
-    var auxVerb = plural ? 'are' : 'is';
-    if (shared.isDeprecated(feature, date, advice, plural)) {
-      throw new Error(feature + ' ' + auxVerb + ' no longer supported. ' + advice);
-    }
-  };
-
-})(webAnimationsShared);
diff --git a/scripts/resources/web-animations-js/src/dev.js b/scripts/resources/web-animations-js/src/dev.js
deleted file mode 100644
index a5e225c08c2..00000000000
--- a/scripts/resources/web-animations-js/src/dev.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// Copyright 2014 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.
-
-var WEB_ANIMATIONS_TESTING = false;
-var webAnimationsTesting = null;
diff --git a/scripts/resources/web-animations-js/src/dimension-handler.js b/scripts/resources/web-animations-js/src/dimension-handler.js
deleted file mode 100644
index 66afe0d2e2d..00000000000
--- a/scripts/resources/web-animations-js/src/dimension-handler.js
+++ /dev/null
@@ -1,167 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  function parseDimension(unitRegExp, string) {
-    string = string.trim().toLowerCase();
-
-    if (string == '0' && 'px'.search(unitRegExp) >= 0)
-      return {px: 0};
-
-    // If we have parenthesis, we're a calc and need to start with 'calc'.
-    if (!/^[^(]*$|^calc/.test(string))
-      return;
-    string = string.replace(/calc\(/g, '(');
-
-    // We tag units by prefixing them with 'U' (note that we are already
-    // lowercase) to prevent problems with types which are substrings of
-    // each other (although prefixes may be problematic!)
-    var matchedUnits = {};
-    string = string.replace(unitRegExp, function(match) {
-      matchedUnits[match] = null;
-      return 'U' + match;
-    });
-    var taggedUnitRegExp = 'U(' + unitRegExp.source + ')';
-
-    // Validating input is simply applying as many reductions as we can.
-    var typeCheck = string.replace(/[-+]?(\d*\.)?\d+/g, 'N')
-                          .replace(new RegExp('N' + taggedUnitRegExp, 'g'), 'D')
-                          .replace(/\s[+-]\s/g, 'O')
-                          .replace(/\s/g, '');
-    var reductions = [/N\*(D)/g, /(N|D)[*/]N/g, /(N|D)O\1/g, /\((N|D)\)/g];
-    var i = 0;
-    while (i < reductions.length) {
-      if (reductions[i].test(typeCheck)) {
-        typeCheck = typeCheck.replace(reductions[i], '$1');
-        i = 0;
-      } else {
-        i++;
-      }
-    }
-    if (typeCheck != 'D')
-      return;
-
-    for (var unit in matchedUnits) {
-      var result = eval(string.replace(new RegExp('U' + unit, 'g'), '').replace(new RegExp(taggedUnitRegExp, 'g'), '*0'));
-      if (!isFinite(result))
-        return;
-      matchedUnits[unit] = result;
-    }
-    return matchedUnits;
-  }
-
-  function mergeDimensionsNonNegative(left, right) {
-    return mergeDimensions(left, right, true);
-  }
-
-  function mergeDimensions(left, right, nonNegative) {
-    var units = [], unit;
-    for (unit in left)
-      units.push(unit);
-    for (unit in right) {
-      if (units.indexOf(unit) < 0)
-        units.push(unit);
-    }
-
-    left = units.map(function(unit) { return left[unit] || 0; });
-    right = units.map(function(unit) { return right[unit] || 0; });
-    return [left, right, function(values) {
-      var result = values.map(function(value, i) {
-        if (values.length == 1 && nonNegative) {
-          value = Math.max(value, 0);
-        }
-        // Scientific notation (e.g. 1e2) is not yet widely supported by browser vendors.
-        return scope.numberToString(value) + units[i];
-      }).join(' + ');
-      return values.length > 1 ? 'calc(' + result + ')' : result;
-    }];
-  }
-
-  var lengthUnits = 'px|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc';
-  var parseLength = parseDimension.bind(null, new RegExp(lengthUnits, 'g'));
-  var parseLengthOrPercent = parseDimension.bind(null, new RegExp(lengthUnits + '|%', 'g'));
-  var parseAngle = parseDimension.bind(null, /deg|rad|grad|turn/g);
-
-  scope.parseLength = parseLength;
-  scope.parseLengthOrPercent = parseLengthOrPercent;
-  scope.consumeLengthOrPercent = scope.consumeParenthesised.bind(null, parseLengthOrPercent);
-  scope.parseAngle = parseAngle;
-  scope.mergeDimensions = mergeDimensions;
-
-  var consumeLength = scope.consumeParenthesised.bind(null, parseLength);
-  var consumeSizePair = scope.consumeRepeated.bind(undefined, consumeLength, /^/);
-  var consumeSizePairList = scope.consumeRepeated.bind(undefined, consumeSizePair, /^,/);
-  scope.consumeSizePairList = consumeSizePairList;
-
-  var parseSizePairList = function(input) {
-    var result = consumeSizePairList(input);
-    if (result && result[1] == '') {
-      return result[0];
-    }
-  };
-
-  var mergeNonNegativeSizePair = scope.mergeNestedRepeated.bind(undefined, mergeDimensionsNonNegative, ' ');
-  var mergeNonNegativeSizePairList = scope.mergeNestedRepeated.bind(undefined, mergeNonNegativeSizePair, ',');
-  scope.mergeNonNegativeSizePair = mergeNonNegativeSizePair;
-
-  scope.addPropertiesHandler(parseSizePairList, mergeNonNegativeSizePairList, [
-    'background-size'
-  ]);
-
-  scope.addPropertiesHandler(parseLengthOrPercent, mergeDimensionsNonNegative, [
-    'border-bottom-width',
-    'border-image-width',
-    'border-left-width',
-    'border-right-width',
-    'border-top-width',
-    'flex-basis',
-    'font-size',
-    'height',
-    'line-height',
-    'max-height',
-    'max-width',
-    'outline-width',
-    'width',
-  ]);
-
-  scope.addPropertiesHandler(parseLengthOrPercent, mergeDimensions, [
-    'border-bottom-left-radius',
-    'border-bottom-right-radius',
-    'border-top-left-radius',
-    'border-top-right-radius',
-    'bottom',
-    'left',
-    'letter-spacing',
-    'margin-bottom',
-    'margin-left',
-    'margin-right',
-    'margin-top',
-    'min-height',
-    'min-width',
-    'outline-offset',
-    'padding-bottom',
-    'padding-left',
-    'padding-right',
-    'padding-top',
-    'perspective',
-    'right',
-    'shape-margin',
-    'text-indent',
-    'top',
-    'vertical-align',
-    'word-spacing',
-  ]);
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/effect-callback.js b/scripts/resources/web-animations-js/src/effect-callback.js
deleted file mode 100644
index f1a88dd112b..00000000000
--- a/scripts/resources/web-animations-js/src/effect-callback.js
+++ /dev/null
@@ -1,98 +0,0 @@
-// Copyright 2014 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(shared, scope, testing) {
-
-  var nullTarget = document.createElementNS('http://www.w3.org/1999/xhtml', 'div');
-
-  var sequenceNumber = 0;
-  scope.bindAnimationForCustomEffect = function(animation) {
-    var target = animation.effect.target;
-    var effectFunction;
-    var isKeyframeEffect = typeof animation.effect.getFrames() == 'function';
-    if (isKeyframeEffect) {
-      effectFunction = animation.effect.getFrames();
-    } else {
-      effectFunction = animation.effect._onsample;
-    }
-    var timing = animation.effect.timing;
-    var last = null;
-    timing = shared.normalizeTimingInput(timing);
-    var callback = function() {
-      var t = callback._animation ? callback._animation.currentTime : null;
-      if (t !== null) {
-        t = shared.calculateTimeFraction(shared.calculateActiveDuration(timing), t, timing);
-        if (isNaN(t))
-          t = null;
-      }
-      // FIXME: There are actually more conditions under which the effectFunction
-      // should be called.
-      if (t !== last) {
-        if (isKeyframeEffect) {
-          effectFunction(t, target, animation.effect);
-        } else {
-          effectFunction(t, animation.effect, animation.effect._animation);
-        }
-      }
-      last = t;
-    };
-
-    callback._animation = animation;
-    callback._registered = false;
-    callback._sequenceNumber = sequenceNumber++;
-    animation._callback = callback;
-    register(callback);
-  };
-
-  var callbacks = [];
-  var ticking = false;
-  function register(callback) {
-    if (callback._registered)
-      return;
-    callback._registered = true;
-    callbacks.push(callback);
-    if (!ticking) {
-      ticking = true;
-      requestAnimationFrame(tick);
-    }
-  }
-
-  function tick(t) {
-    var updating = callbacks;
-    callbacks = [];
-    updating.sort(function(left, right) {
-      return left._sequenceNumber - right._sequenceNumber;
-    });
-    updating = updating.filter(function(callback) {
-      callback();
-      var playState = callback._animation ? callback._animation.playState : 'idle';
-      if (playState != 'running' && playState != 'pending')
-        callback._registered = false;
-      return callback._registered;
-    });
-    callbacks.push.apply(callbacks, updating);
-
-    if (callbacks.length) {
-      ticking = true;
-      requestAnimationFrame(tick);
-    } else {
-      ticking = false;
-    }
-  }
-
-  scope.Animation.prototype._register = function() {
-    if (this._callback)
-      register(this._callback);
-  };
-
-})(webAnimationsShared, webAnimationsNext, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/element-animatable.js b/scripts/resources/web-animations-js/src/element-animatable.js
deleted file mode 100644
index 6bcf1dce7aa..00000000000
--- a/scripts/resources/web-animations-js/src/element-animatable.js
+++ /dev/null
@@ -1,19 +0,0 @@
-// Copyright 2014 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(scope) {
-  window.Element.prototype.animate = function(effectInput, timingInput) {
-    return scope.timeline._play(scope.KeyframeEffect(this, effectInput, timingInput));
-  };
-})(webAnimations1);
diff --git a/scripts/resources/web-animations-js/src/font-weight-handler.js b/scripts/resources/web-animations-js/src/font-weight-handler.js
deleted file mode 100644
index 4760486a66c..00000000000
--- a/scripts/resources/web-animations-js/src/font-weight-handler.js
+++ /dev/null
@@ -1,42 +0,0 @@
-// Copyright 2014 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(scope) {
-  function parse(string) {
-    var out = Number(string);
-    if (isNaN(out) || out < 100 || out > 900 || out % 100 !== 0) {
-      return;
-    }
-    return out;
-  }
-
-  function toCss(value) {
-    value = Math.round(value / 100) * 100;
-    value = scope.clamp(100, 900, value);
-    if (value === 400) {
-      return 'normal';
-    }
-    if (value === 700) {
-      return 'bold';
-    }
-    return String(value);
-  }
-
-  function merge(left, right) {
-    return [left, right, toCss];
-  }
-
-  scope.addPropertiesHandler(parse, merge, ['font-weight']);
-
-})(webAnimations1);
diff --git a/scripts/resources/web-animations-js/src/group-constructors.js b/scripts/resources/web-animations-js/src/group-constructors.js
deleted file mode 100644
index 2457c220360..00000000000
--- a/scripts/resources/web-animations-js/src/group-constructors.js
+++ /dev/null
@@ -1,203 +0,0 @@
-// Copyright 2014 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(shared, scope, testing) {
-
-  function groupChildDuration(node) {
-    return node._timing.delay + node.activeDuration + node._timing.endDelay;
-  }
-
-  function constructor(children, timingInput) {
-    this._parent = null;
-    this.children = children || [];
-    this._reparent(this.children);
-    timingInput = shared.numericTimingToObject(timingInput);
-    this._timingInput = shared.cloneTimingInput(timingInput);
-    this._timing = shared.normalizeTimingInput(timingInput, true);
-    this.timing = shared.makeTiming(timingInput, true, this);
-    this.timing._effect = this;
-
-    if (this._timing.duration === 'auto') {
-      this._timing.duration = this.activeDuration;
-    }
-  }
-
-  window.SequenceEffect = function() {
-    constructor.apply(this, arguments);
-  };
-
-  window.GroupEffect = function() {
-    constructor.apply(this, arguments);
-  };
-
-  constructor.prototype = {
-    _isAncestor: function(effect) {
-      var a = this;
-      while (a !== null) {
-        if (a == effect)
-          return true;
-        a = a._parent;
-      }
-      return false;
-    },
-    _rebuild: function() {
-      // Re-calculate durations for ancestors with specified duration 'auto'.
-      var node = this;
-      while (node) {
-        if (node.timing.duration === 'auto') {
-          node._timing.duration = node.activeDuration;
-        }
-        node = node._parent;
-      }
-      if (this._animation) {
-        this._animation._rebuildUnderlyingAnimation();
-      }
-    },
-    _reparent: function(newChildren) {
-      scope.removeMulti(newChildren);
-      for (var i = 0; i < newChildren.length; i++) {
-        newChildren[i]._parent = this;
-      }
-    },
-    _putChild: function(args, isAppend) {
-      var message = isAppend ? 'Cannot append an ancestor or self' : 'Cannot prepend an ancestor or self';
-      for (var i = 0; i < args.length; i++) {
-        if (this._isAncestor(args[i])) {
-          throw {
-            type: DOMException.HIERARCHY_REQUEST_ERR,
-            name: 'HierarchyRequestError',
-            message: message
-          };
-        }
-      }
-      var oldParents = [];
-      for (var i = 0; i < args.length; i++) {
-        isAppend ? this.children.push(args[i]) : this.children.unshift(args[i]);
-      }
-      this._reparent(args);
-      this._rebuild();
-    },
-    append: function()  {
-      this._putChild(arguments, true);
-    },
-    prepend: function()  {
-      this._putChild(arguments, false);
-    },
-    get parent() {
-      return this._parent;
-    },
-    get firstChild() {
-      return this.children.length ? this.children[0] : null;
-    },
-    get lastChild() {
-      return this.children.length ? this.children[this.children.length - 1] : null;
-    },
-    clone: function() {
-      var clonedTiming = shared.cloneTimingInput(this._timingInput);
-      var clonedChildren = [];
-      for (var i = 0; i < this.children.length; i++) {
-        clonedChildren.push(this.children[i].clone());
-      }
-      return (this instanceof GroupEffect) ?
-          new GroupEffect(clonedChildren, clonedTiming) :
-          new SequenceEffect(clonedChildren, clonedTiming);
-    },
-    remove: function() {
-      scope.removeMulti([this]);
-    }
-  };
-
-  window.SequenceEffect.prototype = Object.create(constructor.prototype);
-  Object.defineProperty(
-      window.SequenceEffect.prototype,
-      'activeDuration',
-      {
-        get: function() {
-          var total = 0;
-          this.children.forEach(function(child) {
-            total += groupChildDuration(child);
-          });
-          return Math.max(total, 0);
-        }
-      });
-
-  window.GroupEffect.prototype = Object.create(constructor.prototype);
-  Object.defineProperty(
-      window.GroupEffect.prototype,
-      'activeDuration',
-      {
-        get: function() {
-          var max = 0;
-          this.children.forEach(function(child) {
-            max = Math.max(max, groupChildDuration(child));
-          });
-          return max;
-        }
-      });
-
-  scope.newUnderlyingAnimationForGroup = function(group) {
-    var underlyingAnimation;
-    var timing = null;
-    var ticker = function(tf) {
-      var animation = underlyingAnimation._wrapper;
-      if (!animation) {
-        return;
-      }
-      if (animation.playState == 'pending') {
-        return;
-      }
-      if (!animation.effect) {
-        return;
-      }
-      if (tf == null) {
-        animation._removeChildAnimations();
-        return;
-      }
-
-      // If the group has a negative playback rate and is not fill backwards/both, then it should go
-      // out of effect when it reaches the start of its active interval (tf == 0). If it is fill
-      // backwards/both then it should stay in effect. calculateTimeFraction will return 0 in the
-      // backwards-filling case, and null otherwise.
-      if (tf == 0 && animation.playbackRate < 0) {
-        if (!timing) {
-          timing = shared.normalizeTimingInput(animation.effect.timing);
-        }
-        tf = shared.calculateTimeFraction(shared.calculateActiveDuration(timing), -1, timing);
-        if (isNaN(tf) || tf == null) {
-          animation._forEachChild(function(child) {
-            child.currentTime = -1;
-          });
-          animation._removeChildAnimations();
-          return;
-        }
-      }
-    };
-
-    var underlyingEffect = new KeyframeEffect(null, [], group._timing);
-    underlyingEffect.onsample = ticker;
-    underlyingAnimation = scope.timeline._play(underlyingEffect);
-    return underlyingAnimation;
-  };
-
-  scope.bindAnimationForGroup = function(animation) {
-    animation._animation._wrapper = animation;
-    animation._isGroup = true;
-    scope.awaitStartTime(animation);
-    animation._constructChildAnimations();
-    animation._setExternalAnimation(animation);
-  };
-
-  scope.groupChildDuration = groupChildDuration;
-
-})(webAnimationsShared, webAnimationsNext, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/handler-utils.js b/scripts/resources/web-animations-js/src/handler-utils.js
deleted file mode 100644
index d9f05e17e99..00000000000
--- a/scripts/resources/web-animations-js/src/handler-utils.js
+++ /dev/null
@@ -1,177 +0,0 @@
-// Copyright 2014 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(scope) {
-
-  // consume* functions return a 2 value array of [parsed-data, '' or not-yet consumed input]
-
-  // Regex should be anchored with /^
-  function consumeToken(regex, string) {
-    var result = regex.exec(string);
-    if (result) {
-      result = regex.ignoreCase ? result[0].toLowerCase() : result[0];
-      return [result, string.substr(result.length)];
-    }
-  }
-
-  function consumeTrimmed(consumer, string) {
-    string = string.replace(/^\s*/, '');
-    var result = consumer(string);
-    if (result) {
-      return [result[0], result[1].replace(/^\s*/, '')];
-    }
-  }
-
-  function consumeRepeated(consumer, separator, string) {
-    consumer = consumeTrimmed.bind(null, consumer);
-    var list = [];
-    while (true) {
-      var result = consumer(string);
-      if (!result) {
-        return [list, string];
-      }
-      list.push(result[0]);
-      string = result[1];
-      result = consumeToken(separator, string);
-      if (!result || result[1] == '') {
-        return [list, string];
-      }
-      string = result[1];
-    }
-  }
-
-  // Consumes a token or expression with balanced parentheses
-  function consumeParenthesised(parser, string) {
-    var nesting = 0;
-    for (var n = 0; n < string.length; n++) {
-      if (/\s|,/.test(string[n]) && nesting == 0) {
-        break;
-      } else if (string[n] == '(') {
-        nesting++;
-      } else if (string[n] == ')') {
-        nesting--;
-        if (nesting == 0)
-          n++;
-        if (nesting <= 0)
-          break;
-      }
-    }
-    var parsed = parser(string.substr(0, n));
-    return parsed == undefined ? undefined : [parsed, string.substr(n)];
-  }
-
-  function lcm(a, b) {
-    var c = a;
-    var d = b;
-    while (c && d)
-      c > d ? c %= d : d %= c;
-    c = (a * b) / (c + d);
-    return c;
-  }
-
-  function ignore(value) {
-    return function(input) {
-      var result = value(input);
-      if (result)
-        result[0] = undefined;
-      return result;
-    }
-  }
-
-  function optional(value, defaultValue) {
-    return function(input) {
-      var result = value(input);
-      if (result)
-        return result;
-      return [defaultValue, input];
-    }
-  }
-
-  function consumeList(list, input) {
-    var output = [];
-    for (var i = 0; i < list.length; i++) {
-      var result = scope.consumeTrimmed(list[i], input);
-      if (!result || result[0] == '')
-        return;
-      if (result[0] !== undefined)
-        output.push(result[0]);
-      input = result[1];
-    }
-    if (input == '') {
-      return output;
-    }
-  }
-
-  function mergeWrappedNestedRepeated(wrap, nestedMerge, separator, left, right) {
-    var matchingLeft = [];
-    var matchingRight = [];
-    var reconsititution = [];
-    var length = lcm(left.length, right.length);
-    for (var i = 0; i < length; i++) {
-      var thing = nestedMerge(left[i % left.length], right[i % right.length]);
-      if (!thing) {
-        return;
-      }
-      matchingLeft.push(thing[0]);
-      matchingRight.push(thing[1]);
-      reconsititution.push(thing[2]);
-    }
-    return [matchingLeft, matchingRight, function(positions) {
-      var result = positions.map(function(position, i) {
-        return reconsititution[i](position);
-      }).join(separator);
-      return wrap ? wrap(result) : result;
-    }];
-  }
-
-  function mergeList(left, right, list) {
-    var lefts = [];
-    var rights = [];
-    var functions = [];
-    var j = 0;
-    for (var i = 0; i < list.length; i++) {
-      if (typeof list[i] == 'function') {
-        var result = list[i](left[j], right[j++]);
-        lefts.push(result[0]);
-        rights.push(result[1]);
-        functions.push(result[2]);
-      } else {
-        (function(pos) {
-          lefts.push(false);
-          rights.push(false);
-          functions.push(function() { return list[pos]; });
-        })(i);
-      }
-    }
-    return [lefts, rights, function(results) {
-      var result = '';
-      for (var i = 0; i < results.length; i++) {
-        result += functions[i](results[i]);
-      }
-      return result;
-    }];
-  }
-
-  scope.consumeToken = consumeToken;
-  scope.consumeTrimmed = consumeTrimmed;
-  scope.consumeRepeated = consumeRepeated;
-  scope.consumeParenthesised = consumeParenthesised;
-  scope.ignore = ignore;
-  scope.optional = optional;
-  scope.consumeList = consumeList;
-  scope.mergeNestedRepeated = mergeWrappedNestedRepeated.bind(null, null);
-  scope.mergeWrappedNestedRepeated = mergeWrappedNestedRepeated;
-  scope.mergeList = mergeList;
-
-})(webAnimations1);
diff --git a/scripts/resources/web-animations-js/src/interpolation.js b/scripts/resources/web-animations-js/src/interpolation.js
deleted file mode 100644
index ba63ed358fd..00000000000
--- a/scripts/resources/web-animations-js/src/interpolation.js
+++ /dev/null
@@ -1,49 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  function interpolate(from, to, f) {
-    if ((typeof from == 'number') && (typeof to == 'number')) {
-      return from * (1 - f) + to * f;
-    }
-    if ((typeof from == 'boolean') && (typeof to == 'boolean')) {
-      return f < 0.5 ? from : to;
-    }
-
-    WEB_ANIMATIONS_TESTING && console.assert(
-        Array.isArray(from) && Array.isArray(to),
-        'If interpolation arguments are not numbers or bools they must be arrays');
-
-    if (from.length == to.length) {
-      var r = [];
-      for (var i = 0; i < from.length; i++) {
-        r.push(interpolate(from[i], to[i], f));
-      }
-      return r;
-    }
-    throw 'Mismatched interpolation arguments ' + from + ':' + to;
-  }
-
-  scope.Interpolation = function(from, to, convertToString) {
-    return function(f) {
-      return convertToString(interpolate(from, to, f));
-    }
-  };
-
-  if (WEB_ANIMATIONS_TESTING) {
-    testing.interpolate = interpolate;
-  }
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/keyframe-effect-constructor.js b/scripts/resources/web-animations-js/src/keyframe-effect-constructor.js
deleted file mode 100644
index f906b14bc8b..00000000000
--- a/scripts/resources/web-animations-js/src/keyframe-effect-constructor.js
+++ /dev/null
@@ -1,177 +0,0 @@
-// Copyright 2014 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(shared, scope, testing) {
-
-  var disassociate = function(effect) {
-    effect._animation = undefined;
-    if (effect instanceof window.SequenceEffect || effect instanceof window.GroupEffect) {
-      for (var i = 0; i < effect.children.length; i++) {
-        disassociate(effect.children[i]);
-      }
-    }
-  };
-
-  scope.removeMulti = function(effects) {
-    var oldParents = [];
-    for (var i = 0; i < effects.length; i++) {
-      var effect = effects[i];
-      if (effect._parent) {
-        if (oldParents.indexOf(effect._parent) == -1) {
-          oldParents.push(effect._parent);
-        }
-        effect._parent.children.splice(effect._parent.children.indexOf(effect), 1);
-        effect._parent = null;
-        disassociate(effect);
-      } else if (effect._animation && (effect._animation.effect == effect)) {
-        effect._animation.cancel();
-        effect._animation.effect = new KeyframeEffect(null, []);
-        if (effect._animation._callback) {
-          effect._animation._callback._animation = null;
-        }
-        effect._animation._rebuildUnderlyingAnimation();
-        disassociate(effect);
-      }
-    }
-    for (i = 0; i < oldParents.length; i++) {
-      oldParents[i]._rebuild();
-    }
-  };
-
-  function KeyframeList(effectInput) {
-    this._frames = shared.normalizeKeyframes(effectInput);
-  }
-
-  scope.KeyframeEffect = function(target, effectInput, timingInput) {
-    this.target = target;
-    this._parent = null;
-
-    timingInput = shared.numericTimingToObject(timingInput);
-    this._timingInput = shared.cloneTimingInput(timingInput);
-    this._timing = shared.normalizeTimingInput(timingInput);
-
-    this.timing = shared.makeTiming(timingInput, false, this);
-    this.timing._effect = this;
-    if (typeof effectInput == 'function') {
-      shared.deprecated('Custom KeyframeEffect', '2015-06-22', 'Use KeyframeEffect.onsample instead.');
-      this._normalizedKeyframes = effectInput;
-    } else {
-      this._normalizedKeyframes = new KeyframeList(effectInput);
-    }
-    this._keyframes = effectInput;
-    this.activeDuration = shared.calculateActiveDuration(this._timing);
-    return this;
-  };
-
-  scope.KeyframeEffect.prototype = {
-    getFrames: function() {
-      if (typeof this._normalizedKeyframes == 'function')
-        return this._normalizedKeyframes;
-      return this._normalizedKeyframes._frames;
-    },
-    set onsample(callback) {
-      if (typeof this.getFrames() == 'function') {
-        throw new Error('Setting onsample on custom effect KeyframeEffect is not supported.');
-      }
-      this._onsample = callback;
-      if (this._animation) {
-        this._animation._rebuildUnderlyingAnimation();
-      }
-    },
-    get parent() {
-      return this._parent;
-    },
-    clone: function() {
-      if (typeof this.getFrames() == 'function') {
-        throw new Error('Cloning custom effects is not supported.');
-      }
-      var clone = new KeyframeEffect(this.target, [], shared.cloneTimingInput(this._timingInput));
-      clone._normalizedKeyframes = this._normalizedKeyframes;
-      clone._keyframes = this._keyframes;
-      return clone;
-    },
-    remove: function() {
-      scope.removeMulti([this]);
-    }
-  };
-
-  var originalElementAnimate = Element.prototype.animate;
-  Element.prototype.animate = function(effectInput, timing) {
-    return scope.timeline._play(new scope.KeyframeEffect(this, effectInput, timing));
-  };
-
-  var nullTarget = document.createElementNS('http://www.w3.org/1999/xhtml', 'div');
-  scope.newUnderlyingAnimationForKeyframeEffect = function(keyframeEffect) {
-    if (keyframeEffect) {
-      var target = keyframeEffect.target || nullTarget;
-      var keyframes = keyframeEffect._keyframes;
-      if (typeof keyframes == 'function') {
-        keyframes = [];
-      }
-      var timing = keyframeEffect._timingInput;
-    } else {
-      var target = nullTarget;
-      var keyframes = [];
-      var timing = 0;
-    }
-    return originalElementAnimate.apply(target, [keyframes, timing]);
-  };
-
-  // TODO: Remove this once we remove support for custom KeyframeEffects.
-  scope.bindAnimationForKeyframeEffect = function(animation) {
-    if (animation.effect && typeof animation.effect._normalizedKeyframes == 'function') {
-      scope.bindAnimationForCustomEffect(animation);
-    }
-  };
-
-  var pendingGroups = [];
-  scope.awaitStartTime = function(groupAnimation) {
-    if (groupAnimation.startTime !== null || !groupAnimation._isGroup)
-      return;
-    if (pendingGroups.length == 0) {
-      requestAnimationFrame(updatePendingGroups);
-    }
-    pendingGroups.push(groupAnimation);
-  };
-  function updatePendingGroups() {
-    var updated = false;
-    while (pendingGroups.length) {
-      var group = pendingGroups.shift();
-      group._updateChildren();
-      updated = true;
-    }
-    return updated;
-  }
-  var originalGetComputedStyle = window.getComputedStyle;
-  Object.defineProperty(window, 'getComputedStyle', {
-    configurable: true,
-    enumerable: true,
-    value: function() {
-      window.document.timeline._updateAnimationsPromises();
-      var result = originalGetComputedStyle.apply(this, arguments);
-      if (updatePendingGroups())
-        result = originalGetComputedStyle.apply(this, arguments);
-      window.document.timeline._updateAnimationsPromises();
-      return result;
-    },
-  });
-
-  window.KeyframeEffect = scope.KeyframeEffect;
-  window.Element.prototype.getAnimations = function() {
-    return document.timeline.getAnimations().filter(function(animation) {
-      return animation.effect !== null && animation.effect.target == this;
-    }.bind(this));
-  };
-
-}(webAnimationsShared, webAnimationsNext, webAnimationsTesting));
diff --git a/scripts/resources/web-animations-js/src/keyframe-effect.js b/scripts/resources/web-animations-js/src/keyframe-effect.js
deleted file mode 100644
index c910d35e039..00000000000
--- a/scripts/resources/web-animations-js/src/keyframe-effect.js
+++ /dev/null
@@ -1,80 +0,0 @@
-// Copyright 2014 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(shared, scope, testing) {
-
-  function EffectTime(timing) {
-    var timeFraction = 0;
-    var activeDuration = shared.calculateActiveDuration(timing);
-    var effectTime = function(localTime) {
-      return shared.calculateTimeFraction(activeDuration, localTime, timing);
-    };
-    effectTime._totalDuration = timing.delay + activeDuration + timing.endDelay;
-    effectTime._isCurrent = function(localTime) {
-      var phase = shared.calculatePhase(activeDuration, localTime, timing);
-      return phase === PhaseActive || phase === PhaseBefore;
-    };
-    return effectTime;
-  }
-
-  scope.KeyframeEffect = function(target, effectInput, timingInput) {
-    var effectTime = EffectTime(shared.normalizeTimingInput(timingInput));
-    var interpolations = scope.convertEffectInput(effectInput);
-    var timeFraction;
-    var keyframeEffect = function() {
-      WEB_ANIMATIONS_TESTING && console.assert(typeof timeFraction !== 'undefined');
-      interpolations(target, timeFraction);
-    };
-    // Returns whether the keyframeEffect is in effect or not after the timing update.
-    keyframeEffect._update = function(localTime) {
-      timeFraction = effectTime(localTime);
-      return timeFraction !== null;
-    };
-    keyframeEffect._clear = function() {
-      interpolations(target, null);
-    };
-    keyframeEffect._hasSameTarget = function(otherTarget) {
-      return target === otherTarget;
-    };
-    keyframeEffect._isCurrent = effectTime._isCurrent;
-    keyframeEffect._totalDuration = effectTime._totalDuration;
-    return keyframeEffect;
-  };
-
-  scope.NullEffect = function(clear) {
-    var nullEffect = function() {
-      if (clear) {
-        clear();
-        clear = null;
-      }
-    };
-    nullEffect._update = function() {
-      return null;
-    };
-    nullEffect._totalDuration = 0;
-    nullEffect._isCurrent = function() {
-      return false;
-    };
-    nullEffect._hasSameTarget = function() {
-      return false;
-    };
-    return nullEffect;
-  };
-
-  if (WEB_ANIMATIONS_TESTING) {
-    testing.webAnimations1KeyframeEffect = scope.KeyframeEffect;
-    testing.effectTime = EffectTime;
-  }
-
-})(webAnimationsShared, webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/keyframe-interpolations.js b/scripts/resources/web-animations-js/src/keyframe-interpolations.js
deleted file mode 100644
index 4a8f850e8fe..00000000000
--- a/scripts/resources/web-animations-js/src/keyframe-interpolations.js
+++ /dev/null
@@ -1,117 +0,0 @@
-// Copyright 2014 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(shared, scope, testing) {
-
-  scope.convertEffectInput = function(effectInput) {
-    var keyframes = shared.normalizeKeyframes(effectInput);
-    var propertySpecificKeyframeGroups = makePropertySpecificKeyframeGroups(keyframes);
-    var interpolations = makeInterpolations(propertySpecificKeyframeGroups);
-    return function(target, fraction) {
-      if (fraction != null) {
-        interpolations.filter(function(interpolation) {
-          return (fraction <= 0 && interpolation.startTime == 0) ||
-                 (fraction >= 1 && interpolation.endTime == 1) ||
-                 (fraction >= interpolation.startTime && fraction <= interpolation.endTime);
-        }).forEach(function(interpolation) {
-          var offsetFraction = fraction - interpolation.startTime;
-          var localDuration = interpolation.endTime - interpolation.startTime;
-          var scaledLocalTime = localDuration == 0 ? 0 : interpolation.easing(offsetFraction / localDuration);
-          scope.apply(target, interpolation.property, interpolation.interpolation(scaledLocalTime));
-        });
-      } else {
-
-        // IONIC HACK!
-        // DO NOT CLEAR OUT THE INLINE STYLE HERE
-        // IONIC ANIMATE SETS INLINE STYLES ITSELF AND THE WEB ANIMATIONS API WILL
-        // OVERWRITE IONIC DUE TO THE ASYNC PROMISES THAT FIRE OFF AFTER ONFINISH
-
-        // for (var property in propertySpecificKeyframeGroups)
-        //   if (property != 'offset' && property != 'easing' && property != 'composite')
-        //     scope.clear(target, property);
-
-      }
-    };
-  };
-
-
-  function makePropertySpecificKeyframeGroups(keyframes) {
-    var propertySpecificKeyframeGroups = {};
-
-    for (var i = 0; i < keyframes.length; i++) {
-      for (var member in keyframes[i]) {
-        if (member != 'offset' && member != 'easing' && member != 'composite') {
-          var propertySpecificKeyframe = {
-            offset: keyframes[i].offset,
-            easing: keyframes[i].easing,
-            value: keyframes[i][member]
-          };
-          propertySpecificKeyframeGroups[member] = propertySpecificKeyframeGroups[member] || [];
-          propertySpecificKeyframeGroups[member].push(propertySpecificKeyframe);
-        }
-      }
-    }
-
-    for (var groupName in propertySpecificKeyframeGroups) {
-      var group = propertySpecificKeyframeGroups[groupName];
-      if (group[0].offset != 0 || group[group.length - 1].offset != 1) {
-        throw {
-          type: DOMException.NOT_SUPPORTED_ERR,
-          name: 'NotSupportedError',
-          message: 'Partial keyframes are not supported'
-        };
-      }
-    }
-    return propertySpecificKeyframeGroups;
-  }
-
-
-  function makeInterpolations(propertySpecificKeyframeGroups) {
-    var interpolations = [];
-    for (var groupName in propertySpecificKeyframeGroups) {
-      var group = propertySpecificKeyframeGroups[groupName];
-      for (var i = 0; i < group.length - 1; i++) {
-        var startTime = group[i].offset;
-        var endTime = group[i + 1].offset;
-        var startValue = group[i].value;
-        var endValue = group[i + 1].value;
-        if (startTime == endTime) {
-          if (endTime == 1) {
-            startValue = endValue;
-          } else {
-            endValue = startValue;
-          }
-        }
-        interpolations.push({
-          startTime: startTime,
-          endTime: endTime,
-          easing: group[i].easing,
-          property: groupName,
-          interpolation: scope.propertyInterpolation(groupName, startValue, endValue)
-        });
-      }
-    }
-    interpolations.sort(function(leftInterpolation, rightInterpolation) {
-      return leftInterpolation.startTime - rightInterpolation.startTime;
-    });
-    return interpolations;
-  }
-
-
-  if (WEB_ANIMATIONS_TESTING) {
-    testing.makePropertySpecificKeyframeGroups = makePropertySpecificKeyframeGroups;
-    testing.makeInterpolations = makeInterpolations;
-  }
-
-})(webAnimationsShared, webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/matrix-decomposition.js b/scripts/resources/web-animations-js/src/matrix-decomposition.js
deleted file mode 100644
index 4ba99deacaa..00000000000
--- a/scripts/resources/web-animations-js/src/matrix-decomposition.js
+++ /dev/null
@@ -1,446 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-  var decomposeMatrix = (function() {
-    function determinant(m) {
-      return m[0][0] * m[1][1] * m[2][2] +
-             m[1][0] * m[2][1] * m[0][2] +
-             m[2][0] * m[0][1] * m[1][2] -
-             m[0][2] * m[1][1] * m[2][0] -
-             m[1][2] * m[2][1] * m[0][0] -
-             m[2][2] * m[0][1] * m[1][0];
-    }
-
-    // from Wikipedia:
-    //
-    // [A B]^-1 = [A^-1 + A^-1B(D - CA^-1B)^-1CA^-1     -A^-1B(D - CA^-1B)^-1]
-    // [C D]      [-(D - CA^-1B)^-1CA^-1                (D - CA^-1B)^-1      ]
-    //
-    // Therefore
-    //
-    // [A [0]]^-1 = [A^-1       [0]]
-    // [C  1 ]      [ -CA^-1     1 ]
-    function inverse(m) {
-      var iDet = 1 / determinant(m);
-      var a = m[0][0], b = m[0][1], c = m[0][2];
-      var d = m[1][0], e = m[1][1], f = m[1][2];
-      var g = m[2][0], h = m[2][1], k = m[2][2];
-      var Ainv = [
-        [(e * k - f * h) * iDet, (c * h - b * k) * iDet,
-         (b * f - c * e) * iDet, 0],
-        [(f * g - d * k) * iDet, (a * k - c * g) * iDet,
-         (c * d - a * f) * iDet, 0],
-        [(d * h - e * g) * iDet, (g * b - a * h) * iDet,
-         (a * e - b * d) * iDet, 0]
-      ];
-      var lastRow = [];
-      for (var i = 0; i < 3; i++) {
-        var val = 0;
-        for (var j = 0; j < 3; j++) {
-          val += m[3][j] * Ainv[j][i];
-        }
-        lastRow.push(val);
-      }
-      lastRow.push(1);
-      Ainv.push(lastRow);
-      return Ainv;
-    }
-
-    function transposeMatrix4(m) {
-      return [[m[0][0], m[1][0], m[2][0], m[3][0]],
-              [m[0][1], m[1][1], m[2][1], m[3][1]],
-              [m[0][2], m[1][2], m[2][2], m[3][2]],
-              [m[0][3], m[1][3], m[2][3], m[3][3]]];
-    }
-
-    function multVecMatrix(v, m) {
-      var result = [];
-      for (var i = 0; i < 4; i++) {
-        var val = 0;
-        for (var j = 0; j < 4; j++) {
-          val += v[j] * m[j][i];
-        }
-        result.push(val);
-      }
-      return result;
-    }
-
-    function normalize(v) {
-      var len = length(v);
-      return [v[0] / len, v[1] / len, v[2] / len];
-    }
-
-    function length(v) {
-      return Math.sqrt(v[0] * v[0] + v[1] * v[1] + v[2] * v[2]);
-    }
-
-    function combine(v1, v2, v1s, v2s) {
-      return [v1s * v1[0] + v2s * v2[0], v1s * v1[1] + v2s * v2[1],
-              v1s * v1[2] + v2s * v2[2]];
-    }
-
-    function cross(v1, v2) {
-      return [v1[1] * v2[2] - v1[2] * v2[1],
-              v1[2] * v2[0] - v1[0] * v2[2],
-              v1[0] * v2[1] - v1[1] * v2[0]];
-    }
-
-    function decomposeMatrix(matrix) {
-      var m3d = [
-        matrix.slice(0, 4),
-        matrix.slice(4, 8),
-        matrix.slice(8, 12),
-        matrix.slice(12, 16)
-      ];
-
-      // skip normalization step as m3d[3][3] should always be 1
-      if (m3d[3][3] !== 1) {
-        return null;
-      }
-
-      var perspectiveMatrix = [];
-      for (var i = 0; i < 4; i++) {
-        perspectiveMatrix.push(m3d[i].slice());
-      }
-
-      for (var i = 0; i < 3; i++) {
-        perspectiveMatrix[i][3] = 0;
-      }
-
-      if (determinant(perspectiveMatrix) === 0) {
-        return false;
-      }
-
-      var rhs = [];
-
-      var perspective;
-      if (m3d[0][3] || m3d[1][3] || m3d[2][3]) {
-        rhs.push(m3d[0][3]);
-        rhs.push(m3d[1][3]);
-        rhs.push(m3d[2][3]);
-        rhs.push(m3d[3][3]);
-
-        var inversePerspectiveMatrix = inverse(perspectiveMatrix);
-        var transposedInversePerspectiveMatrix =
-            transposeMatrix4(inversePerspectiveMatrix);
-        perspective = multVecMatrix(rhs, transposedInversePerspectiveMatrix);
-      } else {
-        perspective = [0, 0, 0, 1];
-      }
-
-      var translate = m3d[3].slice(0, 3);
-
-      var row = [];
-      row.push(m3d[0].slice(0, 3));
-      var scale = [];
-      scale.push(length(row[0]));
-      row[0] = normalize(row[0]);
-
-      var skew = [];
-      row.push(m3d[1].slice(0, 3));
-      skew.push(dot(row[0], row[1]));
-      row[1] = combine(row[1], row[0], 1.0, -skew[0]);
-
-      scale.push(length(row[1]));
-      row[1] = normalize(row[1]);
-      skew[0] /= scale[1];
-
-      row.push(m3d[2].slice(0, 3));
-      skew.push(dot(row[0], row[2]));
-      row[2] = combine(row[2], row[0], 1.0, -skew[1]);
-      skew.push(dot(row[1], row[2]));
-      row[2] = combine(row[2], row[1], 1.0, -skew[2]);
-
-      scale.push(length(row[2]));
-      row[2] = normalize(row[2]);
-      skew[1] /= scale[2];
-      skew[2] /= scale[2];
-
-      var pdum3 = cross(row[1], row[2]);
-      if (dot(row[0], pdum3) < 0) {
-        for (var i = 0; i < 3; i++) {
-          scale[i] *= -1;
-          row[i][0] *= -1;
-          row[i][1] *= -1;
-          row[i][2] *= -1;
-        }
-      }
-
-      var t = row[0][0] + row[1][1] + row[2][2] + 1;
-      var s;
-      var quaternion;
-
-      if (t > 1e-4) {
-        s = 0.5 / Math.sqrt(t);
-        quaternion = [
-          (row[2][1] - row[1][2]) * s,
-          (row[0][2] - row[2][0]) * s,
-          (row[1][0] - row[0][1]) * s,
-          0.25 / s
-        ];
-      } else if (row[0][0] > row[1][1] && row[0][0] > row[2][2]) {
-        s = Math.sqrt(1 + row[0][0] - row[1][1] - row[2][2]) * 2.0;
-        quaternion = [
-          0.25 * s,
-          (row[0][1] + row[1][0]) / s,
-          (row[0][2] + row[2][0]) / s,
-          (row[2][1] - row[1][2]) / s
-        ];
-      } else if (row[1][1] > row[2][2]) {
-        s = Math.sqrt(1.0 + row[1][1] - row[0][0] - row[2][2]) * 2.0;
-        quaternion = [
-          (row[0][1] + row[1][0]) / s,
-          0.25 * s,
-          (row[1][2] + row[2][1]) / s,
-          (row[0][2] - row[2][0]) / s
-        ];
-      } else {
-        s = Math.sqrt(1.0 + row[2][2] - row[0][0] - row[1][1]) * 2.0;
-        quaternion = [
-          (row[0][2] + row[2][0]) / s,
-          (row[1][2] + row[2][1]) / s,
-          0.25 * s,
-          (row[1][0] - row[0][1]) / s
-        ];
-      }
-
-      return [translate, scale, skew, quaternion, perspective];
-    }
-    return decomposeMatrix;
-  })();
-
-  function dot(v1, v2) {
-    var result = 0;
-    for (var i = 0; i < v1.length; i++) {
-      result += v1[i] * v2[i];
-    }
-    return result;
-  }
-
-  function multiplyMatrices(a, b) {
-    return [
-      a[0] * b[0] + a[4] * b[1] + a[8] * b[2] + a[12] * b[3],
-      a[1] * b[0] + a[5] * b[1] + a[9] * b[2] + a[13] * b[3],
-      a[2] * b[0] + a[6] * b[1] + a[10] * b[2] + a[14] * b[3],
-      a[3] * b[0] + a[7] * b[1] + a[11] * b[2] + a[15] * b[3],
-
-      a[0] * b[4] + a[4] * b[5] + a[8] * b[6] + a[12] * b[7],
-      a[1] * b[4] + a[5] * b[5] + a[9] * b[6] + a[13] * b[7],
-      a[2] * b[4] + a[6] * b[5] + a[10] * b[6] + a[14] * b[7],
-      a[3] * b[4] + a[7] * b[5] + a[11] * b[6] + a[15] * b[7],
-
-      a[0] * b[8] + a[4] * b[9] + a[8] * b[10] + a[12] * b[11],
-      a[1] * b[8] + a[5] * b[9] + a[9] * b[10] + a[13] * b[11],
-      a[2] * b[8] + a[6] * b[9] + a[10] * b[10] + a[14] * b[11],
-      a[3] * b[8] + a[7] * b[9] + a[11] * b[10] + a[15] * b[11],
-
-      a[0] * b[12] + a[4] * b[13] + a[8] * b[14] + a[12] * b[15],
-      a[1] * b[12] + a[5] * b[13] + a[9] * b[14] + a[13] * b[15],
-      a[2] * b[12] + a[6] * b[13] + a[10] * b[14] + a[14] * b[15],
-      a[3] * b[12] + a[7] * b[13] + a[11] * b[14] + a[15] * b[15]
-    ];
-  }
-
-  function convertItemToMatrix(item) {
-    switch (item.t) {
-      case 'rotatex':
-        var rads = item.d[0].rad || 0;
-        var degs = item.d[0].deg || 0;
-        var angle = (degs * Math.PI / 180) + rads;
-        return [1, 0, 0, 0,
-                0, Math.cos(angle), Math.sin(angle), 0,
-                0, -Math.sin(angle), Math.cos(angle), 0,
-                0, 0, 0, 1];
-      case 'rotatey':
-        var rads = item.d[0].rad || 0;
-        var degs = item.d[0].deg || 0;
-        var angle = (degs * Math.PI / 180) + rads;
-        return [Math.cos(angle), 0, -Math.sin(angle), 0,
-                0, 1, 0, 0,
-                Math.sin(angle), 0, Math.cos(angle), 0,
-                0, 0, 0, 1];
-      case 'rotate':
-      case 'rotatez':
-        var rads = item.d[0].rad || 0;
-        var degs = item.d[0].deg || 0;
-        var angle = (degs * Math.PI / 180) + rads;
-        return [Math.cos(angle), Math.sin(angle), 0, 0,
-                -Math.sin(angle), Math.cos(angle), 0, 0,
-                0, 0, 1, 0,
-                0, 0, 0, 1];
-      case 'rotate3d':
-        var x = item.d[0];
-        var y = item.d[1];
-        var z = item.d[2];
-        var rads = item.d[3].rad || 0;
-        var degs = item.d[3].deg || 0;
-        var angle = (degs * Math.PI / 180) + rads;
-
-        var sqrLength = x * x + y * y + z * z;
-        if (sqrLength === 0) {
-          x = 1;
-          y = 0;
-          z = 0;
-        } else if (sqrLength !== 1) {
-          var length = Math.sqrt(sqrLength);
-          x /= length;
-          y /= length;
-          z /= length;
-        }
-
-        var s = Math.sin(angle / 2);
-        var sc = s * Math.cos(angle / 2);
-        var sq = s * s;
-        return [
-          1 - 2 * (y * y + z * z) * sq,
-          2 * (x * y * sq + z * sc),
-          2 * (x * z * sq - y * sc),
-          0,
-
-          2 * (x * y * sq - z * sc),
-          1 - 2 * (x * x + z * z) * sq,
-          2 * (y * z * sq + x * sc),
-          0,
-
-          2 * (x * z * sq + y * sc),
-          2 * (y * z * sq - x * sc),
-          1 - 2 * (x * x + y * y) * sq,
-          0,
-
-          0, 0, 0, 1
-        ];
-      case 'scale':
-        return [item.d[0], 0, 0, 0,
-                0, item.d[1], 0, 0,
-                0, 0, 1, 0,
-                0, 0, 0, 1];
-      case 'scalex':
-        return [item.d[0], 0, 0, 0,
-                0, 1, 0, 0,
-                0, 0, 1, 0,
-                0, 0, 0, 1];
-      case 'scaley':
-        return [1, 0, 0, 0,
-                0, item.d[0], 0, 0,
-                0, 0, 1, 0,
-                0, 0, 0, 1];
-      case 'scalez':
-        return [1, 0, 0, 0,
-                0, 1, 0, 0,
-                0, 0, item.d[0], 0,
-                0, 0, 0, 1];
-      case 'scale3d':
-        return [item.d[0], 0, 0, 0,
-                0, item.d[1], 0, 0,
-                0, 0, item.d[2], 0,
-                0, 0, 0, 1];
-      case 'skew':
-        var xDegs = item.d[0].deg || 0;
-        var xRads = item.d[0].rad || 0;
-        var yDegs = item.d[1].deg || 0;
-        var yRads = item.d[1].rad || 0;
-        var xAngle = (xDegs * Math.PI / 180) + xRads;
-        var yAngle = (yDegs * Math.PI / 180) + yRads;
-        return [1, Math.tan(yAngle), 0, 0,
-                Math.tan(xAngle), 1, 0, 0,
-                0, 0, 1, 0,
-                0, 0, 0, 1];
-      case 'skewx':
-        var rads = item.d[0].rad || 0;
-        var degs = item.d[0].deg || 0;
-        var angle = (degs * Math.PI / 180) + rads;
-        return [1, 0, 0, 0,
-                Math.tan(angle), 1, 0, 0,
-                0, 0, 1, 0,
-                0, 0, 0, 1];
-      case 'skewy':
-        var rads = item.d[0].rad || 0;
-        var degs = item.d[0].deg || 0;
-        var angle = (degs * Math.PI / 180) + rads;
-        return [1, Math.tan(angle), 0, 0,
-                0, 1, 0, 0,
-                0, 0, 1, 0,
-                0, 0, 0, 1];
-      case 'translate':
-        var x = item.d[0].px || 0;
-        var y = item.d[1].px || 0;
-        return [1, 0, 0, 0,
-                0, 1, 0, 0,
-                0, 0, 1, 0,
-                x, y, 0, 1];
-      case 'translatex':
-        var x = item.d[0].px || 0;
-        return [1, 0, 0, 0,
-                0, 1, 0, 0,
-                0, 0, 1, 0,
-                x, 0, 0, 1];
-      case 'translatey':
-        var y = item.d[0].px || 0;
-        return [1, 0, 0, 0,
-                0, 1, 0, 0,
-                0, 0, 1, 0,
-                0, y, 0, 1];
-      case 'translatez':
-        var z = item.d[0].px || 0;
-        return [1, 0, 0, 0,
-                0, 1, 0, 0,
-                0, 0, 1, 0,
-                0, 0, z, 1];
-      case 'translate3d':
-        var x = item.d[0].px || 0;
-        var y = item.d[1].px || 0;
-        var z = item.d[2].px || 0;
-        return [1, 0, 0, 0,
-                0, 1, 0, 0,
-                0, 0, 1, 0,
-                x, y, z, 1];
-      case 'perspective':
-        var p = item.d[0].px ? (-1 / item.d[0].px) : 0;
-        return [
-          1, 0, 0, 0,
-          0, 1, 0, 0,
-          0, 0, 1, p,
-          0, 0, 0, 1];
-      case 'matrix':
-        return [item.d[0], item.d[1], 0, 0,
-                item.d[2], item.d[3], 0, 0,
-                0, 0, 1, 0,
-                item.d[4], item.d[5], 0, 1];
-      case 'matrix3d':
-        return item.d;
-      default:
-        WEB_ANIMATIONS_TESTING && console.assert(false, 'Transform item type ' + item.t +
-            ' conversion to matrix not yet implemented.');
-    }
-  }
-
-  function convertToMatrix(transformList) {
-    if (transformList.length === 0) {
-      return [1, 0, 0, 0,
-              0, 1, 0, 0,
-              0, 0, 1, 0,
-              0, 0, 0, 1];
-    }
-    return transformList.map(convertItemToMatrix).reduce(multiplyMatrices);
-  }
-
-  function makeMatrixDecomposition(transformList) {
-    return [decomposeMatrix(convertToMatrix(transformList))];
-  }
-
-  scope.dot = dot;
-  scope.makeMatrixDecomposition = makeMatrixDecomposition;
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/matrix-interpolation.js b/scripts/resources/web-animations-js/src/matrix-interpolation.js
deleted file mode 100644
index 9a35de3bef3..00000000000
--- a/scripts/resources/web-animations-js/src/matrix-interpolation.js
+++ /dev/null
@@ -1,130 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-  var composeMatrix = (function() {
-    function multiply(a, b) {
-      var result = [[0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0]];
-      for (var i = 0; i < 4; i++) {
-        for (var j = 0; j < 4; j++) {
-          for (var k = 0; k < 4; k++) {
-            result[i][j] += b[i][k] * a[k][j];
-          }
-        }
-      }
-      return result;
-    }
-
-    function is2D(m) {
-      return (
-          m[0][2] == 0 &&
-          m[0][3] == 0 &&
-          m[1][2] == 0 &&
-          m[1][3] == 0 &&
-          m[2][0] == 0 &&
-          m[2][1] == 0 &&
-          m[2][2] == 1 &&
-          m[2][3] == 0 &&
-          m[3][2] == 0 &&
-          m[3][3] == 1);
-    }
-
-    function composeMatrix(translate, scale, skew, quat, perspective) {
-      var matrix = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1]];
-
-      for (var i = 0; i < 4; i++) {
-        matrix[i][3] = perspective[i];
-      }
-
-      for (var i = 0; i < 3; i++) {
-        for (var j = 0; j < 3; j++) {
-          matrix[3][i] += translate[j] * matrix[j][i];
-        }
-      }
-
-      var x = quat[0], y = quat[1], z = quat[2], w = quat[3];
-
-      var rotMatrix = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1]];
-
-      rotMatrix[0][0] = 1 - 2 * (y * y + z * z);
-      rotMatrix[0][1] = 2 * (x * y - z * w);
-      rotMatrix[0][2] = 2 * (x * z + y * w);
-      rotMatrix[1][0] = 2 * (x * y + z * w);
-      rotMatrix[1][1] = 1 - 2 * (x * x + z * z);
-      rotMatrix[1][2] = 2 * (y * z - x * w);
-      rotMatrix[2][0] = 2 * (x * z - y * w);
-      rotMatrix[2][1] = 2 * (y * z + x * w);
-      rotMatrix[2][2] = 1 - 2 * (x * x + y * y);
-
-      matrix = multiply(matrix, rotMatrix);
-
-      var temp = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1]];
-      if (skew[2]) {
-        temp[2][1] = skew[2];
-        matrix = multiply(matrix, temp);
-      }
-
-      if (skew[1]) {
-        temp[2][1] = 0;
-        temp[2][0] = skew[0];
-        matrix = multiply(matrix, temp);
-      }
-
-      if (skew[0]) {
-        temp[2][0] = 0;
-        temp[1][0] = skew[0];
-        matrix = multiply(matrix, temp);
-      }
-
-      for (var i = 0; i < 3; i++) {
-        for (var j = 0; j < 3; j++) {
-          matrix[i][j] *= scale[i];
-        }
-      }
-
-      if (is2D(matrix)) {
-        return [matrix[0][0], matrix[0][1], matrix[1][0], matrix[1][1], matrix[3][0], matrix[3][1]];
-      }
-      return matrix[0].concat(matrix[1], matrix[2], matrix[3]);
-    }
-    return composeMatrix;
-  })();
-
-  function clamp(x, min, max) {
-    return Math.max(Math.min(x, max), min);
-  };
-
-  function quat(fromQ, toQ, f) {
-    var product = scope.dot(fromQ, toQ);
-    product = clamp(product, -1.0, 1.0);
-
-    var quat = [];
-    if (product === 1.0) {
-      quat = fromQ;
-    } else {
-      var theta = Math.acos(product);
-      var w = Math.sin(f * theta) * 1 / Math.sqrt(1 - product * product);
-
-      for (var i = 0; i < 4; i++) {
-        quat.push(fromQ[i] * (Math.cos(f * theta) - product * w) +
-                  toQ[i] * w);
-      }
-    }
-    return quat;
-  }
-
-  scope.composeMatrix = composeMatrix;
-  scope.quat = quat;
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/normalize-keyframes.js b/scripts/resources/web-animations-js/src/normalize-keyframes.js
deleted file mode 100644
index dbab8bf87ab..00000000000
--- a/scripts/resources/web-animations-js/src/normalize-keyframes.js
+++ /dev/null
@@ -1,259 +0,0 @@
-// Copyright 2014 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(shared, testing) {
-  var shorthandToLonghand = {
-    background: [
-      'backgroundImage',
-      'backgroundPosition',
-      'backgroundSize',
-      'backgroundRepeat',
-      'backgroundAttachment',
-      'backgroundOrigin',
-      'backgroundClip',
-      'backgroundColor'
-    ],
-    border: [
-      'borderTopColor',
-      'borderTopStyle',
-      'borderTopWidth',
-      'borderRightColor',
-      'borderRightStyle',
-      'borderRightWidth',
-      'borderBottomColor',
-      'borderBottomStyle',
-      'borderBottomWidth',
-      'borderLeftColor',
-      'borderLeftStyle',
-      'borderLeftWidth'
-    ],
-    borderBottom: [
-      'borderBottomWidth',
-      'borderBottomStyle',
-      'borderBottomColor'
-    ],
-    borderColor: [
-      'borderTopColor',
-      'borderRightColor',
-      'borderBottomColor',
-      'borderLeftColor'
-    ],
-    borderLeft: [
-      'borderLeftWidth',
-      'borderLeftStyle',
-      'borderLeftColor'
-    ],
-    borderRadius: [
-      'borderTopLeftRadius',
-      'borderTopRightRadius',
-      'borderBottomRightRadius',
-      'borderBottomLeftRadius'
-    ],
-    borderRight: [
-      'borderRightWidth',
-      'borderRightStyle',
-      'borderRightColor'
-    ],
-    borderTop: [
-      'borderTopWidth',
-      'borderTopStyle',
-      'borderTopColor'
-    ],
-    borderWidth: [
-      'borderTopWidth',
-      'borderRightWidth',
-      'borderBottomWidth',
-      'borderLeftWidth'
-    ],
-    flex: [
-      'flexGrow',
-      'flexShrink',
-      'flexBasis'
-    ],
-    font: [
-      'fontFamily',
-      'fontSize',
-      'fontStyle',
-      'fontVariant',
-      'fontWeight',
-      'lineHeight'
-    ],
-    margin: [
-      'marginTop',
-      'marginRight',
-      'marginBottom',
-      'marginLeft'
-    ],
-    outline: [
-      'outlineColor',
-      'outlineStyle',
-      'outlineWidth'
-    ],
-    padding: [
-      'paddingTop',
-      'paddingRight',
-      'paddingBottom',
-      'paddingLeft'
-    ]
-  };
-
-  var shorthandExpanderElem = document.createElementNS('http://www.w3.org/1999/xhtml', 'div');
-
-  var borderWidthAliases = {
-    thin: '1px',
-    medium: '3px',
-    thick: '5px'
-  };
-
-  var aliases = {
-    borderBottomWidth: borderWidthAliases,
-    borderLeftWidth: borderWidthAliases,
-    borderRightWidth: borderWidthAliases,
-    borderTopWidth: borderWidthAliases,
-    fontSize: {
-      'xx-small': '60%',
-      'x-small': '75%',
-      'small': '89%',
-      'medium': '100%',
-      'large': '120%',
-      'x-large': '150%',
-      'xx-large': '200%'
-    },
-    fontWeight: {
-      normal: '400',
-      bold: '700'
-    },
-    outlineWidth: borderWidthAliases,
-    textShadow: {
-      none: '0px 0px 0px transparent'
-    },
-    boxShadow: {
-      none: '0px 0px 0px 0px transparent'
-    }
-  };
-
-  function antiAlias(property, value) {
-    if (property in aliases) {
-      return aliases[property][value] || value;
-    }
-    return value;
-  }
-
-  // This delegates parsing shorthand value syntax to the browser.
-  function expandShorthandAndAntiAlias(property, value, result) {
-    var longProperties = shorthandToLonghand[property];
-    if (longProperties) {
-      shorthandExpanderElem.style[property] = value;
-      for (var i in longProperties) {
-        var longProperty = longProperties[i];
-        var longhandValue = shorthandExpanderElem.style[longProperty];
-        result[longProperty] = antiAlias(longProperty, longhandValue);
-      }
-    } else {
-      result[property] = antiAlias(property, value);
-    }
-  };
-
-  function normalizeKeyframes(effectInput) {
-    if (!Array.isArray(effectInput) && effectInput !== null)
-      throw new TypeError('Keyframes must be null or an array of keyframes');
-
-    if (effectInput == null)
-      return [];
-
-    var keyframes = effectInput.map(function(originalKeyframe) {
-      var keyframe = {};
-      for (var member in originalKeyframe) {
-        var memberValue = originalKeyframe[member];
-        if (member == 'offset') {
-          if (memberValue != null) {
-            memberValue = Number(memberValue);
-            if (!isFinite(memberValue))
-              throw new TypeError('keyframe offsets must be numbers.');
-          }
-        } else if (member == 'composite') {
-          throw {
-            type: DOMException.NOT_SUPPORTED_ERR,
-            name: 'NotSupportedError',
-            message: 'add compositing is not supported'
-          };
-        } else if (member == 'easing') {
-          memberValue = shared.toTimingFunction(memberValue);
-        } else {
-          memberValue = '' + memberValue;
-        }
-        expandShorthandAndAntiAlias(member, memberValue, keyframe);
-      }
-      if (keyframe.offset == undefined)
-        keyframe.offset = null;
-      if (keyframe.easing == undefined)
-        keyframe.easing = shared.toTimingFunction('linear');
-      return keyframe;
-    });
-
-    var everyFrameHasOffset = true;
-    var looselySortedByOffset = true;
-    var previousOffset = -Infinity;
-    for (var i = 0; i < keyframes.length; i++) {
-      var offset = keyframes[i].offset;
-      if (offset != null) {
-        if (offset < previousOffset) {
-          throw {
-            code: DOMException.INVALID_MODIFICATION_ERR,
-            name: 'InvalidModificationError',
-            message: 'Keyframes are not loosely sorted by offset. Sort or specify offsets.'
-          };
-        }
-        previousOffset = offset;
-      } else {
-        everyFrameHasOffset = false;
-      }
-    }
-
-    keyframes = keyframes.filter(function(keyframe) {
-      return keyframe.offset >= 0 && keyframe.offset <= 1;
-    });
-
-    function spaceKeyframes() {
-      var length = keyframes.length;
-      if (keyframes[length - 1].offset == null)
-        keyframes[length - 1].offset = 1;
-      if (length > 1 && keyframes[0].offset == null)
-        keyframes[0].offset = 0;
-
-      var previousIndex = 0;
-      var previousOffset = keyframes[0].offset;
-      for (var i = 1; i < length; i++) {
-        var offset = keyframes[i].offset;
-        if (offset != null) {
-          for (var j = 1; j < i - previousIndex; j++)
-            keyframes[previousIndex + j].offset = previousOffset + (offset - previousOffset) * j / (i - previousIndex);
-          previousIndex = i;
-          previousOffset = offset;
-        }
-      }
-    }
-    if (!everyFrameHasOffset)
-      spaceKeyframes();
-
-    return keyframes;
-  }
-
-  shared.normalizeKeyframes = normalizeKeyframes;
-
-  if (WEB_ANIMATIONS_TESTING) {
-    testing.normalizeKeyframes = normalizeKeyframes;
-  }
-
-})(webAnimationsShared, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/number-handler.js b/scripts/resources/web-animations-js/src/number-handler.js
deleted file mode 100644
index 750937392d8..00000000000
--- a/scripts/resources/web-animations-js/src/number-handler.js
+++ /dev/null
@@ -1,70 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  function numberToString(x) {
-    return x.toFixed(3).replace('.000', '');
-  }
-
-  function clamp(min, max, x) {
-    return Math.min(max, Math.max(min, x));
-  }
-
-  function parseNumber(string) {
-    if (/^\s*[-+]?(\d*\.)?\d+\s*$/.test(string))
-      return Number(string);
-  }
-
-  function mergeNumbers(left, right) {
-    return [left, right, numberToString];
-  }
-
-  // FIXME: This should probably go in it's own handler.
-  function mergeFlex(left, right) {
-    if (left == 0)
-      return;
-    return clampedMergeNumbers(0, Infinity)(left, right);
-  }
-
-  function mergePositiveIntegers(left, right) {
-    return [left, right, function(x) {
-      return Math.round(clamp(1, Infinity, x));
-    }];
-  }
-
-  function clampedMergeNumbers(min, max) {
-    return function(left, right) {
-      return [left, right, function(x) {
-        return numberToString(clamp(min, max, x));
-      }];
-    };
-  }
-
-  function round(left, right) {
-    return [left, right, Math.round];
-  }
-
-  scope.clamp = clamp;
-  scope.addPropertiesHandler(parseNumber, clampedMergeNumbers(0, Infinity), ['border-image-width', 'line-height']);
-  scope.addPropertiesHandler(parseNumber, clampedMergeNumbers(0, 1), ['opacity', 'shape-image-threshold']);
-  scope.addPropertiesHandler(parseNumber, mergeFlex, ['flex-grow', 'flex-shrink']);
-  scope.addPropertiesHandler(parseNumber, mergePositiveIntegers, ['orphans', 'widows']);
-  scope.addPropertiesHandler(parseNumber, round, ['z-index']);
-
-  scope.parseNumber = parseNumber;
-  scope.mergeNumbers = mergeNumbers;
-  scope.numberToString = numberToString;
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/position-handler.js b/scripts/resources/web-animations-js/src/position-handler.js
deleted file mode 100644
index 18cea438cd6..00000000000
--- a/scripts/resources/web-animations-js/src/position-handler.js
+++ /dev/null
@@ -1,117 +0,0 @@
-// Copyright 2014 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(scope) {
-
-  function negateDimension(dimension) {
-    var result = {};
-    for (var k in dimension) {
-      result[k] = -dimension[k];
-    }
-    return result;
-  }
-
-  function consumeOffset(string) {
-    return scope.consumeToken(/^(left|center|right|top|bottom)\b/i, string) || scope.consumeLengthOrPercent(string);
-  }
-
-  var offsetMap = {
-    left: {'%': 0},
-    center: {'%': 50},
-    right: {'%': 100},
-    top: {'%': 0},
-    bottom: {'%': 100},
-  };
-
-  function parseOrigin(slots, string) {
-    var result = scope.consumeRepeated(consumeOffset, /^/, string);
-    if (!result || result[1] != '') return;
-    var tokens = result[0];
-    tokens[0] = tokens[0] || 'center';
-    tokens[1] = tokens[1] || 'center';
-    if (slots == 3) {
-      tokens[2] = tokens[2] || {px: 0};
-    }
-    if (tokens.length != slots) {
-      return;
-    }
-    // Reorder so that the horizontal axis comes first.
-    if (/top|bottom/.test(tokens[0]) || /left|right/.test(tokens[1])) {
-      var tmp = tokens[0];
-      tokens[0] = tokens[1];
-      tokens[1] = tmp;
-    }
-    // Invalid if not horizontal then vertical.
-    if (!/left|right|center|Object/.test(tokens[0]))
-      return;
-    if (!/top|bottom|center|Object/.test(tokens[1]))
-      return;
-    return tokens.map(function(position) {
-      return typeof position == 'object' ? position : offsetMap[position];
-    });
-  }
-
-  var mergeOffsetList = scope.mergeNestedRepeated.bind(null, scope.mergeDimensions, ' ');
-  scope.addPropertiesHandler(parseOrigin.bind(null, 3), mergeOffsetList, ['transform-origin']);
-  scope.addPropertiesHandler(parseOrigin.bind(null, 2), mergeOffsetList, ['perspective-origin']);
-
-  function consumePosition(string) {
-    var result = scope.consumeRepeated(consumeOffset, /^/, string);
-    if (!result) {
-      return;
-    }
-
-    var tokens = result[0];
-    var out = [{'%': 50}, {'%': 50}];
-    var pos = 0;
-    var bottomOrRight = false;
-
-    for (var i = 0; i < tokens.length; i++) {
-      var token = tokens[i];
-      if (typeof token == 'string') {
-        bottomOrRight = /bottom|right/.test(token);
-        pos = {left: 0, right: 0, center: pos, top: 1, bottom: 1}[token];
-        out[pos] = offsetMap[token];
-        if (token == 'center') {
-          // Center doesn't accept a length offset.
-          pos++;
-        }
-      } else {
-        if (bottomOrRight) {
-          // If bottom or right we need to subtract the length from 100%
-          token = negateDimension(token);
-          token['%'] = (token['%'] || 0) + 100;
-        }
-        out[pos] = token;
-        pos++;
-        bottomOrRight = false;
-      }
-    }
-    return [out, result[1]];
-  }
-
-  function parsePositionList(string) {
-    var result = scope.consumeRepeated(consumePosition, /^,/, string);
-    if (result && result[1] == '') {
-      return result[0];
-    }
-  }
-
-  scope.consumePosition = consumePosition;
-  scope.mergeOffsetList = mergeOffsetList;
-
-  var mergePositionList = scope.mergeNestedRepeated.bind(null, mergeOffsetList, ', ');
-  scope.addPropertiesHandler(parsePositionList, mergePositionList, ['background-position', 'object-position']);
-
-})(webAnimations1);
diff --git a/scripts/resources/web-animations-js/src/property-interpolation.js b/scripts/resources/web-animations-js/src/property-interpolation.js
deleted file mode 100644
index 88c3fc2d345..00000000000
--- a/scripts/resources/web-animations-js/src/property-interpolation.js
+++ /dev/null
@@ -1,125 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  var propertyHandlers = {};
-
-  function addPropertyHandler(parser, merger, property) {
-    propertyHandlers[property] = propertyHandlers[property] || [];
-    propertyHandlers[property].push([parser, merger]);
-  }
-  function addPropertiesHandler(parser, merger, properties) {
-    for (var i = 0; i < properties.length; i++) {
-      var property = properties[i];
-      WEB_ANIMATIONS_TESTING && console.assert(property.toLowerCase() === property);
-      addPropertyHandler(parser, merger, property);
-      if (/-/.test(property)) {
-        // Add camel cased variant.
-        addPropertyHandler(parser, merger, property.replace(/-(.)/g, function(_, c) {
-          return c.toUpperCase();
-        }));
-      }
-    }
-  }
-  scope.addPropertiesHandler = addPropertiesHandler;
-
-  var initialValues = {
-    backgroundColor: 'transparent',
-    backgroundPosition: '0% 0%',
-    borderBottomColor: 'currentColor',
-    borderBottomLeftRadius: '0px',
-    borderBottomRightRadius: '0px',
-    borderBottomWidth: '3px',
-    borderLeftColor: 'currentColor',
-    borderLeftWidth: '3px',
-    borderRightColor: 'currentColor',
-    borderRightWidth: '3px',
-    // Spec says this should be 0 but in practise it is 2px.
-    borderSpacing: '2px',
-    borderTopColor: 'currentColor',
-    borderTopLeftRadius: '0px',
-    borderTopRightRadius: '0px',
-    borderTopWidth: '3px',
-    bottom: 'auto',
-    clip: 'rect(0px, 0px, 0px, 0px)',
-    color: 'black', // Depends on user agent.
-    fontSize: '100%',
-    fontWeight: '400',
-    height: 'auto',
-    left: 'auto',
-    letterSpacing: 'normal',
-    lineHeight: '120%',
-    marginBottom: '0px',
-    marginLeft: '0px',
-    marginRight: '0px',
-    marginTop: '0px',
-    maxHeight: 'none',
-    maxWidth: 'none',
-    minHeight: '0px',
-    minWidth: '0px',
-    opacity: '1.0',
-    outlineColor: 'invert',
-    outlineOffset: '0px',
-    outlineWidth: '3px',
-    paddingBottom: '0px',
-    paddingLeft: '0px',
-    paddingRight: '0px',
-    paddingTop: '0px',
-    right: 'auto',
-    textIndent: '0px',
-    textShadow: '0px 0px 0px transparent',
-    top: 'auto',
-    transform: '',
-    verticalAlign: '0px',
-    visibility: 'visible',
-    width: 'auto',
-    wordSpacing: 'normal',
-    zIndex: 'auto'
-  };
-
-  function propertyInterpolation(property, left, right) {
-    if (left == 'initial' || right == 'initial') {
-      var ucProperty = property.replace(/-(.)/g, function(_, c) {
-        return c.toUpperCase();
-      });
-      if (left == 'initial')
-        left = initialValues[ucProperty];
-      if (right == 'initial')
-        right = initialValues[ucProperty];
-    }
-    var handlers = left == right ? [] : propertyHandlers[property];
-    for (var i = 0; handlers && i < handlers.length; i++) {
-      var parsedLeft = handlers[i][0](left);
-      var parsedRight = handlers[i][0](right);
-      if (parsedLeft !== undefined && parsedRight !== undefined) {
-        var interpolationArgs = handlers[i][1](parsedLeft, parsedRight);
-        if (interpolationArgs) {
-          var interp = scope.Interpolation.apply(null, interpolationArgs);
-          return function(t) {
-            if (t == 0) return left;
-            if (t == 1) return right;
-            return interp(t);
-          };
-        }
-      }
-    }
-    return scope.Interpolation(false, true, function(bool) {
-      return bool ? right : left;
-    });
-  }
-  scope.propertyInterpolation = propertyInterpolation;
-
-})(webAnimations1, webAnimationsTesting);
-
diff --git a/scripts/resources/web-animations-js/src/property-names.js b/scripts/resources/web-animations-js/src/property-names.js
deleted file mode 100644
index c52d990cdb0..00000000000
--- a/scripts/resources/web-animations-js/src/property-names.js
+++ /dev/null
@@ -1,35 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  var aliased = {};
-
-  function alias(name, aliases) {
-    aliases.concat([name]).forEach(function(candidate) {
-      if (candidate in document.documentElement.style) {
-        aliased[name] = candidate;
-      }
-    });
-  }
-  alias('transform', ['webkitTransform', 'msTransform']);
-  alias('transformOrigin', ['webkitTransformOrigin']);
-  alias('perspective', ['webkitPerspective']);
-  alias('perspectiveOrigin', ['webkitPerspectiveOrigin']);
-
-  scope.propertyName = function(property) {
-    return aliased[property] || property;
-  };
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/scope.js b/scripts/resources/web-animations-js/src/scope.js
deleted file mode 100644
index c8248802bce..00000000000
--- a/scripts/resources/web-animations-js/src/scope.js
+++ /dev/null
@@ -1,20 +0,0 @@
-// Copyright 2014 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.
-
-var webAnimationsShared = {};
-var webAnimations1 = {};
-var webAnimationsNext = {};
-
-if (!WEB_ANIMATIONS_TESTING)
-  var webAnimationsTesting = null;
diff --git a/scripts/resources/web-animations-js/src/shadow-handler.js b/scripts/resources/web-animations-js/src/shadow-handler.js
deleted file mode 100644
index 3f8201d8a49..00000000000
--- a/scripts/resources/web-animations-js/src/shadow-handler.js
+++ /dev/null
@@ -1,108 +0,0 @@
-// Copyright 2014 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(scope) {
-
-  function consumeShadow(string) {
-    var shadow = {
-      inset: false,
-      lengths: [],
-      color: null,
-    };
-    function consumePart(string) {
-      var result = scope.consumeToken(/^inset/i, string);
-      if (result) {
-        shadow.inset = true;
-        return result;
-      }
-      var result = scope.consumeLengthOrPercent(string);
-      if (result) {
-        shadow.lengths.push(result[0]);
-        return result;
-      }
-      var result = scope.consumeColor(string);
-      if (result) {
-        shadow.color = result[0];
-        return result;
-      }
-    }
-    var result = scope.consumeRepeated(consumePart, /^/, string);
-    if (result && result[0].length) {
-      return [shadow, result[1]];
-    }
-  }
-
-  function parseShadowList(string) {
-    var result = scope.consumeRepeated(consumeShadow, /^,/, string);
-    if (result && result[1] == '') {
-      return result[0];
-    }
-  }
-
-  function mergeShadow(left, right) {
-    while (left.lengths.length < Math.max(left.lengths.length, right.lengths.length))
-      left.lengths.push({px: 0});
-    while (right.lengths.length < Math.max(left.lengths.length, right.lengths.length))
-      right.lengths.push({px: 0});
-
-    if (left.inset != right.inset || !!left.color != !!right.color) {
-      return;
-    }
-    var lengthReconstitution = [];
-    var colorReconstitution;
-    var matchingLeft = [[], 0];
-    var matchingRight = [[], 0];
-    for (var i = 0; i < left.lengths.length; i++) {
-      var mergedDimensions = scope.mergeDimensions(left.lengths[i], right.lengths[i], i == 2);
-      matchingLeft[0].push(mergedDimensions[0]);
-      matchingRight[0].push(mergedDimensions[1]);
-      lengthReconstitution.push(mergedDimensions[2]);
-    }
-    if (left.color && right.color) {
-      var mergedColor = scope.mergeColors(left.color, right.color);
-      matchingLeft[1] = mergedColor[0];
-      matchingRight[1] = mergedColor[1];
-      colorReconstitution = mergedColor[2];
-    }
-    return [matchingLeft, matchingRight, function(value) {
-      var result = left.inset ? 'inset ' : ' ';
-      for (var i = 0; i < lengthReconstitution.length; i++) {
-        result += lengthReconstitution[i](value[0][i]) + ' ';
-      }
-      if (colorReconstitution) {
-        result += colorReconstitution(value[1]);
-      }
-      return result;
-    }];
-  }
-
-  function mergeNestedRepeatedShadow(nestedMerge, separator, left, right) {
-    var leftCopy = [];
-    var rightCopy = [];
-    function defaultShadow(inset) {
-      return {inset: inset, color: [0, 0, 0, 0], lengths: [{px: 0}, {px: 0}, {px: 0}, {px: 0}]};
-    }
-    for (var i = 0; i < left.length || i < right.length; i++) {
-      var l = left[i] || defaultShadow(right[i].inset);
-      var r = right[i] || defaultShadow(left[i].inset);
-      leftCopy.push(l);
-      rightCopy.push(r);
-    }
-    return scope.mergeNestedRepeated(nestedMerge, separator, leftCopy, rightCopy);
-  }
-
-  var mergeShadowList = mergeNestedRepeatedShadow.bind(null, mergeShadow, ', ');
-  scope.addPropertiesHandler(parseShadowList, mergeShadowList, ['box-shadow', 'text-shadow']);
-
-})(webAnimations1);
diff --git a/scripts/resources/web-animations-js/src/shape-handler.js b/scripts/resources/web-animations-js/src/shape-handler.js
deleted file mode 100644
index 6bbf79fe488..00000000000
--- a/scripts/resources/web-animations-js/src/shape-handler.js
+++ /dev/null
@@ -1,85 +0,0 @@
-// Copyright 2014 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(scope) {
-
-  var consumeLengthOrPercent = scope.consumeParenthesised.bind(null, scope.parseLengthOrPercent);
-  var consumeLengthOrPercentPair = scope.consumeRepeated.bind(undefined, consumeLengthOrPercent, /^/);
-
-  var mergeSizePair = scope.mergeNestedRepeated.bind(undefined, scope.mergeDimensions, ' ');
-  var mergeSizePairList = scope.mergeNestedRepeated.bind(undefined, mergeSizePair, ',');
-
-  function parseShape(input) {
-    var circle = scope.consumeToken(/^circle/, input);
-    if (circle && circle[0]) {
-      return ['circle'].concat(scope.consumeList([
-        scope.ignore(scope.consumeToken.bind(undefined, /^\(/)),
-        consumeLengthOrPercent,
-        scope.ignore(scope.consumeToken.bind(undefined, /^at/)),
-        scope.consumePosition,
-        scope.ignore(scope.consumeToken.bind(undefined, /^\)/))
-      ], circle[1]));
-    }
-    var ellipse = scope.consumeToken(/^ellipse/, input);
-    if (ellipse && ellipse[0]) {
-      return ['ellipse'].concat(scope.consumeList([
-        scope.ignore(scope.consumeToken.bind(undefined, /^\(/)),
-        consumeLengthOrPercentPair,
-        scope.ignore(scope.consumeToken.bind(undefined, /^at/)),
-        scope.consumePosition,
-        scope.ignore(scope.consumeToken.bind(undefined, /^\)/))
-      ], ellipse[1]));
-    }
-    var polygon = scope.consumeToken(/^polygon/, input);
-    if (polygon && polygon[0]) {
-      return ['polygon'].concat(scope.consumeList([
-        scope.ignore(scope.consumeToken.bind(undefined, /^\(/)),
-        scope.optional(scope.consumeToken.bind(undefined, /^nonzero\s*,|^evenodd\s*,/), 'nonzero,'),
-        scope.consumeSizePairList,
-        scope.ignore(scope.consumeToken.bind(undefined, /^\)/))
-      ], polygon[1]));
-    }
-  }
-
-  function mergeShapes(left, right) {
-    if (left[0] !== right[0])
-      return;
-    if (left[0] == 'circle') {
-      return scope.mergeList(left.slice(1), right.slice(1), [
-        'circle(',
-        scope.mergeDimensions,
-        ' at ',
-        scope.mergeOffsetList,
-        ')']);
-    }
-    if (left[0] == 'ellipse') {
-      return scope.mergeList(left.slice(1), right.slice(1), [
-        'ellipse(',
-        scope.mergeNonNegativeSizePair,
-        ' at ',
-        scope.mergeOffsetList,
-        ')']);
-    }
-    if (left[0] == 'polygon' && left[1] == right[1]) {
-      return scope.mergeList(left.slice(2), right.slice(2), [
-        'polygon(',
-        left[1],
-        mergeSizePairList,
-        ')']);
-    }
-  }
-
-  scope.addPropertiesHandler(parseShape, mergeShapes, ['shape-outside']);
-
-})(webAnimations1);
diff --git a/scripts/resources/web-animations-js/src/tick.js b/scripts/resources/web-animations-js/src/tick.js
deleted file mode 100644
index a521ceaeca4..00000000000
--- a/scripts/resources/web-animations-js/src/tick.js
+++ /dev/null
@@ -1,174 +0,0 @@
-// Copyright 2014 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(shared, scope, testing) {
-  var originalRequestAnimationFrame = window.requestAnimationFrame;
-  var rafCallbacks = [];
-  var rafId = 0;
-  window.requestAnimationFrame = function(f) {
-    var id = rafId++;
-    if (rafCallbacks.length == 0 && !WEB_ANIMATIONS_TESTING) {
-      originalRequestAnimationFrame(processRafCallbacks);
-    }
-    rafCallbacks.push([id, f]);
-    return id;
-  };
-
-  window.cancelAnimationFrame = function(id) {
-    rafCallbacks.forEach(function(entry) {
-      if (entry[0] == id) {
-        entry[1] = function() {};
-      }
-    });
-  };
-
-  function processRafCallbacks(t) {
-    if (!t) {
-      t = Date.now();
-    }
-    var processing = rafCallbacks;
-    rafCallbacks = [];
-    if (t < timeline.currentTime)
-      t = timeline.currentTime;
-    tick(t);
-    processing.forEach(function(entry) { entry[1](t); });
-    if (needsRetick)
-      tick(t);
-    applyPendingEffects();
-    _now = undefined;
-  }
-
-  function compareAnimations(leftAnimation, rightAnimation) {
-    return leftAnimation._sequenceNumber - rightAnimation._sequenceNumber;
-  }
-
-  function InternalTimeline() {
-    this._animations = [];
-    // Android 4.3 browser has window.performance, but not window.performance.now
-    this.currentTime = window.performance && performance.now ? performance.now() : 0;
-  };
-
-  InternalTimeline.prototype = {
-    _play: function(effect) {
-      effect._timing = shared.normalizeTimingInput(effect.timing);
-      var animation = new scope.Animation(effect);
-      animation._idle = false;
-      animation._timeline = this;
-      this._animations.push(animation);
-      scope.restart();
-      scope.invalidateEffects();
-      return animation;
-    }
-  };
-
-  var _now = undefined;
-
-  if (WEB_ANIMATIONS_TESTING) {
-    var now = function() { return timeline.currentTime; };
-  } else {
-    var now = function() {
-      if (_now == undefined)
-        _now = performance.now();
-      return _now;
-    };
-  }
-
-  var ticking = false;
-  var hasRestartedThisFrame = false;
-
-  scope.restart = function() {
-    if (!ticking) {
-      ticking = true;
-      requestAnimationFrame(function() {});
-      hasRestartedThisFrame = true;
-    }
-    return hasRestartedThisFrame;
-  };
-
-  var needsRetick = false;
-  scope.invalidateEffects = function() {
-    needsRetick = true;
-  };
-
-  var pendingEffects = [];
-  function applyPendingEffects() {
-    pendingEffects.forEach(function(f) { f(); });
-    pendingEffects.length = 0;
-  }
-
-  var t60hz = 1000 / 60;
-
-  var originalGetComputedStyle = window.getComputedStyle;
-  Object.defineProperty(window, 'getComputedStyle', {
-    configurable: true,
-    enumerable: true,
-    value: function() {
-      if (needsRetick) {
-        var time = now();
-        if (time - timeline.currentTime > 0)
-          timeline.currentTime += t60hz * (Math.floor((time - timeline.currentTime) / t60hz) + 1);
-        tick(timeline.currentTime);
-      }
-      applyPendingEffects();
-      return originalGetComputedStyle.apply(this, arguments);
-    },
-  });
-
-  function tick(t) {
-    hasRestartedThisFrame = false;
-    var timeline = scope.timeline;
-    timeline.currentTime = t;
-    timeline._animations.sort(compareAnimations);
-    ticking = false;
-    var updatingAnimations = timeline._animations;
-    timeline._animations = [];
-
-    var newPendingClears = [];
-    var newPendingEffects = [];
-    updatingAnimations = updatingAnimations.filter(function(animation) {
-      animation._inTimeline = animation._tick(t);
-
-      if (!animation._inEffect)
-        newPendingClears.push(animation._effect);
-      else
-        newPendingEffects.push(animation._effect);
-
-      if (!animation._isFinished && !animation._paused && !animation._idle)
-        ticking = true;
-
-      return animation._inTimeline;
-    });
-
-    // FIXME: Should remove dupliactes from pendingEffects.
-    pendingEffects.push.apply(pendingEffects, newPendingClears);
-    pendingEffects.push.apply(pendingEffects, newPendingEffects);
-
-    timeline._animations.push.apply(timeline._animations, updatingAnimations);
-    needsRetick = false;
-
-    if (ticking)
-      requestAnimationFrame(function() {});
-  };
-
-  if (WEB_ANIMATIONS_TESTING) {
-    testing.tick = function(t) { timeline.currentTime = t; processRafCallbacks(t); };
-    testing.isTicking = function() { return ticking; };
-    testing.setTicking = function(newVal) { ticking = newVal; };
-  }
-
-  var timeline = new InternalTimeline();
-  scope.timeline = timeline;
-
-})(webAnimationsShared, webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/timeline.js b/scripts/resources/web-animations-js/src/timeline.js
deleted file mode 100644
index cbd784aa9eb..00000000000
--- a/scripts/resources/web-animations-js/src/timeline.js
+++ /dev/null
@@ -1,101 +0,0 @@
-// Copyright 2014 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(shared, scope, testing) {
-  var originalRequestAnimationFrame = window.requestAnimationFrame;
-  window.requestAnimationFrame = function(f) {
-    return originalRequestAnimationFrame(function(x) {
-      window.document.timeline._updateAnimationsPromises();
-      f(x);
-      window.document.timeline._updateAnimationsPromises();
-    });
-  };
-
-  scope.AnimationTimeline = function() {
-    this._animations = [];
-    this.currentTime = undefined;
-  };
-
-  scope.AnimationTimeline.prototype = {
-    getAnimations: function() {
-      this._discardAnimations();
-      return this._animations.slice();
-    },
-    _updateAnimationsPromises: function() {
-      scope.animationsWithPromises = scope.animationsWithPromises.filter(function(animation) {
-        return animation._updatePromises();
-      });
-    },
-    _discardAnimations: function() {
-      this._updateAnimationsPromises();
-      this._animations = this._animations.filter(function(animation) {
-        return animation.playState != 'finished' && animation.playState != 'idle';
-      });
-    },
-    _play: function(effect) {
-      var animation = new scope.Animation(effect, this);
-      this._animations.push(animation);
-      scope.restartWebAnimationsNextTick();
-      // Use animation._animation.play() here, NOT animation.play().
-      //
-      // Timeline.play calls new scope.Animation(effect) which (indirectly) calls Timeline.play on
-      // effect's children, and Animation.play is also recursive. We only need to call play on each
-      // animation in the tree once.
-      animation._updatePromises();
-      animation._animation.play();
-      animation._updatePromises();
-      return animation;
-    },
-    play: function(effect) {
-      if (effect) {
-        effect.remove();
-      }
-      return this._play(effect);
-    }
-  };
-
-  var ticking = false;
-
-  scope.restartWebAnimationsNextTick = function() {
-    if (!ticking) {
-      ticking = true;
-      requestAnimationFrame(webAnimationsNextTick);
-    }
-  };
-
-  function webAnimationsNextTick(t) {
-    var timeline = window.document.timeline;
-    timeline.currentTime = t;
-    timeline._discardAnimations();
-    if (timeline._animations.length == 0)
-      ticking = false;
-    else
-      requestAnimationFrame(webAnimationsNextTick);
-  }
-
-  var timeline = new scope.AnimationTimeline();
-  scope.timeline = timeline;
-
-  try {
-    Object.defineProperty(window.document, 'timeline', {
-      configurable: true,
-      get: function() { return timeline; }
-    });
-  } catch (e) { }
-  try {
-    window.document.timeline = timeline;
-  } catch (e) { }
-
-})(webAnimationsShared, webAnimationsNext, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/timing-utilities.js b/scripts/resources/web-animations-js/src/timing-utilities.js
deleted file mode 100644
index 5fe0f96eace..00000000000
--- a/scripts/resources/web-animations-js/src/timing-utilities.js
+++ /dev/null
@@ -1,345 +0,0 @@
-// Copyright 2014 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(shared, testing) {
-
-  var fills = 'backwards|forwards|both|none'.split('|');
-  var directions = 'reverse|alternate|alternate-reverse'.split('|');
-
-  function cloneTimingInput(timingInput) {
-    if (typeof timingInput == 'number') {
-      return timingInput;
-    }
-    var clone = {};
-    for (var m in timingInput) {
-      clone[m] = timingInput[m];
-    }
-    return clone;
-  }
-
-  function AnimationEffectTiming() {
-    this._delay = 0;
-    this._endDelay = 0;
-    this._fill = 'none';
-    this._iterationStart = 0;
-    this._iterations = 1;
-    this._duration = 0;
-    this._playbackRate = 1;
-    this._direction = 'normal';
-    this._easing = 'linear';
-  }
-
-  AnimationEffectTiming.prototype = {
-    _setMember: function(member, value) {
-      this['_' + member] = value;
-      if (this._effect) {
-        this._effect._timingInput[member] = value;
-        this._effect._timing = shared.normalizeTimingInput(shared.normalizeTimingInput(this._effect._timingInput));
-        this._effect.activeDuration = shared.calculateActiveDuration(this._effect._timing);
-        if (this._effect._animation) {
-          this._effect._animation._rebuildUnderlyingAnimation();
-        }
-      }
-    },
-    get playbackRate() {
-      return this._playbackRate;
-    },
-    set delay(value) {
-      this._setMember('delay', value);
-    },
-    get delay() {
-      return this._delay;
-    },
-    set endDelay(value) {
-      this._setMember('endDelay', value);
-    },
-    get endDelay() {
-      return this._endDelay;
-    },
-    set fill(value) {
-      this._setMember('fill', value);
-    },
-    get fill() {
-      return this._fill;
-    },
-    set iterationStart(value) {
-      this._setMember('iterationStart', value);
-    },
-    get iterationStart() {
-      return this._iterationStart;
-    },
-    set duration(value) {
-      this._setMember('duration', value);
-    },
-    get duration() {
-      return this._duration;
-    },
-    set direction(value) {
-      this._setMember('direction', value);
-    },
-    get direction() {
-      return this._direction;
-    },
-    set easing(value) {
-      this._setMember('easing', value);
-    },
-    get easing() {
-      return this._easing;
-    },
-    set iterations(value) {
-      this._setMember('iterations', value);
-    },
-    get iterations() {
-      return this._iterations;
-    }
-  };
-
-  function makeTiming(timingInput, forGroup, effect) {
-    var timing = new AnimationEffectTiming();
-    if (forGroup) {
-      timing.fill = 'both';
-      timing.duration = 'auto';
-    }
-    if (typeof timingInput == 'number' && !isNaN(timingInput)) {
-      timing.duration = timingInput;
-    } else if (timingInput !== undefined) {
-      Object.getOwnPropertyNames(timingInput).forEach(function(property) {
-        if (timingInput[property] != 'auto') {
-          if (typeof timing[property] == 'number' || property == 'duration') {
-            if (typeof timingInput[property] != 'number' || isNaN(timingInput[property])) {
-              return;
-            }
-          }
-          if ((property == 'fill') && (fills.indexOf(timingInput[property]) == -1)) {
-            return;
-          }
-          if ((property == 'direction') && (directions.indexOf(timingInput[property]) == -1)) {
-            return;
-          }
-
-          // IONIC HACK
-          // NATIVE CHROME STILL USES THIS, SO DON'T HAVE THE POLYFILL THROW ERRORS
-          // if (property == 'playbackRate' && timingInput[property] !== 1 && shared.isDeprecated('AnimationEffectTiming.playbackRate', '2014-11-28', 'Use Animation.playbackRate instead.')) {
-          //   return;
-          // }
-
-          timing[property] = timingInput[property];
-        }
-      });
-    }
-    return timing;
-  }
-
-  function numericTimingToObject(timingInput) {
-    if (typeof timingInput == 'number') {
-      if (isNaN(timingInput)) {
-        timingInput = { duration: 0 };
-      } else {
-        timingInput = { duration: timingInput };
-      }
-    }
-    return timingInput;
-  }
-
-  function normalizeTimingInput(timingInput, forGroup) {
-    timingInput = shared.numericTimingToObject(timingInput);
-    var timing = makeTiming(timingInput, forGroup);
-    timing._easing = toTimingFunction(timing.easing);
-    return timing;
-  }
-
-  function cubic(a, b, c, d) {
-    if (a < 0 || a > 1 || c < 0 || c > 1) {
-      return linear;
-    }
-    return function(x) {
-      if (x == 0 || x == 1) {
-        return x;
-      }
-      var start = 0, end = 1;
-      while (1) {
-        var mid = (start + end) / 2;
-        function f(a, b, m) { return 3 * a * (1 - m) * (1 - m) * m + 3 * b * (1 - m) * m * m + m * m * m};
-        var xEst = f(a, c, mid);
-        if (Math.abs(x - xEst) < 0.001) {
-          return f(b, d, mid);
-        }
-        if (xEst < x) {
-          start = mid;
-        } else {
-          end = mid;
-        }
-      }
-    }
-  }
-
-  var Start = 1;
-  var Middle = 0.5;
-  var End = 0;
-
-  function step(count, pos) {
-    return function(x) {
-      if (x >= 1) {
-        return 1;
-      }
-      var stepSize = 1 / count;
-      x += pos * stepSize;
-      return x - x % stepSize;
-    }
-  }
-
-  var presets = {
-    'ease': cubic(0.25, 0.1, 0.25, 1),
-    'ease-in': cubic(0.42, 0, 1, 1),
-    'ease-out': cubic(0, 0, 0.58, 1),
-    'ease-in-out': cubic(0.42, 0, 0.58, 1),
-    'step-start': step(1, Start),
-    'step-middle': step(1, Middle),
-    'step-end': step(1, End)
-  };
-
-  var numberString = '\\s*(-?\\d+\\.?\\d*|-?\\.\\d+)\\s*';
-  var cubicBezierRe = new RegExp('cubic-bezier\\(' + numberString + ',' + numberString + ',' + numberString + ',' + numberString + '\\)');
-  var stepRe = /steps\(\s*(\d+)\s*,\s*(start|middle|end)\s*\)/;
-  var linear = function(x) { return x; };
-
-  function toTimingFunction(easing) {
-    var cubicData = cubicBezierRe.exec(easing);
-    if (cubicData) {
-      return cubic.apply(this, cubicData.slice(1).map(Number));
-    }
-    var stepData = stepRe.exec(easing);
-    if (stepData) {
-      return step(Number(stepData[1]), {'start': Start, 'middle': Middle, 'end': End}[stepData[2]]);
-    }
-    var preset = presets[easing];
-    if (preset) {
-      return preset;
-    }
-    return linear;
-  };
-
-  function calculateActiveDuration(timing) {
-    return Math.abs(repeatedDuration(timing) / timing.playbackRate);
-  }
-
-  function repeatedDuration(timing) {
-    return timing.duration * timing.iterations;
-  }
-
-  var PhaseNone = 0;
-  var PhaseBefore = 1;
-  var PhaseAfter = 2;
-  var PhaseActive = 3;
-
-  function calculatePhase(activeDuration, localTime, timing) {
-    if (localTime == null) {
-      return PhaseNone;
-    }
-    if (localTime < timing.delay) {
-      return PhaseBefore;
-    }
-    if (localTime >= timing.delay + activeDuration) {
-      return PhaseAfter;
-    }
-    return PhaseActive;
-  }
-
-  function calculateActiveTime(activeDuration, fillMode, localTime, phase, delay) {
-    switch (phase) {
-      case PhaseBefore:
-        if (fillMode == 'backwards' || fillMode == 'both')
-          return 0;
-        return null;
-      case PhaseActive:
-        return localTime - delay;
-      case PhaseAfter:
-        if (fillMode == 'forwards' || fillMode == 'both')
-          return activeDuration;
-        return null;
-      case PhaseNone:
-        return null;
-    }
-  }
-
-  function calculateScaledActiveTime(activeDuration, activeTime, startOffset, timing) {
-    return (timing.playbackRate < 0 ? activeTime - activeDuration : activeTime) * timing.playbackRate + startOffset;
-  }
-
-  function calculateIterationTime(iterationDuration, repeatedDuration, scaledActiveTime, startOffset, timing) {
-    if (scaledActiveTime === Infinity || scaledActiveTime === -Infinity || (scaledActiveTime - startOffset == repeatedDuration && timing.iterations && ((timing.iterations + timing.iterationStart) % 1 == 0))) {
-      return iterationDuration;
-    }
-
-    return scaledActiveTime % iterationDuration;
-  }
-
-  function calculateCurrentIteration(iterationDuration, iterationTime, scaledActiveTime, timing) {
-    if (scaledActiveTime === 0) {
-      return 0;
-    }
-    if (iterationTime == iterationDuration) {
-      return timing.iterationStart + timing.iterations - 1;
-    }
-    return Math.floor(scaledActiveTime / iterationDuration);
-  }
-
-  function calculateTransformedTime(currentIteration, iterationDuration, iterationTime, timing) {
-    var currentIterationIsOdd = currentIteration % 2 >= 1;
-    var currentDirectionIsForwards = timing.direction == 'normal' || timing.direction == (currentIterationIsOdd ? 'alternate-reverse' : 'alternate');
-    var directedTime = currentDirectionIsForwards ? iterationTime : iterationDuration - iterationTime;
-    var timeFraction = directedTime / iterationDuration;
-    return iterationDuration * timing.easing(timeFraction);
-  }
-
-  function calculateTimeFraction(activeDuration, localTime, timing) {
-    var phase = calculatePhase(activeDuration, localTime, timing);
-    var activeTime = calculateActiveTime(activeDuration, timing.fill, localTime, phase, timing.delay);
-    if (activeTime === null)
-      return null;
-    if (activeDuration === 0)
-      return phase === PhaseBefore ? 0 : 1;
-    var startOffset = timing.iterationStart * timing.duration;
-    var scaledActiveTime = calculateScaledActiveTime(activeDuration, activeTime, startOffset, timing);
-    var iterationTime = calculateIterationTime(timing.duration, repeatedDuration(timing), scaledActiveTime, startOffset, timing);
-    var currentIteration = calculateCurrentIteration(timing.duration, iterationTime, scaledActiveTime, timing);
-    return calculateTransformedTime(currentIteration, timing.duration, iterationTime, timing) / timing.duration;
-  }
-
-  shared.cloneTimingInput = cloneTimingInput;
-  shared.makeTiming = makeTiming;
-  shared.numericTimingToObject = numericTimingToObject;
-  shared.normalizeTimingInput = normalizeTimingInput;
-  shared.calculateActiveDuration = calculateActiveDuration;
-  shared.calculateTimeFraction = calculateTimeFraction;
-  shared.calculatePhase = calculatePhase;
-  shared.toTimingFunction = toTimingFunction;
-
-  if (WEB_ANIMATIONS_TESTING) {
-    testing.normalizeTimingInput = normalizeTimingInput;
-    testing.toTimingFunction = toTimingFunction;
-    testing.calculateActiveDuration = calculateActiveDuration;
-    testing.calculatePhase = calculatePhase;
-    testing.PhaseNone = PhaseNone;
-    testing.PhaseBefore = PhaseBefore;
-    testing.PhaseActive = PhaseActive;
-    testing.PhaseAfter = PhaseAfter;
-    testing.calculateActiveTime = calculateActiveTime;
-    testing.calculateScaledActiveTime = calculateScaledActiveTime;
-    testing.calculateIterationTime = calculateIterationTime;
-    testing.calculateCurrentIteration = calculateCurrentIteration;
-    testing.calculateTransformedTime = calculateTransformedTime;
-  }
-
-})(webAnimationsShared, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/transform-handler.js b/scripts/resources/web-animations-js/src/transform-handler.js
deleted file mode 100644
index c44829610b1..00000000000
--- a/scripts/resources/web-animations-js/src/transform-handler.js
+++ /dev/null
@@ -1,262 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  // This returns a function for converting transform functions to equivalent
-  // primitive functions, which will take an array of values from the
-  // derivative type and fill in the blanks (underscores) with them.
-  var _ = null;
-  function cast(pattern) {
-    return function(contents) {
-      var i = 0;
-      return pattern.map(function(x) { return x === _ ? contents[i++] : x; });
-    }
-  }
-
-  function id(x) { return x; }
-
-  var Opx = {px: 0};
-  var Odeg = {deg: 0};
-
-  // type: [argTypes, convertTo3D, convertTo2D]
-  // In the argument types string, lowercase characters represent optional arguments
-  var transformFunctions = {
-    matrix: ['NNNNNN', [_, _, 0, 0, _, _, 0, 0, 0, 0, 1, 0, _, _, 0, 1], id],
-    matrix3d: ['NNNNNNNNNNNNNNNN', id],
-    rotate: ['A'],
-    rotatex: ['A'],
-    rotatey: ['A'],
-    rotatez: ['A'],
-    rotate3d: ['NNNA'],
-    perspective: ['L'],
-    scale: ['Nn', cast([_, _, 1]), id],
-    scalex: ['N', cast([_, 1, 1]), cast([_, 1])],
-    scaley: ['N', cast([1, _, 1]), cast([1, _])],
-    scalez: ['N', cast([1, 1, _])],
-    scale3d: ['NNN', id],
-    skew: ['Aa', null, id],
-    skewx: ['A', null, cast([_, Odeg])],
-    skewy: ['A', null, cast([Odeg, _])],
-    translate: ['Tt', cast([_, _, Opx]), id],
-    translatex: ['T', cast([_, Opx, Opx]), cast([_, Opx])],
-    translatey: ['T', cast([Opx, _, Opx]), cast([Opx, _])],
-    translatez: ['L', cast([Opx, Opx, _])],
-    translate3d: ['TTL', id],
-  };
-
-  function parseTransform(string) {
-    string = string.toLowerCase().trim();
-    if (string == 'none')
-      return [];
-    // FIXME: Using a RegExp means calcs won't work here
-    var transformRegExp = /\s*(\w+)\(([^)]*)\)/g;
-    var result = [];
-    var match;
-    var prevLastIndex = 0;
-    while (match = transformRegExp.exec(string)) {
-      if (match.index != prevLastIndex)
-        return;
-      prevLastIndex = match.index + match[0].length;
-      var functionName = match[1];
-      var functionData = transformFunctions[functionName];
-      if (!functionData)
-        return;
-      var args = match[2].split(',');
-      var argTypes = functionData[0];
-      if (argTypes.length < args.length)
-        return;
-
-      var parsedArgs = [];
-      for (var i = 0; i < argTypes.length; i++) {
-        var arg = args[i];
-        var type = argTypes[i];
-        var parsedArg;
-        if (!arg)
-          parsedArg = ({a: Odeg,
-                        n: parsedArgs[0],
-                        t: Opx})[type];
-        else
-          parsedArg = ({A: function(s) { return s.trim() == '0' ? Odeg : scope.parseAngle(s); },
-                        N: scope.parseNumber,
-                        T: scope.parseLengthOrPercent,
-                        L: scope.parseLength})[type.toUpperCase()](arg);
-        if (parsedArg === undefined)
-          return;
-        parsedArgs.push(parsedArg);
-      }
-      result.push({t: functionName, d: parsedArgs});
-
-      if (transformRegExp.lastIndex == string.length)
-        return result;
-    }
-  };
-
-  function numberToLongString(x) {
-    return x.toFixed(6).replace('.000000', '');
-  }
-
-  function mergeMatrices(left, right) {
-    if (left.decompositionPair !== right) {
-      left.decompositionPair = right;
-      var leftArgs = scope.makeMatrixDecomposition(left);
-    }
-    if (right.decompositionPair !== left) {
-      right.decompositionPair = left;
-      var rightArgs = scope.makeMatrixDecomposition(right);
-    }
-    if (leftArgs[0] == null || rightArgs[0] == null)
-      return [[false], [true], function(x) { return x ? right[0].d : left[0].d; }];
-    leftArgs[0].push(0);
-    rightArgs[0].push(1);
-    return [
-      leftArgs,
-      rightArgs,
-      function(list) {
-        var quat = scope.quat(leftArgs[0][3], rightArgs[0][3], list[5]);
-        var mat = scope.composeMatrix(list[0], list[1], list[2], quat, list[4]);
-        var stringifiedArgs = mat.map(numberToLongString).join(',');
-        return stringifiedArgs;
-      }
-    ];
-  }
-
-  function typeTo2D(type) {
-    return type.replace(/[xy]/, '');
-  }
-
-  function typeTo3D(type) {
-    return type.replace(/(x|y|z|3d)?$/, '3d');
-  }
-
-  function mergeTransforms(left, right) {
-    var matrixModulesLoaded = scope.makeMatrixDecomposition && true;
-
-    var flipResults = false;
-    if (!left.length || !right.length) {
-      if (!left.length) {
-        flipResults = true;
-        left = right;
-        right = [];
-      }
-      for (var i = 0; i < left.length; i++) {
-        var type = left[i].t;
-        var args = left[i].d;
-        var defaultValue = type.substr(0, 5) == 'scale' ? 1 : 0;
-        right.push({t: type, d: args.map(function(arg) {
-          if (typeof arg == 'number')
-            return defaultValue;
-          var result = {};
-          for (var unit in arg)
-            result[unit] = defaultValue;
-          return result;
-        })});
-      }
-    }
-
-    var isMatrixOrPerspective = function(lt, rt) {
-      return ((lt == 'perspective') && (rt == 'perspective')) ||
-          ((lt == 'matrix' || lt == 'matrix3d') && (rt == 'matrix' || rt == 'matrix3d'));
-    };
-    var leftResult = [];
-    var rightResult = [];
-    var types = [];
-
-    if (left.length != right.length) {
-      if (!matrixModulesLoaded)
-        return;
-      var merged = mergeMatrices(left, right);
-      leftResult = [merged[0]];
-      rightResult = [merged[1]];
-      types = [['matrix', [merged[2]]]];
-    } else {
-      for (var i = 0; i < left.length; i++) {
-        var leftType = left[i].t;
-        var rightType = right[i].t;
-        var leftArgs = left[i].d;
-        var rightArgs = right[i].d;
-
-        var leftFunctionData = transformFunctions[leftType];
-        var rightFunctionData = transformFunctions[rightType];
-
-        var type;
-        if (isMatrixOrPerspective(leftType, rightType)) {
-          if (!matrixModulesLoaded)
-            return;
-          var merged = mergeMatrices([left[i]], [right[i]]);
-          leftResult.push(merged[0]);
-          rightResult.push(merged[1]);
-          types.push(['matrix', [merged[2]]]);
-          continue;
-        } else if (leftType == rightType) {
-          type = leftType;
-        } else if (leftFunctionData[2] && rightFunctionData[2] && typeTo2D(leftType) == typeTo2D(rightType)) {
-          type = typeTo2D(leftType);
-          leftArgs = leftFunctionData[2](leftArgs);
-          rightArgs = rightFunctionData[2](rightArgs);
-        } else if (leftFunctionData[1] && rightFunctionData[1] && typeTo3D(leftType) == typeTo3D(rightType)) {
-          type = typeTo3D(leftType);
-          leftArgs = leftFunctionData[1](leftArgs);
-          rightArgs = rightFunctionData[1](rightArgs);
-        } else {
-          if (!matrixModulesLoaded)
-            return;
-          var merged = mergeMatrices(left, right);
-          leftResult = [merged[0]];
-          rightResult = [merged[1]];
-          types = [['matrix', [merged[2]]]];
-          break;
-        }
-
-        var leftArgsCopy = [];
-        var rightArgsCopy = [];
-        var stringConversions = [];
-        for (var j = 0; j < leftArgs.length; j++) {
-          var merge = typeof leftArgs[j] == 'number' ? scope.mergeNumbers : scope.mergeDimensions;
-          var merged = merge(leftArgs[j], rightArgs[j]);
-          leftArgsCopy[j] = merged[0];
-          rightArgsCopy[j] = merged[1];
-          stringConversions.push(merged[2]);
-        }
-        leftResult.push(leftArgsCopy);
-        rightResult.push(rightArgsCopy);
-        types.push([type, stringConversions]);
-      }
-    }
-
-    if (flipResults) {
-      var tmp = leftResult;
-      leftResult = rightResult;
-      rightResult = tmp;
-    }
-
-    return [leftResult, rightResult, function(list) {
-      return list.map(function(args, i) {
-        var stringifiedArgs = args.map(function(arg, j) {
-          return types[i][1][j](arg);
-        }).join(',');
-        if (types[i][0] == 'matrix' && stringifiedArgs.split(',').length == 16)
-          types[i][0] = 'matrix3d';
-        return types[i][0] + '(' + stringifiedArgs + ')';
-
-      }).join(' ');
-    }];
-  }
-
-  scope.addPropertiesHandler(parseTransform, mergeTransforms, ['transform']);
-
-  if (WEB_ANIMATIONS_TESTING)
-    testing.parseTransform = parseTransform;
-
-})(webAnimations1, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/src/visibility-handler.js b/scripts/resources/web-animations-js/src/visibility-handler.js
deleted file mode 100644
index 53f29535548..00000000000
--- a/scripts/resources/web-animations-js/src/visibility-handler.js
+++ /dev/null
@@ -1,29 +0,0 @@
-// Copyright 2014 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(scope, testing) {
-
-  function merge(left, right) {
-    if (left != 'visible' && right != 'visible') return;
-    return [0, 1, function(x) {
-      if (x <= 0) return left;
-      if (x >= 1) return right;
-      return 'visible';
-    }];
-  }
-
-  scope.addPropertiesHandler(String, merge, ['visibility']);
-
-})(webAnimations1);
-
diff --git a/scripts/resources/web-animations-js/src/web-animations-next-animation.js b/scripts/resources/web-animations-js/src/web-animations-next-animation.js
deleted file mode 100644
index 552e018bc95..00000000000
--- a/scripts/resources/web-animations-js/src/web-animations-next-animation.js
+++ /dev/null
@@ -1,371 +0,0 @@
-// Copyright 2014 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(shared, scope, testing) {
-  scope.animationsWithPromises = [];
-
-  scope.Animation = function(effect, timeline) {
-    this.effect = effect;
-    if (effect) {
-      effect._animation = this;
-    }
-    if (!timeline) {
-      throw new Error('Animation with null timeline is not supported');
-    }
-    this._timeline = timeline;
-    this._sequenceNumber = shared.sequenceNumber++;
-    this._holdTime = 0;
-    this._paused = false;
-    this._isGroup = false;
-    this._animation = null;
-    this._childAnimations = [];
-    this._callback = null;
-    this._oldPlayState = 'idle';
-    this._rebuildUnderlyingAnimation();
-    // Animations are constructed in the idle state.
-    this._animation.cancel();
-    this._updatePromises();
-  };
-
-  scope.Animation.prototype = {
-    _updatePromises: function() {
-      var oldPlayState = this._oldPlayState;
-      var newPlayState = this.playState;
-      if (this._readyPromise && newPlayState !== oldPlayState) {
-        if (newPlayState == 'idle') {
-          this._rejectReadyPromise();
-          this._readyPromise = undefined;
-        } else if (oldPlayState == 'pending') {
-          this._resolveReadyPromise();
-        } else if (newPlayState == 'pending') {
-          this._readyPromise = undefined;
-        }
-      }
-      if (this._finishedPromise && newPlayState !== oldPlayState) {
-        if (newPlayState == 'idle') {
-          this._rejectFinishedPromise();
-          this._finishedPromise = undefined;
-        } else if (newPlayState == 'finished') {
-          this._resolveFinishedPromise();
-        } else if (oldPlayState == 'finished') {
-          this._finishedPromise = undefined;
-        }
-      }
-      this._oldPlayState = this.playState;
-      return (this._readyPromise || this._finishedPromise);
-    },
-    _rebuildUnderlyingAnimation: function() {
-      this._updatePromises();
-      var oldPlaybackRate;
-      var oldPaused;
-      var oldStartTime;
-      var oldCurrentTime;
-      var hadUnderlying = this._animation ? true : false;
-      if (hadUnderlying) {
-        oldPlaybackRate = this.playbackRate;
-        oldPaused = this._paused;
-        oldStartTime = this.startTime;
-        oldCurrentTime = this.currentTime;
-        this._animation.cancel();
-        this._animation._wrapper = null;
-        this._animation = null;
-      }
-
-      if (!this.effect || this.effect instanceof window.KeyframeEffect) {
-        this._animation = scope.newUnderlyingAnimationForKeyframeEffect(this.effect);
-        scope.bindAnimationForKeyframeEffect(this);
-      }
-      if (this.effect instanceof window.SequenceEffect || this.effect instanceof window.GroupEffect) {
-        this._animation = scope.newUnderlyingAnimationForGroup(this.effect);
-        scope.bindAnimationForGroup(this);
-      }
-      if (this.effect && this.effect._onsample) {
-        scope.bindAnimationForCustomEffect(this);
-      }
-      if (hadUnderlying) {
-        if (oldPlaybackRate != 1) {
-          this.playbackRate = oldPlaybackRate;
-        }
-        if (oldStartTime !== null) {
-          this.startTime = oldStartTime;
-        } else if (oldCurrentTime !== null) {
-          this.currentTime = oldCurrentTime;
-        } else if (this._holdTime !== null) {
-          this.currentTime = this._holdTime;
-        }
-        if (oldPaused) {
-          this.pause();
-        }
-      }
-      this._updatePromises();
-    },
-    _updateChildren: function() {
-      if (!this.effect || this.playState == 'idle')
-        return;
-
-      var offset = this.effect._timing.delay;
-      this._childAnimations.forEach(function(childAnimation) {
-        this._arrangeChildren(childAnimation, offset);
-        if (this.effect instanceof window.SequenceEffect)
-          offset += scope.groupChildDuration(childAnimation.effect);
-      }.bind(this));
-    },
-    _setExternalAnimation: function(animation) {
-      if (!this.effect || !this._isGroup)
-        return;
-      for (var i = 0; i < this.effect.children.length; i++) {
-        this.effect.children[i]._animation = animation;
-        this._childAnimations[i]._setExternalAnimation(animation);
-      }
-    },
-    _constructChildAnimations: function() {
-      if (!this.effect || !this._isGroup)
-        return;
-      var offset = this.effect._timing.delay;
-      this._removeChildAnimations();
-      this.effect.children.forEach(function(child) {
-        var childAnimation = window.document.timeline._play(child);
-        this._childAnimations.push(childAnimation);
-        childAnimation.playbackRate = this.playbackRate;
-        if (this._paused)
-          childAnimation.pause();
-        child._animation = this.effect._animation;
-
-        this._arrangeChildren(childAnimation, offset);
-
-        if (this.effect instanceof window.SequenceEffect)
-          offset += scope.groupChildDuration(child);
-      }.bind(this));
-    },
-    _arrangeChildren: function(childAnimation, offset) {
-      if (this.startTime === null) {
-        childAnimation.currentTime = this.currentTime - offset / this.playbackRate;
-      } else if (childAnimation.startTime !== this.startTime + offset / this.playbackRate) {
-        childAnimation.startTime = this.startTime + offset / this.playbackRate;
-      }
-    },
-    get timeline() {
-      return this._timeline;
-    },
-    get playState() {
-      return this._animation ? this._animation.playState : 'idle';
-    },
-    get finished() {
-      if (!window.Promise) {
-        console.warn('Animation Promises require JavaScript Promise constructor');
-        return null;
-      }
-      if (!this._finishedPromise) {
-        if (scope.animationsWithPromises.indexOf(this) == -1) {
-          scope.animationsWithPromises.push(this);
-        }
-        this._finishedPromise = new Promise(
-            function(resolve, reject) {
-              this._resolveFinishedPromise = function() {
-                resolve(this);
-              };
-              this._rejectFinishedPromise = function() {
-                reject({type: DOMException.ABORT_ERR, name: 'AbortError'});
-              };
-            }.bind(this));
-        if (this.playState == 'finished') {
-          this._resolveFinishedPromise();
-        }
-      }
-      return this._finishedPromise;
-    },
-    get ready() {
-      if (!window.Promise) {
-        console.warn('Animation Promises require JavaScript Promise constructor');
-        return null;
-      }
-      if (!this._readyPromise) {
-        if (scope.animationsWithPromises.indexOf(this) == -1) {
-          scope.animationsWithPromises.push(this);
-        }
-        this._readyPromise = new Promise(
-            function(resolve, reject) {
-              this._resolveReadyPromise = function() {
-                resolve(this);
-              };
-              this._rejectReadyPromise = function() {
-                reject({type: DOMException.ABORT_ERR, name: 'AbortError'});
-              };
-            }.bind(this));
-        if (this.playState !== 'pending') {
-          this._resolveReadyPromise();
-        }
-      }
-      return this._readyPromise;
-    },
-    get onfinish() {
-      return this._onfinish;
-    },
-    set onfinish(v) {
-      if (typeof v == 'function') {
-        this._onfinish = v;
-        this._animation.onfinish = (function(e) {
-          e.target = this;
-          v.call(this, e);
-        }).bind(this);
-      } else {
-        this._animation.onfinish = v;
-        this.onfinish = this._animation.onfinish;
-      }
-    },
-    get currentTime() {
-      this._updatePromises();
-      var currentTime = this._animation.currentTime;
-      this._updatePromises();
-      return currentTime;
-    },
-    set currentTime(v) {
-      this._updatePromises();
-      this._animation.currentTime = isFinite(v) ? v : Math.sign(v) * Number.MAX_VALUE;
-      this._register();
-      this._forEachChild(function(child, offset) {
-        child.currentTime = v - offset;
-      });
-      this._updatePromises();
-    },
-    get startTime() {
-      return this._animation.startTime;
-    },
-    set startTime(v) {
-      this._updatePromises();
-      this._animation.startTime = isFinite(v) ? v : Math.sign(v) * Number.MAX_VALUE;
-      this._register();
-      this._forEachChild(function(child, offset) {
-        child.startTime = v + offset;
-      });
-      this._updatePromises();
-    },
-    get playbackRate() {
-      return this._animation.playbackRate;
-    },
-    set playbackRate(value) {
-      this._updatePromises();
-      var oldCurrentTime = this.currentTime;
-      this._animation.playbackRate = value;
-      this._forEachChild(function(childAnimation) {
-        childAnimation.playbackRate = value;
-      });
-      if (this.playState != 'paused' && this.playState != 'idle') {
-        this.play();
-      }
-      if (oldCurrentTime !== null) {
-        this.currentTime = oldCurrentTime;
-      }
-      this._updatePromises();
-    },
-    play: function() {
-      this._updatePromises();
-      this._paused = false;
-      this._animation.play();
-      if (this._timeline._animations.indexOf(this) == -1) {
-        this._timeline._animations.push(this);
-      }
-      this._register();
-      scope.awaitStartTime(this);
-      this._forEachChild(function(child) {
-        var time = child.currentTime;
-        child.play();
-        child.currentTime = time;
-      });
-      this._updatePromises();
-    },
-    pause: function() {
-      this._updatePromises();
-      if (this.currentTime) {
-        this._holdTime = this.currentTime;
-      }
-      this._animation.pause();
-      this._register();
-      this._forEachChild(function(child) {
-        child.pause();
-      });
-      this._paused = true;
-      this._updatePromises();
-    },
-    finish: function() {
-      this._updatePromises();
-      this._animation.finish();
-      this._register();
-      this._updatePromises();
-    },
-    cancel: function() {
-      this._updatePromises();
-      this._animation.cancel();
-      this._register();
-      this._removeChildAnimations();
-      this._updatePromises();
-    },
-    reverse: function() {
-      this._updatePromises();
-      var oldCurrentTime = this.currentTime;
-      this._animation.reverse();
-      this._forEachChild(function(childAnimation) {
-        childAnimation.reverse();
-      });
-      if (oldCurrentTime !== null) {
-        this.currentTime = oldCurrentTime;
-      }
-      this._updatePromises();
-    },
-    addEventListener: function(type, handler) {
-      var wrapped = handler;
-      if (typeof handler == 'function') {
-        wrapped = (function(e) {
-          e.target = this;
-          handler.call(this, e);
-        }).bind(this);
-        handler._wrapper = wrapped;
-      }
-      this._animation.addEventListener(type, wrapped);
-    },
-    removeEventListener: function(type, handler) {
-      this._animation.removeEventListener(type, (handler && handler._wrapper) || handler);
-    },
-    _removeChildAnimations: function() {
-      while (this._childAnimations.length)
-        this._childAnimations.pop().cancel();
-    },
-    _forEachChild: function(f) {
-      var offset = 0;
-      if (this.effect.children && this._childAnimations.length < this.effect.children.length)
-        this._constructChildAnimations();
-      this._childAnimations.forEach(function(child) {
-        f.call(this, child, offset);
-        if (this.effect instanceof window.SequenceEffect)
-          offset += child.effect.activeDuration;
-      }.bind(this));
-
-      if (this.playState == 'pending')
-        return;
-      var timing = this.effect._timing;
-      var t = this.currentTime;
-      if (t !== null)
-        t = shared.calculateTimeFraction(shared.calculateActiveDuration(timing), t, timing);
-      if (t == null || isNaN(t))
-        this._removeChildAnimations();
-    },
-  };
-
-  window.Animation = scope.Animation;
-
-  if (WEB_ANIMATIONS_TESTING) {
-    testing.webAnimationsNextAnimation = scope.Animation;
-  }
-
-})(webAnimationsShared, webAnimationsNext, webAnimationsTesting);
diff --git a/scripts/resources/web-animations-js/target-config.js b/scripts/resources/web-animations-js/target-config.js
deleted file mode 100644
index 3ef9b260a57..00000000000
--- a/scripts/resources/web-animations-js/target-config.js
+++ /dev/null
@@ -1,138 +0,0 @@
-// Copyright 2014 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() {
-
-  var scopeSrc = [
-      'src/scope.js'];
-
-  var webAnimations1Src = [
-      'src/keyframe-interpolations.js',
-      'src/property-interpolation.js',
-      'src/keyframe-effect.js',
-      'src/apply-preserving-inline-style.js',
-      'src/element-animatable.js',
-      'src/interpolation.js',
-      'src/matrix-interpolation.js',
-      'src/animation.js',
-      'src/tick.js',
-      'src/matrix-decomposition.js',
-      'src/handler-utils.js',
-      'src/shadow-handler.js',
-      'src/number-handler.js',
-      'src/visibility-handler.js',
-      'src/color-handler.js',
-      'src/dimension-handler.js',
-      'src/box-handler.js',
-      'src/transform-handler.js',
-      'src/font-weight-handler.js',
-      'src/position-handler.js',
-      'src/shape-handler.js',
-      'src/property-names.js',
-  ];
-
-  var liteWebAnimations1Src = [
-      'src/keyframe-interpolations.js',
-      'src/property-interpolation.js',
-      'src/keyframe-effect.js',
-      'src/apply.js',
-      'src/element-animatable.js',
-      'src/interpolation.js',
-      'src/animation.js',
-      'src/tick.js',
-      'src/handler-utils.js',
-      'src/shadow-handler.js',
-      'src/number-handler.js',
-      'src/visibility-handler.js',
-      'src/color-handler.js',
-      'src/dimension-handler.js',
-      'src/box-handler.js',
-      'src/transform-handler.js',
-      'src/property-names.js',
-  ];
-
-
-  var sharedSrc = [
-      'src/timing-utilities.js',
-      'src/normalize-keyframes.js',
-      //'src/deprecation.js',
-  ];
-
-  var webAnimationsNextSrc = [
-      'src/timeline.js',
-      'src/web-animations-next-animation.js',
-      'src/keyframe-effect-constructor.js',
-      'src/effect-callback.js',
-      'src/group-constructors.js'];
-
-  var webAnimations1Test = [
-      'test/js/animation-finish-event.js',
-      'test/js/animation.js',
-      'test/js/apply-preserving-inline-style.js',
-      'test/js/box-handler.js',
-      'test/js/color-handler.js',
-      'test/js/dimension-handler.js',
-      'test/js/interpolation.js',
-      'test/js/keyframes.js',
-      'test/js/matrix-interpolation.js',
-      'test/js/number-handler.js',
-      'test/js/property-interpolation.js',
-      'test/js/tick.js',
-      'test/js/timing-utilities.js',
-      'test/js/timing.js',
-      'test/js/transform-handler.js'];
-
-  var webAnimationsNextTest = webAnimations1Test.concat(
-      'test/js/effect-callback.js',
-      'test/js/group-animation-finish-event.js',
-      'test/js/group-animation.js',
-      'test/js/group-constructors.js',
-      'test/js/keyframe-effect-constructor.js',
-      'test/js/timeline.js',
-      'test/js/web-animations-next-animation.js');
-
-  // This object specifies the source and test files for different Web Animation build targets.
-  var targetConfig = {
-    'web-animations': {
-      scopeSrc: scopeSrc,
-      sharedSrc: sharedSrc,
-      //webAnimations1Src: webAnimations1Src,
-      webAnimations1Src: liteWebAnimations1Src,
-      webAnimationsNextSrc: [],
-      src: scopeSrc.concat(sharedSrc).concat(webAnimations1Src),
-      test: webAnimations1Test,
-    },
-    'web-animations-next': {
-      scopeSrc: scopeSrc,
-      sharedSrc: sharedSrc,
-      webAnimations1Src: webAnimations1Src,
-      webAnimationsNextSrc: webAnimationsNextSrc,
-      src: scopeSrc.concat(sharedSrc).concat(webAnimations1Src).concat(webAnimationsNextSrc),
-      test: webAnimationsNextTest,
-    },
-    'web-animations-next-lite': {
-      scopeSrc: scopeSrc,
-      sharedSrc: sharedSrc,
-      webAnimations1Src: liteWebAnimations1Src,
-      webAnimationsNextSrc: webAnimationsNextSrc,
-      src: scopeSrc.concat(sharedSrc).concat(liteWebAnimations1Src).concat(webAnimationsNextSrc),
-      test: [],
-    },
-  };
-
-  if (typeof module != 'undefined')
-    module.exports = targetConfig;
-  else
-    window.webAnimationsTargetConfig = targetConfig;
-})();
diff --git a/scripts/resources/web-animations-js/target-loader.js b/scripts/resources/web-animations-js/target-loader.js
deleted file mode 100644
index 979f5c800df..00000000000
--- a/scripts/resources/web-animations-js/target-loader.js
+++ /dev/null
@@ -1,27 +0,0 @@
-// Copyright 2014 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() {
-  var target = webAnimationsTargetConfig.defaultTarget;
-  if (typeof webAnimationsSourceTarget != 'undefined')
-    target = webAnimationsSourceTarget;
-
-  // Native implementation detection.
-
-  var scripts = document.getElementsByTagName('script');
-  var location = scripts[scripts.length - 1].src.replace(/[^\/]+$/, '');
-  webAnimationsTargetConfig[target].src.forEach(function(sourceFile) {
-    document.write('<script src="' + location + sourceFile + '"></script>');
-  });
-})();
diff --git a/scripts/resources/web-animations-js/templates/boilerplate b/scripts/resources/web-animations-js/templates/boilerplate
deleted file mode 100644
index 5b902b59fd3..00000000000
--- a/scripts/resources/web-animations-js/templates/boilerplate
+++ /dev/null
@@ -1,13 +0,0 @@
-// Copyright 2014 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.
diff --git a/scripts/resources/web-animations-js/templates/runner.html b/scripts/resources/web-animations-js/templates/runner.html
deleted file mode 100644
index 48d5d4c5e3f..00000000000
--- a/scripts/resources/web-animations-js/templates/runner.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!--
- Copyright 2014 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">
-<link rel="stylesheet" href="../node_modules/mocha/mocha.css">
-<script src="../node_modules/mocha/mocha.js"></script>
-<script src="../node_modules/chai/chai.js"></script>
-<script src="../target-config.js"></script>
-<script src="runner.js"></script>
-<script>
-loadWebAnimationsBuildTarget('<%= target %>');
-</script>
-<div id="mocha"></div>
diff --git a/scripts/resources/web-animations-js/templates/web-animations.html b/scripts/resources/web-animations-js/templates/web-animations.html
deleted file mode 100644
index 4af996eac68..00000000000
--- a/scripts/resources/web-animations-js/templates/web-animations.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!--
- Copyright 2014 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.
--->
-<script src="src/dev.js"></script>
-<% _.forEach(src, function(src) { %><script src="<%= src %>"></script>
-<% }); %>
diff --git a/scripts/resources/web-animations-js/templates/web-animations.js b/scripts/resources/web-animations-js/templates/web-animations.js
deleted file mode 100644
index 4a81d9936fa..00000000000
--- a/scripts/resources/web-animations-js/templates/web-animations.js
+++ /dev/null
@@ -1,21 +0,0 @@
-// Copyright 2014 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.
-var webAnimationsSourceTarget = '<%= target %>';
-var WEB_ANIMATIONS_TESTING = false;
-(function() {
-  var scripts = document.getElementsByTagName('script');
-  var location = scripts[scripts.length - 1].src.replace(/[^\/]+$/, '');
-  document.write('<script src="' + location + 'target-config.js"></script>');
-  document.write('<script src="' + location + 'target-loader.js"></script>');
-})();
diff --git a/scripts/resources/web-animations-js/web-animations-next-lite.dev.html b/scripts/resources/web-animations-js/web-animations-next-lite.dev.html
deleted file mode 100644
index 27207da10ec..00000000000
--- a/scripts/resources/web-animations-js/web-animations-next-lite.dev.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!--
- Copyright 2014 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.
--->
-<script src="src/dev.js"></script>
-<script src="src/scope.js"></script>
-<script src="src/timing-utilities.js"></script>
-<script src="src/normalize-keyframes.js"></script>
-<script src="src/keyframe-interpolations.js"></script>
-<script src="src/property-interpolation.js"></script>
-<script src="src/keyframe-effect.js"></script>
-<script src="src/apply.js"></script>
-<script src="src/element-animatable.js"></script>
-<script src="src/interpolation.js"></script>
-<script src="src/animation.js"></script>
-<script src="src/tick.js"></script>
-<script src="src/handler-utils.js"></script>
-<script src="src/shadow-handler.js"></script>
-<script src="src/number-handler.js"></script>
-<script src="src/visibility-handler.js"></script>
-<script src="src/color-handler.js"></script>
-<script src="src/dimension-handler.js"></script>
-<script src="src/box-handler.js"></script>
-<script src="src/transform-handler.js"></script>
-<script src="src/property-names.js"></script>
-<script src="src/timeline.js"></script>
-<script src="src/web-animations-next-animation.js"></script>
-<script src="src/keyframe-effect-constructor.js"></script>
-<script src="src/effect-callback.js"></script>
-<script src="src/group-constructors.js"></script>
-
diff --git a/scripts/resources/web-animations-js/web-animations-next-lite.dev.js b/scripts/resources/web-animations-js/web-animations-next-lite.dev.js
deleted file mode 100644
index 8cc77540a24..00000000000
--- a/scripts/resources/web-animations-js/web-animations-next-lite.dev.js
+++ /dev/null
@@ -1,21 +0,0 @@
-// Copyright 2014 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.
-var webAnimationsSourceTarget = 'web-animations-next-lite';
-var WEB_ANIMATIONS_TESTING = false;
-(function() {
-  var scripts = document.getElementsByTagName('script');
-  var location = scripts[scripts.length - 1].src.replace(/[^\/]+$/, '');
-  document.write('<script src="' + location + 'target-config.js"></script>');
-  document.write('<script src="' + location + 'target-loader.js"></script>');
-})();
diff --git a/scripts/resources/web-animations-js/web-animations-next-lite.min.js b/scripts/resources/web-animations-js/web-animations-next-lite.min.js
deleted file mode 100644
index b554d0c4fc6..00000000000
--- a/scripts/resources/web-animations-js/web-animations-next-lite.min.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// Copyright 2014 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(a,b){var c={},d={},e={},f=null;!function(a,b){function c(a){if("number"==typeof a)return a;var b={};for(var c in a)b[c]=a[c];return b}function d(){this._delay=0,this._endDelay=0,this._fill="none",this._iterationStart=0,this._iterations=1,this._duration=0,this._playbackRate=1,this._direction="normal",this._easing="linear"}function e(a,b,c){var e=new d;return b&&(e.fill="both",e.duration="auto"),"number"!=typeof a||isNaN(a)?void 0!==a&&Object.getOwnPropertyNames(a).forEach(function(b){if("auto"!=a[b]){if(("number"==typeof e[b]||"duration"==b)&&("number"!=typeof a[b]||isNaN(a[b])))return;if("fill"==b&&-1==t.indexOf(a[b]))return;if("direction"==b&&-1==u.indexOf(a[b]))return;e[b]=a[b]}}):e.duration=a,e}function f(a){return"number"==typeof a&&(a=isNaN(a)?{duration:0}:{duration:a}),a}function g(b,c){b=a.numericTimingToObject(b);var d=e(b,c);return d._easing=j(d.easing),d}function h(a,b,c,d){return 0>a||a>1||0>c||c>1?C:function(e){function f(a,b,c){return 3*a*(1-c)*(1-c)*c+3*b*(1-c)*c*c+c*c*c}if(0==e||1==e)return e;for(var g=0,h=1;;){var i=(g+h)/2,j=f(a,c,i);if(Math.abs(e-j)<.001)return f(b,d,i);e>j?g=i:h=i}}}function i(a,b){return function(c){if(c>=1)return 1;var d=1/a;return c+=b*d,c-c%d}}function j(a){var b=A.exec(a);if(b)return h.apply(this,b.slice(1).map(Number));var c=B.exec(a);if(c)return i(Number(c[1]),{start:v,middle:w,end:x}[c[2]]);var d=y[a];return d?d:C}function k(a){return Math.abs(l(a)/a.playbackRate)}function l(a){return a.duration*a.iterations}function m(a,b,c){return null==b?D:b<c.delay?E:b>=c.delay+a?F:G}function n(a,b,c,d,e){switch(d){case E:return"backwards"==b||"both"==b?0:null;case G:return c-e;case F:return"forwards"==b||"both"==b?a:null;case D:return null}}function o(a,b,c,d){return(d.playbackRate<0?b-a:b)*d.playbackRate+c}function p(a,b,c,d,e){return c===1/0||c===-(1/0)||c-d==b&&e.iterations&&(e.iterations+e.iterationStart)%1==0?a:c%a}function q(a,b,c,d){return 0===c?0:b==a?d.iterationStart+d.iterations-1:Math.floor(c/a)}function r(a,b,c,d){var e=a%2>=1,f="normal"==d.direction||d.direction==(e?"alternate-reverse":"alternate"),g=f?c:b-c,h=g/b;return b*d.easing(h)}function s(a,b,c){var d=m(a,b,c),e=n(a,c.fill,b,d,c.delay);if(null===e)return null;if(0===a)return d===E?0:1;var f=c.iterationStart*c.duration,g=o(a,e,f,c),h=p(c.duration,l(c),g,f,c),i=q(c.duration,h,g,c);return r(i,c.duration,h,c)/c.duration}var t="backwards|forwards|both|none".split("|"),u="reverse|alternate|alternate-reverse".split("|");d.prototype={_setMember:function(b,c){this["_"+b]=c,this._effect&&(this._effect._timingInput[b]=c,this._effect._timing=a.normalizeTimingInput(a.normalizeTimingInput(this._effect._timingInput)),this._effect.activeDuration=a.calculateActiveDuration(this._effect._timing),this._effect._animation&&this._effect._animation._rebuildUnderlyingAnimation())},get playbackRate(){return this._playbackRate},set delay(a){this._setMember("delay",a)},get delay(){return this._delay},set endDelay(a){this._setMember("endDelay",a)},get endDelay(){return this._endDelay},set fill(a){this._setMember("fill",a)},get fill(){return this._fill},set iterationStart(a){this._setMember("iterationStart",a)},get iterationStart(){return this._iterationStart},set duration(a){this._setMember("duration",a)},get duration(){return this._duration},set direction(a){this._setMember("direction",a)},get direction(){return this._direction},set easing(a){this._setMember("easing",a)},get easing(){return this._easing},set iterations(a){this._setMember("iterations",a)},get iterations(){return this._iterations}};var v=1,w=.5,x=0,y={ease:h(.25,.1,.25,1),"ease-in":h(.42,0,1,1),"ease-out":h(0,0,.58,1),"ease-in-out":h(.42,0,.58,1),"step-start":i(1,v),"step-middle":i(1,w),"step-end":i(1,x)},z="\\s*(-?\\d+\\.?\\d*|-?\\.\\d+)\\s*",A=new RegExp("cubic-bezier\\("+z+","+z+","+z+","+z+"\\)"),B=/steps\(\s*(\d+)\s*,\s*(start|middle|end)\s*\)/,C=function(a){return a},D=0,E=1,F=2,G=3;a.cloneTimingInput=c,a.makeTiming=e,a.numericTimingToObject=f,a.normalizeTimingInput=g,a.calculateActiveDuration=k,a.calculateTimeFraction=s,a.calculatePhase=m,a.toTimingFunction=j}(c,f),function(a,b){function c(a,b){return a in i?i[a][b]||b:b}function d(a,b,d){var e=f[a];if(e){g.style[a]=b;for(var h in e){var i=e[h],j=g.style[i];d[i]=c(i,j)}}else d[a]=c(a,b)}function e(b){function c(){var a=e.length;null==e[a-1].offset&&(e[a-1].offset=1),a>1&&null==e[0].offset&&(e[0].offset=0);for(var b=0,c=e[0].offset,d=1;a>d;d++){var f=e[d].offset;if(null!=f){for(var g=1;d-b>g;g++)e[b+g].offset=c+(f-c)*g/(d-b);b=d,c=f}}}if(!Array.isArray(b)&&null!==b)throw new TypeError("Keyframes must be null or an array of keyframes");if(null==b)return[];for(var e=b.map(function(b){var c={};for(var e in b){var f=b[e];if("offset"==e){if(null!=f&&(f=Number(f),!isFinite(f)))throw new TypeError("keyframe offsets must be numbers.")}else{if("composite"==e)throw{type:DOMException.NOT_SUPPORTED_ERR,name:"NotSupportedError",message:"add compositing is not supported"};f="easing"==e?a.toTimingFunction(f):""+f}d(e,f,c)}return void 0==c.offset&&(c.offset=null),void 0==c.easing&&(c.easing=a.toTimingFunction("linear")),c}),f=!0,g=-(1/0),h=0;h<e.length;h++){var i=e[h].offset;if(null!=i){if(g>i)throw{code:DOMException.INVALID_MODIFICATION_ERR,name:"InvalidModificationError",message:"Keyframes are not loosely sorted by offset. Sort or specify offsets."};g=i}else f=!1}return e=e.filter(function(a){return a.offset>=0&&a.offset<=1}),f||c(),e}var f={background:["backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundOrigin","backgroundClip","backgroundColor"],border:["borderTopColor","borderTopStyle","borderTopWidth","borderRightColor","borderRightStyle","borderRightWidth","borderBottomColor","borderBottomStyle","borderBottomWidth","borderLeftColor","borderLeftStyle","borderLeftWidth"],borderBottom:["borderBottomWidth","borderBottomStyle","borderBottomColor"],borderColor:["borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"],borderLeft:["borderLeftWidth","borderLeftStyle","borderLeftColor"],borderRadius:["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],borderRight:["borderRightWidth","borderRightStyle","borderRightColor"],borderTop:["borderTopWidth","borderTopStyle","borderTopColor"],borderWidth:["borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth"],flex:["flexGrow","flexShrink","flexBasis"],font:["fontFamily","fontSize","fontStyle","fontVariant","fontWeight","lineHeight"],margin:["marginTop","marginRight","marginBottom","marginLeft"],outline:["outlineColor","outlineStyle","outlineWidth"],padding:["paddingTop","paddingRight","paddingBottom","paddingLeft"]},g=document.createElementNS("http://www.w3.org/1999/xhtml","div"),h={thin:"1px",medium:"3px",thick:"5px"},i={borderBottomWidth:h,borderLeftWidth:h,borderRightWidth:h,borderTopWidth:h,fontSize:{"xx-small":"60%","x-small":"75%",small:"89%",medium:"100%",large:"120%","x-large":"150%","xx-large":"200%"},fontWeight:{normal:"400",bold:"700"},outlineWidth:h,textShadow:{none:"0px 0px 0px transparent"},boxShadow:{none:"0px 0px 0px 0px transparent"}};a.normalizeKeyframes=e}(c,f),function(){var a=0;if(window.requestAnimationFrame||(window.requestAnimationFrame=function(b,c){var d=Date.now(),e=Math.max(0,16-(d-a)),f=window.setTimeout(function(){b(d+e)},e);return a=d+e,f}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(a){clearTimeout(a)}),document.documentElement.animate){var b=document.documentElement.animate([],0),e=!0;if(b&&(e=!1,"play|currentTime|pause|reverse|playbackRate|cancel|finish|startTime|playState".split("|").forEach(function(a){void 0===b[a]&&(e=!0)})),!e)return}!function(a,b,c){function d(a){for(var b={},c=0;c<a.length;c++)for(var d in a[c])if("offset"!=d&&"easing"!=d&&"composite"!=d){var e={offset:a[c].offset,easing:a[c].easing,value:a[c][d]};b[d]=b[d]||[],b[d].push(e)}for(var f in b){var g=b[f];if(0!=g[0].offset||1!=g[g.length-1].offset)throw{type:DOMException.NOT_SUPPORTED_ERR,name:"NotSupportedError",message:"Partial keyframes are not supported"}}return b}function e(a){var c=[];for(var d in a)for(var e=a[d],f=0;f<e.length-1;f++){var g=e[f].offset,h=e[f+1].offset,i=e[f].value,j=e[f+1].value;g==h&&(1==h?i=j:j=i),c.push({startTime:g,endTime:h,easing:e[f].easing,property:d,interpolation:b.propertyInterpolation(d,i,j)})}return c.sort(function(a,b){return a.startTime-b.startTime}),c}b.convertEffectInput=function(c){var f=a.normalizeKeyframes(c),g=d(f),h=e(g);return function(a,c){null!=c&&h.filter(function(a){return 0>=c&&0==a.startTime||c>=1&&1==a.endTime||c>=a.startTime&&c<=a.endTime}).forEach(function(d){var e=c-d.startTime,f=d.endTime-d.startTime,g=0==f?0:d.easing(e/f);b.apply(a,d.property,d.interpolation(g))})}}}(c,d,f),function(a,b){function c(a,b,c){f[c]=f[c]||[],f[c].push([a,b])}function d(a,b,d){for(var e=0;e<d.length;e++){var f=d[e];c(a,b,f),/-/.test(f)&&c(a,b,f.replace(/-(.)/g,function(a,b){return b.toUpperCase()}))}}function e(b,c,d){if("initial"==c||"initial"==d){var e=b.replace(/-(.)/g,function(a,b){return b.toUpperCase()});"initial"==c&&(c=g[e]),"initial"==d&&(d=g[e])}for(var h=c==d?[]:f[b],i=0;h&&i<h.length;i++){var j=h[i][0](c),k=h[i][0](d);if(void 0!==j&&void 0!==k){var l=h[i][1](j,k);if(l){var m=a.Interpolation.apply(null,l);return function(a){return 0==a?c:1==a?d:m(a)}}}}return a.Interpolation(!1,!0,function(a){return a?d:c})}var f={};a.addPropertiesHandler=d;var g={backgroundColor:"transparent",backgroundPosition:"0% 0%",borderBottomColor:"currentColor",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",borderBottomWidth:"3px",borderLeftColor:"currentColor",borderLeftWidth:"3px",borderRightColor:"currentColor",borderRightWidth:"3px",borderSpacing:"2px",borderTopColor:"currentColor",borderTopLeftRadius:"0px",borderTopRightRadius:"0px",borderTopWidth:"3px",bottom:"auto",clip:"rect(0px, 0px, 0px, 0px)",color:"black",fontSize:"100%",fontWeight:"400",height:"auto",left:"auto",letterSpacing:"normal",lineHeight:"120%",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",marginTop:"0px",maxHeight:"none",maxWidth:"none",minHeight:"0px",minWidth:"0px",opacity:"1.0",outlineColor:"invert",outlineOffset:"0px",outlineWidth:"3px",paddingBottom:"0px",paddingLeft:"0px",paddingRight:"0px",paddingTop:"0px",right:"auto",textIndent:"0px",textShadow:"0px 0px 0px transparent",top:"auto",transform:"",verticalAlign:"0px",visibility:"visible",width:"auto",wordSpacing:"normal",zIndex:"auto"};a.propertyInterpolation=e}(d,f),function(a,b,c){function d(b){var c=a.calculateActiveDuration(b),d=function(d){return a.calculateTimeFraction(c,d,b)};return d._totalDuration=b.delay+c+b.endDelay,d._isCurrent=function(d){var e=a.calculatePhase(c,d,b);return e===PhaseActive||e===PhaseBefore},d}b.KeyframeEffect=function(c,e,f){var g,h=d(a.normalizeTimingInput(f)),i=b.convertEffectInput(e),j=function(){i(c,g)};return j._update=function(a){return g=h(a),null!==g},j._clear=function(){i(c,null)},j._hasSameTarget=function(a){return c===a},j._isCurrent=h._isCurrent,j._totalDuration=h._totalDuration,j},b.NullEffect=function(a){var b=function(){a&&(a(),a=null)};return b._update=function(){return null},b._totalDuration=0,b._isCurrent=function(){return!1},b._hasSameTarget=function(){return!1},b}}(c,d,f),function(a,b){a.apply=function(b,c,d){b.style[a.propertyName(c)]=d},a.clear=function(b,c){b.style[a.propertyName(c)]=""}}(d,f),function(a){window.Element.prototype.animate=function(b,c){return a.timeline._play(a.KeyframeEffect(this,b,c))}}(d),function(a,b){function c(a,b,d){if("number"==typeof a&&"number"==typeof b)return a*(1-d)+b*d;if("boolean"==typeof a&&"boolean"==typeof b)return.5>d?a:b;if(a.length==b.length){for(var e=[],f=0;f<a.length;f++)e.push(c(a[f],b[f],d));return e}throw"Mismatched interpolation arguments "+a+":"+b}a.Interpolation=function(a,b,d){return function(e){return d(c(a,b,e))}}}(d,f),function(a,b,c){a.sequenceNumber=0;var d=function(a,b,c){this.target=a,this.currentTime=b,this.timelineTime=c,this.type="finish",this.bubbles=!1,this.cancelable=!1,this.currentTarget=a,this.defaultPrevented=!1,this.eventPhase=Event.AT_TARGET,this.timeStamp=Date.now()};b.Animation=function(b){this._sequenceNumber=a.sequenceNumber++,this._currentTime=0,this._startTime=null,this._paused=!1,this._playbackRate=1,this._inTimeline=!0,this._finishedFlag=!1,this.onfinish=null,this._finishHandlers=[],this._effect=b,this._inEffect=this._effect._update(0),this._idle=!0,this._currentTimePending=!1},b.Animation.prototype={_ensureAlive:function(){this.playbackRate<0&&0===this.currentTime?this._inEffect=this._effect._update(-1):this._inEffect=this._effect._update(this.currentTime),this._inTimeline||!this._inEffect&&this._finishedFlag||(this._inTimeline=!0,b.timeline._animations.push(this))},_tickCurrentTime:function(a,b){a!=this._currentTime&&(this._currentTime=a,this._isFinished&&!b&&(this._currentTime=this._playbackRate>0?this._totalDuration:0),this._ensureAlive())},get currentTime(){return this._idle||this._currentTimePending?null:this._currentTime},set currentTime(a){a=+a,isNaN(a)||(b.restart(),this._paused||null==this._startTime||(this._startTime=this._timeline.currentTime-a/this._playbackRate),this._currentTimePending=!1,this._currentTime!=a&&(this._tickCurrentTime(a,!0),b.invalidateEffects()))},get startTime(){return this._startTime},set startTime(a){a=+a,isNaN(a)||this._paused||this._idle||(this._startTime=a,this._tickCurrentTime((this._timeline.currentTime-this._startTime)*this.playbackRate),b.invalidateEffects())},get playbackRate(){return this._playbackRate},set playbackRate(a){if(a!=this._playbackRate){var b=this.currentTime;this._playbackRate=a,this._startTime=null,"paused"!=this.playState&&"idle"!=this.playState&&this.play(),null!=b&&(this.currentTime=b)}},get _isFinished(){return!this._idle&&(this._playbackRate>0&&this._currentTime>=this._totalDuration||this._playbackRate<0&&this._currentTime<=0)},get _totalDuration(){return this._effect._totalDuration},get playState(){return this._idle?"idle":null==this._startTime&&!this._paused&&0!=this.playbackRate||this._currentTimePending?"pending":this._paused?"paused":this._isFinished?"finished":"running"},play:function(){this._paused=!1,(this._isFinished||this._idle)&&(this._currentTime=this._playbackRate>0?0:this._totalDuration,this._startTime=null,b.invalidateEffects()),this._finishedFlag=!1,b.restart(),this._idle=!1,this._ensureAlive()},pause:function(){this._isFinished||this._paused||this._idle||(this._currentTimePending=!0),this._startTime=null,this._paused=!0},finish:function(){this._idle||(this.currentTime=this._playbackRate>0?this._totalDuration:0,this._startTime=this._totalDuration-this.currentTime,this._currentTimePending=!1)},cancel:function(){this._inEffect&&(this._inEffect=!1,this._idle=!0,this.currentTime=0,this._startTime=null,this._effect._update(null),b.invalidateEffects(),b.restart())},reverse:function(){this.playbackRate*=-1,this.play()},addEventListener:function(a,b){"function"==typeof b&&"finish"==a&&this._finishHandlers.push(b)},removeEventListener:function(a,b){if("finish"==a){var c=this._finishHandlers.indexOf(b);c>=0&&this._finishHandlers.splice(c,1)}},_fireEvents:function(a){var b=this._isFinished;if((b||this._idle)&&!this._finishedFlag){var c=new d(this,this._currentTime,a),e=this._finishHandlers.concat(this.onfinish?[this.onfinish]:[]);e.forEach(function(a){a.call(c.target,c)})}this._finishedFlag=b},_tick:function(a){return this._idle||this._paused||(null==this._startTime?this.startTime=a-this._currentTime/this.playbackRate:this._isFinished||this._tickCurrentTime((a-this._startTime)*this.playbackRate)),this._currentTimePending=!1,this._fireEvents(a),!this._idle&&(this._inEffect||!this._finishedFlag)}}}(c,d,f),function(a,b,c){function d(a){a||(a=Date.now());var b=j;j=[],a<t.currentTime&&(a=t.currentTime),h(a),b.forEach(function(b){b[1](a)}),p&&h(a),g(),m=void 0}function e(a,b){return a._sequenceNumber-b._sequenceNumber}function f(){this._animations=[],this.currentTime=window.performance&&performance.now?performance.now():0}function g(){q.forEach(function(a){a()}),q.length=0}function h(a){o=!1;var c=b.timeline;c.currentTime=a,c._animations.sort(e),n=!1;var d=c._animations;c._animations=[];var f=[],g=[];d=d.filter(function(b){return b._inTimeline=b._tick(a),b._inEffect?g.push(b._effect):f.push(b._effect),b._isFinished||b._paused||b._idle||(n=!0),b._inTimeline}),q.push.apply(q,f),q.push.apply(q,g),c._animations.push.apply(c._animations,d),p=!1,n&&requestAnimationFrame(function(){})}var i=window.requestAnimationFrame,j=[],k=0;window.requestAnimationFrame=function(a){var b=k++;return 0==j.length&&i(d),j.push([b,a]),b},window.cancelAnimationFrame=function(a){j.forEach(function(b){b[0]==a&&(b[1]=function(){})})},f.prototype={_play:function(c){c._timing=a.normalizeTimingInput(c.timing);var d=new b.Animation(c);return d._idle=!1,d._timeline=this,this._animations.push(d),b.restart(),b.invalidateEffects(),d}};var l,m=void 0,l=function(){return void 0==m&&(m=performance.now()),m},n=!1,o=!1;b.restart=function(){return n||(n=!0,requestAnimationFrame(function(){}),o=!0),o};var p=!1;b.invalidateEffects=function(){p=!0};var q=[],r=1e3/60,s=window.getComputedStyle;Object.defineProperty(window,"getComputedStyle",{configurable:!0,enumerable:!0,value:function(){if(p){var a=l();a-t.currentTime>0&&(t.currentTime+=r*(Math.floor((a-t.currentTime)/r)+1)),h(t.currentTime)}return g(),s.apply(this,arguments)}});var t=new f;b.timeline=t}(c,d,f),function(a){function b(a,b){var c=a.exec(b);return c?(c=a.ignoreCase?c[0].toLowerCase():c[0],[c,b.substr(c.length)]):void 0}function c(a,b){b=b.replace(/^\s*/,"");var c=a(b);return c?[c[0],c[1].replace(/^\s*/,"")]:void 0}function d(a,d,e){a=c.bind(null,a);for(var f=[];;){var g=a(e);if(!g)return[f,e];if(f.push(g[0]),e=g[1],g=b(d,e),!g||""==g[1])return[f,e];e=g[1]}}function e(a,b){for(var c=0,d=0;d<b.length&&(!/\s|,/.test(b[d])||0!=c);d++)if("("==b[d])c++;else if(")"==b[d]&&(c--,0==c&&d++,0>=c))break;var e=a(b.substr(0,d));return void 0==e?void 0:[e,b.substr(d)]}function f(a,b){for(var c=a,d=b;c&&d;)c>d?c%=d:d%=c;return c=a*b/(c+d)}function g(a){return function(b){var c=a(b);return c&&(c[0]=void 0),c}}function h(a,b){return function(c){var d=a(c);return d?d:[b,c]}}function i(b,c){for(var d=[],e=0;e<b.length;e++){var f=a.consumeTrimmed(b[e],c);if(!f||""==f[0])return;void 0!==f[0]&&d.push(f[0]),c=f[1]}return""==c?d:void 0}function j(a,b,c,d,e){for(var g=[],h=[],i=[],j=f(d.length,e.length),k=0;j>k;k++){var l=b(d[k%d.length],e[k%e.length]);if(!l)return;g.push(l[0]),h.push(l[1]),i.push(l[2])}return[g,h,function(b){var d=b.map(function(a,b){return i[b](a)}).join(c);return a?a(d):d}]}function k(a,b,c){for(var d=[],e=[],f=[],g=0,h=0;h<c.length;h++)if("function"==typeof c[h]){var i=c[h](a[g],b[g++]);d.push(i[0]),e.push(i[1]),f.push(i[2])}else!function(a){d.push(!1),e.push(!1),f.push(function(){return c[a]})}(h);return[d,e,function(a){for(var b="",c=0;c<a.length;c++)b+=f[c](a[c]);return b}]}a.consumeToken=b,a.consumeTrimmed=c,a.consumeRepeated=d,a.consumeParenthesised=e,a.ignore=g,a.optional=h,a.consumeList=i,a.mergeNestedRepeated=j.bind(null,null),a.mergeWrappedNestedRepeated=j,a.mergeList=k}(d),function(a){function b(b){function c(b){var c=a.consumeToken(/^inset/i,b);if(c)return d.inset=!0,c;var c=a.consumeLengthOrPercent(b);if(c)return d.lengths.push(c[0]),c;var c=a.consumeColor(b);return c?(d.color=c[0],c):void 0}var d={inset:!1,lengths:[],color:null},e=a.consumeRepeated(c,/^/,b);return e&&e[0].length?[d,e[1]]:void 0}function c(c){var d=a.consumeRepeated(b,/^,/,c);return d&&""==d[1]?d[0]:void 0}function d(b,c){for(;b.lengths.length<Math.max(b.lengths.length,c.lengths.length);)b.lengths.push({px:0});for(;c.lengths.length<Math.max(b.lengths.length,c.lengths.length);)c.lengths.push({px:0});if(b.inset==c.inset&&!!b.color==!!c.color){for(var d,e=[],f=[[],0],g=[[],0],h=0;h<b.lengths.length;h++){var i=a.mergeDimensions(b.lengths[h],c.lengths[h],2==h);f[0].push(i[0]),g[0].push(i[1]),e.push(i[2])}if(b.color&&c.color){var j=a.mergeColors(b.color,c.color);f[1]=j[0],g[1]=j[1],d=j[2]}return[f,g,function(a){for(var c=b.inset?"inset ":" ",f=0;f<e.length;f++)c+=e[f](a[0][f])+" ";return d&&(c+=d(a[1])),c}]}}function e(b,c,d,e){function f(a){return{inset:a,color:[0,0,0,0],lengths:[{px:0},{px:0},{px:0},{px:0}]}}for(var g=[],h=[],i=0;i<d.length||i<e.length;i++){var j=d[i]||f(e[i].inset),k=e[i]||f(d[i].inset);g.push(j),h.push(k)}return a.mergeNestedRepeated(b,c,g,h)}var f=e.bind(null,d,", ");a.addPropertiesHandler(c,f,["box-shadow","text-shadow"])}(d),function(a,b){function c(a){return a.toFixed(3).replace(".000","")}function d(a,b,c){return Math.min(b,Math.max(a,c))}function e(a){return/^\s*[-+]?(\d*\.)?\d+\s*$/.test(a)?Number(a):void 0}function f(a,b){return[a,b,c]}function g(a,b){return 0!=a?i(0,1/0)(a,b):void 0}function h(a,b){return[a,b,function(a){return Math.round(d(1,1/0,a))}]}function i(a,b){return function(e,f){return[e,f,function(e){return c(d(a,b,e))}]}}function j(a,b){return[a,b,Math.round]}a.clamp=d,a.addPropertiesHandler(e,i(0,1/0),["border-image-width","line-height"]),a.addPropertiesHandler(e,i(0,1),["opacity","shape-image-threshold"]),a.addPropertiesHandler(e,g,["flex-grow","flex-shrink"]),a.addPropertiesHandler(e,h,["orphans","widows"]),a.addPropertiesHandler(e,j,["z-index"]),a.parseNumber=e,a.mergeNumbers=f,a.numberToString=c}(d,f),function(a,b){function c(a,b){return"visible"==a||"visible"==b?[0,1,function(c){return 0>=c?a:c>=1?b:"visible"}]:void 0}a.addPropertiesHandler(String,c,["visibility"])}(d),function(a,b){function c(a){a=a.trim(),f.fillStyle="#000",f.fillStyle=a;var b=f.fillStyle;if(f.fillStyle="#fff",f.fillStyle=a,b==f.fillStyle){f.fillRect(0,0,1,1);var c=f.getImageData(0,0,1,1).data;f.clearRect(0,0,1,1);var d=c[3]/255;return[c[0]*d,c[1]*d,c[2]*d,d]}}function d(b,c){return[b,c,function(b){function c(a){return Math.max(0,Math.min(255,a))}if(b[3])for(var d=0;3>d;d++)b[d]=Math.round(c(b[d]/b[3]));return b[3]=a.numberToString(a.clamp(0,1,b[3])),"rgba("+b.join(",")+")"}]}var e=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");e.width=e.height=1;var f=e.getContext("2d");a.addPropertiesHandler(c,d,["background-color","border-bottom-color","border-left-color","border-right-color","border-top-color","color","outline-color","text-decoration-color"]),a.consumeColor=a.consumeParenthesised.bind(null,c),a.mergeColors=d}(d,f),function(a,b){function c(a,b){if(b=b.trim().toLowerCase(),"0"==b&&"px".search(a)>=0)return{px:0};if(/^[^(]*$|^calc/.test(b)){b=b.replace(/calc\(/g,"(");var c={};b=b.replace(a,function(a){return c[a]=null,"U"+a});for(var d="U("+a.source+")",e=b.replace(/[-+]?(\d*\.)?\d+/g,"N").replace(new RegExp("N"+d,"g"),"D").replace(/\s[+-]\s/g,"O").replace(/\s/g,""),f=[/N\*(D)/g,/(N|D)[*\/]N/g,/(N|D)O\1/g,/\((N|D)\)/g],g=0;g<f.length;)f[g].test(e)?(e=e.replace(f[g],"$1"),g=0):g++;if("D"==e){for(var h in c){var i=eval(b.replace(new RegExp("U"+h,"g"),"").replace(new RegExp(d,"g"),"*0"));if(!isFinite(i))return;c[h]=i}return c}}}function d(a,b){return e(a,b,!0)}function e(b,c,d){var e,f=[];for(e in b)f.push(e);for(e in c)f.indexOf(e)<0&&f.push(e);return b=f.map(function(a){return b[a]||0}),c=f.map(function(a){return c[a]||0}),[b,c,function(b){var c=b.map(function(c,e){return 1==b.length&&d&&(c=Math.max(c,0)),a.numberToString(c)+f[e]}).join(" + ");return b.length>1?"calc("+c+")":c}]}var f="px|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc",g=c.bind(null,new RegExp(f,"g")),h=c.bind(null,new RegExp(f+"|%","g")),i=c.bind(null,/deg|rad|grad|turn/g);a.parseLength=g,a.parseLengthOrPercent=h,a.consumeLengthOrPercent=a.consumeParenthesised.bind(null,h),a.parseAngle=i,a.mergeDimensions=e;var j=a.consumeParenthesised.bind(null,g),k=a.consumeRepeated.bind(void 0,j,/^/),l=a.consumeRepeated.bind(void 0,k,/^,/);a.consumeSizePairList=l;var m=function(a){var b=l(a);return b&&""==b[1]?b[0]:void 0},n=a.mergeNestedRepeated.bind(void 0,d," "),o=a.mergeNestedRepeated.bind(void 0,n,",");a.mergeNonNegativeSizePair=n,a.addPropertiesHandler(m,o,["background-size"]),a.addPropertiesHandler(h,d,["border-bottom-width","border-image-width","border-left-width","border-right-width","border-top-width","flex-basis","font-size","height","line-height","max-height","max-width","outline-width","width"]),a.addPropertiesHandler(h,e,["border-bottom-left-radius","border-bottom-right-radius","border-top-left-radius","border-top-right-radius","bottom","left","letter-spacing","margin-bottom","margin-left","margin-right","margin-top","min-height","min-width","outline-offset","padding-bottom","padding-left","padding-right","padding-top","perspective","right","shape-margin","text-indent","top","vertical-align","word-spacing"])}(d,f),function(a,b){function c(b){return a.consumeLengthOrPercent(b)||a.consumeToken(/^auto/,b)}function d(b){var d=a.consumeList([a.ignore(a.consumeToken.bind(null,/^rect/)),a.ignore(a.consumeToken.bind(null,/^\(/)),a.consumeRepeated.bind(null,c,/^,/),a.ignore(a.consumeToken.bind(null,/^\)/))],b);return d&&4==d[0].length?d[0]:void 0}function e(b,c){return"auto"==b||"auto"==c?[!0,!1,function(d){var e=d?b:c;if("auto"==e)return"auto";var f=a.mergeDimensions(e,e);return f[2](f[0])}]:a.mergeDimensions(b,c)}function f(a){return"rect("+a+")"}var g=a.mergeWrappedNestedRepeated.bind(null,f,e,", ");a.parseBox=d,a.mergeBoxes=g,a.addPropertiesHandler(d,g,["clip"])}(d,f),function(a,b){function c(a){return function(b){var c=0;return a.map(function(a){return a===k?b[c++]:a})}}function d(a){return a}function e(b){if(b=b.toLowerCase().trim(),"none"==b)return[];for(var c,d=/\s*(\w+)\(([^)]*)\)/g,e=[],f=0;c=d.exec(b);){if(c.index!=f)return;f=c.index+c[0].length;var g=c[1],h=n[g];if(!h)return;var i=c[2].split(","),j=h[0];if(j.length<i.length)return;for(var k=[],o=0;o<j.length;o++){var p,q=i[o],r=j[o];if(p=q?{A:function(b){return"0"==b.trim()?m:a.parseAngle(b)},N:a.parseNumber,T:a.parseLengthOrPercent,L:a.parseLength}[r.toUpperCase()](q):{a:m,n:k[0],t:l}[r],void 0===p)return;k.push(p)}if(e.push({t:g,d:k}),d.lastIndex==b.length)return e}}function f(a){return a.toFixed(6).replace(".000000","")}function g(b,c){if(b.decompositionPair!==c){b.decompositionPair=c;var d=a.makeMatrixDecomposition(b)}if(c.decompositionPair!==b){c.decompositionPair=b;var e=a.makeMatrixDecomposition(c)}return null==d[0]||null==e[0]?[[!1],[!0],function(a){return a?c[0].d:b[0].d}]:(d[0].push(0),e[0].push(1),[d,e,function(b){var c=a.quat(d[0][3],e[0][3],b[5]),g=a.composeMatrix(b[0],b[1],b[2],c,b[4]),h=g.map(f).join(",");return h}])}function h(a){return a.replace(/[xy]/,"")}function i(a){return a.replace(/(x|y|z|3d)?$/,"3d")}function j(b,c){var d=a.makeMatrixDecomposition&&!0,e=!1;if(!b.length||!c.length){b.length||(e=!0,b=c,c=[]);for(var f=0;f<b.length;f++){var j=b[f].t,k=b[f].d,l="scale"==j.substr(0,5)?1:0;c.push({t:j,d:k.map(function(a){if("number"==typeof a)return l;var b={};for(var c in a)b[c]=l;return b})})}}var m=function(a,b){return"perspective"==a&&"perspective"==b||("matrix"==a||"matrix3d"==a)&&("matrix"==b||"matrix3d"==b)},o=[],p=[],q=[];if(b.length!=c.length){if(!d)return;var r=g(b,c);o=[r[0]],p=[r[1]],q=[["matrix",[r[2]]]]}else for(var f=0;f<b.length;f++){var j,s=b[f].t,t=c[f].t,u=b[f].d,v=c[f].d,w=n[s],x=n[t];if(m(s,t)){if(!d)return;var r=g([b[f]],[c[f]]);o.push(r[0]),p.push(r[1]),q.push(["matrix",[r[2]]])}else{if(s==t)j=s;else if(w[2]&&x[2]&&h(s)==h(t))j=h(s),u=w[2](u),v=x[2](v);else{if(!w[1]||!x[1]||i(s)!=i(t)){if(!d)return;var r=g(b,c);o=[r[0]],p=[r[1]],q=[["matrix",[r[2]]]];break}j=i(s),u=w[1](u),v=x[1](v)}for(var y=[],z=[],A=[],B=0;B<u.length;B++){var C="number"==typeof u[B]?a.mergeNumbers:a.mergeDimensions,r=C(u[B],v[B]);y[B]=r[0],z[B]=r[1],A.push(r[2])}o.push(y),p.push(z),q.push([j,A])}}if(e){var D=o;o=p,p=D}return[o,p,function(a){return a.map(function(a,b){var c=a.map(function(a,c){return q[b][1][c](a)}).join(",");return"matrix"==q[b][0]&&16==c.split(",").length&&(q[b][0]="matrix3d"),q[b][0]+"("+c+")"}).join(" ")}]}var k=null,l={px:0},m={deg:0},n={matrix:["NNNNNN",[k,k,0,0,k,k,0,0,0,0,1,0,k,k,0,1],d],matrix3d:["NNNNNNNNNNNNNNNN",d],rotate:["A"],rotatex:["A"],rotatey:["A"],rotatez:["A"],rotate3d:["NNNA"],perspective:["L"],scale:["Nn",c([k,k,1]),d],scalex:["N",c([k,1,1]),c([k,1])],scaley:["N",c([1,k,1]),c([1,k])],scalez:["N",c([1,1,k])],scale3d:["NNN",d],skew:["Aa",null,d],skewx:["A",null,c([k,m])],skewy:["A",null,c([m,k])],translate:["Tt",c([k,k,l]),d],translatex:["T",c([k,l,l]),c([k,l])],translatey:["T",c([l,k,l]),c([l,k])],translatez:["L",c([l,l,k])],translate3d:["TTL",d]};a.addPropertiesHandler(e,j,["transform"])}(d,f),function(a,b){function c(a,b){b.concat([a]).forEach(function(b){b in document.documentElement.style&&(d[a]=b)})}var d={};c("transform",["webkitTransform","msTransform"]),c("transformOrigin",["webkitTransformOrigin"]),c("perspective",["webkitPerspective"]),c("perspectiveOrigin",["webkitPerspectiveOrigin"]),a.propertyName=function(a){return d[a]||a}}(d,f)}(),!function(a,b,c){function d(a){var b=window.document.timeline;b.currentTime=a,b._discardAnimations(),0==b._animations.length?f=!1:requestAnimationFrame(d)}var e=window.requestAnimationFrame;window.requestAnimationFrame=function(a){return e(function(b){window.document.timeline._updateAnimationsPromises(),a(b),window.document.timeline._updateAnimationsPromises()})},b.AnimationTimeline=function(){this._animations=[],this.currentTime=void 0},b.AnimationTimeline.prototype={getAnimations:function(){return this._discardAnimations(),this._animations.slice()},_updateAnimationsPromises:function(){b.animationsWithPromises=b.animationsWithPromises.filter(function(a){return a._updatePromises()})},_discardAnimations:function(){this._updateAnimationsPromises(),this._animations=this._animations.filter(function(a){return"finished"!=a.playState&&"idle"!=a.playState})},_play:function(a){var c=new b.Animation(a,this);return this._animations.push(c),b.restartWebAnimationsNextTick(),c._updatePromises(),c._animation.play(),c._updatePromises(),c},play:function(a){return a&&a.remove(),this._play(a)}};var f=!1;b.restartWebAnimationsNextTick=function(){f||(f=!0,requestAnimationFrame(d))};var g=new b.AnimationTimeline;b.timeline=g;try{Object.defineProperty(window.document,"timeline",{configurable:!0,get:function(){return g}})}catch(h){}try{window.document.timeline=g}catch(h){}}(c,e,f),function(a,b,c){b.animationsWithPromises=[],b.Animation=function(b,c){if(this.effect=b,b&&(b._animation=this),!c)throw new Error("Animation with null timeline is not supported");this._timeline=c,this._sequenceNumber=a.sequenceNumber++,this._holdTime=0,this._paused=!1,this._isGroup=!1,this._animation=null,this._childAnimations=[],this._callback=null,this._oldPlayState="idle",this._rebuildUnderlyingAnimation(),this._animation.cancel(),this._updatePromises()},b.Animation.prototype={_updatePromises:function(){var a=this._oldPlayState,b=this.playState;return this._readyPromise&&b!==a&&("idle"==b?(this._rejectReadyPromise(),this._readyPromise=void 0):"pending"==a?this._resolveReadyPromise():"pending"==b&&(this._readyPromise=void 0)),this._finishedPromise&&b!==a&&("idle"==b?(this._rejectFinishedPromise(),this._finishedPromise=void 0):"finished"==b?this._resolveFinishedPromise():"finished"==a&&(this._finishedPromise=void 0)),this._oldPlayState=this.playState,this._readyPromise||this._finishedPromise},_rebuildUnderlyingAnimation:function(){this._updatePromises();var a,c,d,e,f=this._animation?!0:!1;f&&(a=this.playbackRate,c=this._paused,d=this.startTime,e=this.currentTime,this._animation.cancel(),this._animation._wrapper=null,this._animation=null),(!this.effect||this.effect instanceof window.KeyframeEffect)&&(this._animation=b.newUnderlyingAnimationForKeyframeEffect(this.effect),b.bindAnimationForKeyframeEffect(this)),(this.effect instanceof window.SequenceEffect||this.effect instanceof window.GroupEffect)&&(this._animation=b.newUnderlyingAnimationForGroup(this.effect),b.bindAnimationForGroup(this)),this.effect&&this.effect._onsample&&b.bindAnimationForCustomEffect(this),f&&(1!=a&&(this.playbackRate=a),
-null!==d?this.startTime=d:null!==e?this.currentTime=e:null!==this._holdTime&&(this.currentTime=this._holdTime),c&&this.pause()),this._updatePromises()},_updateChildren:function(){if(this.effect&&"idle"!=this.playState){var a=this.effect._timing.delay;this._childAnimations.forEach(function(c){this._arrangeChildren(c,a),this.effect instanceof window.SequenceEffect&&(a+=b.groupChildDuration(c.effect))}.bind(this))}},_setExternalAnimation:function(a){if(this.effect&&this._isGroup)for(var b=0;b<this.effect.children.length;b++)this.effect.children[b]._animation=a,this._childAnimations[b]._setExternalAnimation(a)},_constructChildAnimations:function(){if(this.effect&&this._isGroup){var a=this.effect._timing.delay;this._removeChildAnimations(),this.effect.children.forEach(function(c){var d=window.document.timeline._play(c);this._childAnimations.push(d),d.playbackRate=this.playbackRate,this._paused&&d.pause(),c._animation=this.effect._animation,this._arrangeChildren(d,a),this.effect instanceof window.SequenceEffect&&(a+=b.groupChildDuration(c))}.bind(this))}},_arrangeChildren:function(a,b){null===this.startTime?a.currentTime=this.currentTime-b/this.playbackRate:a.startTime!==this.startTime+b/this.playbackRate&&(a.startTime=this.startTime+b/this.playbackRate)},get timeline(){return this._timeline},get playState(){return this._animation?this._animation.playState:"idle"},get finished(){return window.Promise?(this._finishedPromise||(-1==b.animationsWithPromises.indexOf(this)&&b.animationsWithPromises.push(this),this._finishedPromise=new Promise(function(a,b){this._resolveFinishedPromise=function(){a(this)},this._rejectFinishedPromise=function(){b({type:DOMException.ABORT_ERR,name:"AbortError"})}}.bind(this)),"finished"==this.playState&&this._resolveFinishedPromise()),this._finishedPromise):(console.warn("Animation Promises require JavaScript Promise constructor"),null)},get ready(){return window.Promise?(this._readyPromise||(-1==b.animationsWithPromises.indexOf(this)&&b.animationsWithPromises.push(this),this._readyPromise=new Promise(function(a,b){this._resolveReadyPromise=function(){a(this)},this._rejectReadyPromise=function(){b({type:DOMException.ABORT_ERR,name:"AbortError"})}}.bind(this)),"pending"!==this.playState&&this._resolveReadyPromise()),this._readyPromise):(console.warn("Animation Promises require JavaScript Promise constructor"),null)},get onfinish(){return this._onfinish},set onfinish(a){"function"==typeof a?(this._onfinish=a,this._animation.onfinish=function(b){b.target=this,a.call(this,b)}.bind(this)):(this._animation.onfinish=a,this.onfinish=this._animation.onfinish)},get currentTime(){this._updatePromises();var a=this._animation.currentTime;return this._updatePromises(),a},set currentTime(a){this._updatePromises(),this._animation.currentTime=isFinite(a)?a:Math.sign(a)*Number.MAX_VALUE,this._register(),this._forEachChild(function(b,c){b.currentTime=a-c}),this._updatePromises()},get startTime(){return this._animation.startTime},set startTime(a){this._updatePromises(),this._animation.startTime=isFinite(a)?a:Math.sign(a)*Number.MAX_VALUE,this._register(),this._forEachChild(function(b,c){b.startTime=a+c}),this._updatePromises()},get playbackRate(){return this._animation.playbackRate},set playbackRate(a){this._updatePromises();var b=this.currentTime;this._animation.playbackRate=a,this._forEachChild(function(b){b.playbackRate=a}),"paused"!=this.playState&&"idle"!=this.playState&&this.play(),null!==b&&(this.currentTime=b),this._updatePromises()},play:function(){this._updatePromises(),this._paused=!1,this._animation.play(),-1==this._timeline._animations.indexOf(this)&&this._timeline._animations.push(this),this._register(),b.awaitStartTime(this),this._forEachChild(function(a){var b=a.currentTime;a.play(),a.currentTime=b}),this._updatePromises()},pause:function(){this._updatePromises(),this.currentTime&&(this._holdTime=this.currentTime),this._animation.pause(),this._register(),this._forEachChild(function(a){a.pause()}),this._paused=!0,this._updatePromises()},finish:function(){this._updatePromises(),this._animation.finish(),this._register(),this._updatePromises()},cancel:function(){this._updatePromises(),this._animation.cancel(),this._register(),this._removeChildAnimations(),this._updatePromises()},reverse:function(){this._updatePromises();var a=this.currentTime;this._animation.reverse(),this._forEachChild(function(a){a.reverse()}),null!==a&&(this.currentTime=a),this._updatePromises()},addEventListener:function(a,b){var c=b;"function"==typeof b&&(c=function(a){a.target=this,b.call(this,a)}.bind(this),b._wrapper=c),this._animation.addEventListener(a,c)},removeEventListener:function(a,b){this._animation.removeEventListener(a,b&&b._wrapper||b)},_removeChildAnimations:function(){for(;this._childAnimations.length;)this._childAnimations.pop().cancel()},_forEachChild:function(b){var c=0;if(this.effect.children&&this._childAnimations.length<this.effect.children.length&&this._constructChildAnimations(),this._childAnimations.forEach(function(a){b.call(this,a,c),this.effect instanceof window.SequenceEffect&&(c+=a.effect.activeDuration)}.bind(this)),"pending"!=this.playState){var d=this.effect._timing,e=this.currentTime;null!==e&&(e=a.calculateTimeFraction(a.calculateActiveDuration(d),e,d)),(null==e||isNaN(e))&&this._removeChildAnimations()}}},window.Animation=b.Animation}(c,e,f),function(a,b,c){function d(b){this._frames=a.normalizeKeyframes(b)}function e(){for(var a=!1;i.length;){var b=i.shift();b._updateChildren(),a=!0}return a}var f=function(a){if(a._animation=void 0,a instanceof window.SequenceEffect||a instanceof window.GroupEffect)for(var b=0;b<a.children.length;b++)f(a.children[b])};b.removeMulti=function(a){for(var b=[],c=0;c<a.length;c++){var d=a[c];d._parent?(-1==b.indexOf(d._parent)&&b.push(d._parent),d._parent.children.splice(d._parent.children.indexOf(d),1),d._parent=null,f(d)):d._animation&&d._animation.effect==d&&(d._animation.cancel(),d._animation.effect=new KeyframeEffect(null,[]),d._animation._callback&&(d._animation._callback._animation=null),d._animation._rebuildUnderlyingAnimation(),f(d))}for(c=0;c<b.length;c++)b[c]._rebuild()},b.KeyframeEffect=function(b,c,e){return this.target=b,this._parent=null,e=a.numericTimingToObject(e),this._timingInput=a.cloneTimingInput(e),this._timing=a.normalizeTimingInput(e),this.timing=a.makeTiming(e,!1,this),this.timing._effect=this,"function"==typeof c?(a.deprecated("Custom KeyframeEffect","2015-06-22","Use KeyframeEffect.onsample instead."),this._normalizedKeyframes=c):this._normalizedKeyframes=new d(c),this._keyframes=c,this.activeDuration=a.calculateActiveDuration(this._timing),this},b.KeyframeEffect.prototype={getFrames:function(){return"function"==typeof this._normalizedKeyframes?this._normalizedKeyframes:this._normalizedKeyframes._frames},set onsample(a){if("function"==typeof this.getFrames())throw new Error("Setting onsample on custom effect KeyframeEffect is not supported.");this._onsample=a,this._animation&&this._animation._rebuildUnderlyingAnimation()},get parent(){return this._parent},clone:function(){if("function"==typeof this.getFrames())throw new Error("Cloning custom effects is not supported.");var b=new KeyframeEffect(this.target,[],a.cloneTimingInput(this._timingInput));return b._normalizedKeyframes=this._normalizedKeyframes,b._keyframes=this._keyframes,b},remove:function(){b.removeMulti([this])}};var g=Element.prototype.animate;Element.prototype.animate=function(a,c){return b.timeline._play(new b.KeyframeEffect(this,a,c))};var h=document.createElementNS("http://www.w3.org/1999/xhtml","div");b.newUnderlyingAnimationForKeyframeEffect=function(a){if(a){var b=a.target||h,c=a._keyframes;"function"==typeof c&&(c=[]);var d=a._timingInput}else var b=h,c=[],d=0;return g.apply(b,[c,d])},b.bindAnimationForKeyframeEffect=function(a){a.effect&&"function"==typeof a.effect._normalizedKeyframes&&b.bindAnimationForCustomEffect(a)};var i=[];b.awaitStartTime=function(a){null===a.startTime&&a._isGroup&&(0==i.length&&requestAnimationFrame(e),i.push(a))};var j=window.getComputedStyle;Object.defineProperty(window,"getComputedStyle",{configurable:!0,enumerable:!0,value:function(){window.document.timeline._updateAnimationsPromises();var a=j.apply(this,arguments);return e()&&(a=j.apply(this,arguments)),window.document.timeline._updateAnimationsPromises(),a}}),window.KeyframeEffect=b.KeyframeEffect,window.Element.prototype.getAnimations=function(){return document.timeline.getAnimations().filter(function(a){return null!==a.effect&&a.effect.target==this}.bind(this))}}(c,e,f),function(a,b,c){function d(a){a._registered||(a._registered=!0,g.push(a),h||(h=!0,requestAnimationFrame(e)))}function e(a){var b=g;g=[],b.sort(function(a,b){return a._sequenceNumber-b._sequenceNumber}),b=b.filter(function(a){a();var b=a._animation?a._animation.playState:"idle";return"running"!=b&&"pending"!=b&&(a._registered=!1),a._registered}),g.push.apply(g,b),g.length?(h=!0,requestAnimationFrame(e)):h=!1}var f=(document.createElementNS("http://www.w3.org/1999/xhtml","div"),0);b.bindAnimationForCustomEffect=function(b){var c,e=b.effect.target,g="function"==typeof b.effect.getFrames();c=g?b.effect.getFrames():b.effect._onsample;var h=b.effect.timing,i=null;h=a.normalizeTimingInput(h);var j=function(){var d=j._animation?j._animation.currentTime:null;null!==d&&(d=a.calculateTimeFraction(a.calculateActiveDuration(h),d,h),isNaN(d)&&(d=null)),d!==i&&(g?c(d,e,b.effect):c(d,b.effect,b.effect._animation)),i=d};j._animation=b,j._registered=!1,j._sequenceNumber=f++,b._callback=j,d(j)};var g=[],h=!1;b.Animation.prototype._register=function(){this._callback&&d(this._callback)}}(c,e,f),function(a,b,c){function d(a){return a._timing.delay+a.activeDuration+a._timing.endDelay}function e(b,c){this._parent=null,this.children=b||[],this._reparent(this.children),c=a.numericTimingToObject(c),this._timingInput=a.cloneTimingInput(c),this._timing=a.normalizeTimingInput(c,!0),this.timing=a.makeTiming(c,!0,this),this.timing._effect=this,"auto"===this._timing.duration&&(this._timing.duration=this.activeDuration)}window.SequenceEffect=function(){e.apply(this,arguments)},window.GroupEffect=function(){e.apply(this,arguments)},e.prototype={_isAncestor:function(a){for(var b=this;null!==b;){if(b==a)return!0;b=b._parent}return!1},_rebuild:function(){for(var a=this;a;)"auto"===a.timing.duration&&(a._timing.duration=a.activeDuration),a=a._parent;this._animation&&this._animation._rebuildUnderlyingAnimation()},_reparent:function(a){b.removeMulti(a);for(var c=0;c<a.length;c++)a[c]._parent=this},_putChild:function(a,b){for(var c=b?"Cannot append an ancestor or self":"Cannot prepend an ancestor or self",d=0;d<a.length;d++)if(this._isAncestor(a[d]))throw{type:DOMException.HIERARCHY_REQUEST_ERR,name:"HierarchyRequestError",message:c};for(var d=0;d<a.length;d++)b?this.children.push(a[d]):this.children.unshift(a[d]);this._reparent(a),this._rebuild()},append:function(){this._putChild(arguments,!0)},prepend:function(){this._putChild(arguments,!1)},get parent(){return this._parent},get firstChild(){return this.children.length?this.children[0]:null},get lastChild(){return this.children.length?this.children[this.children.length-1]:null},clone:function(){for(var b=a.cloneTimingInput(this._timingInput),c=[],d=0;d<this.children.length;d++)c.push(this.children[d].clone());return this instanceof GroupEffect?new GroupEffect(c,b):new SequenceEffect(c,b)},remove:function(){b.removeMulti([this])}},window.SequenceEffect.prototype=Object.create(e.prototype),Object.defineProperty(window.SequenceEffect.prototype,"activeDuration",{get:function(){var a=0;return this.children.forEach(function(b){a+=d(b)}),Math.max(a,0)}}),window.GroupEffect.prototype=Object.create(e.prototype),Object.defineProperty(window.GroupEffect.prototype,"activeDuration",{get:function(){var a=0;return this.children.forEach(function(b){a=Math.max(a,d(b))}),a}}),b.newUnderlyingAnimationForGroup=function(c){var d,e=null,f=function(b){var c=d._wrapper;return c&&"pending"!=c.playState&&c.effect?null==b?void c._removeChildAnimations():0==b&&c.playbackRate<0&&(e||(e=a.normalizeTimingInput(c.effect.timing)),b=a.calculateTimeFraction(a.calculateActiveDuration(e),-1,e),isNaN(b)||null==b)?(c._forEachChild(function(a){a.currentTime=-1}),void c._removeChildAnimations()):void 0:void 0},g=new KeyframeEffect(null,[],c._timing);return g.onsample=f,d=b.timeline._play(g)},b.bindAnimationForGroup=function(a){a._animation._wrapper=a,a._isGroup=!0,b.awaitStartTime(a),a._constructChildAnimations(),a._setExternalAnimation(a)},b.groupChildDuration=d}(c,e,f),b["true"]=a}({},function(){return this}());
-//# sourceMappingURL=web-animations-next-lite.min.js.map
\ No newline at end of file
diff --git a/scripts/resources/web-animations-js/web-animations-next.dev.html b/scripts/resources/web-animations-js/web-animations-next.dev.html
deleted file mode 100644
index a7213384789..00000000000
--- a/scripts/resources/web-animations-js/web-animations-next.dev.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<!--
- Copyright 2014 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.
--->
-<script src="src/dev.js"></script>
-<script src="src/scope.js"></script>
-<script src="src/timing-utilities.js"></script>
-<script src="src/normalize-keyframes.js"></script>
-<script src="src/keyframe-interpolations.js"></script>
-<script src="src/property-interpolation.js"></script>
-<script src="src/keyframe-effect.js"></script>
-<script src="src/apply-preserving-inline-style.js"></script>
-<script src="src/element-animatable.js"></script>
-<script src="src/interpolation.js"></script>
-<script src="src/matrix-interpolation.js"></script>
-<script src="src/animation.js"></script>
-<script src="src/tick.js"></script>
-<script src="src/matrix-decomposition.js"></script>
-<script src="src/handler-utils.js"></script>
-<script src="src/shadow-handler.js"></script>
-<script src="src/number-handler.js"></script>
-<script src="src/visibility-handler.js"></script>
-<script src="src/color-handler.js"></script>
-<script src="src/dimension-handler.js"></script>
-<script src="src/box-handler.js"></script>
-<script src="src/transform-handler.js"></script>
-<script src="src/font-weight-handler.js"></script>
-<script src="src/position-handler.js"></script>
-<script src="src/shape-handler.js"></script>
-<script src="src/property-names.js"></script>
-<script src="src/timeline.js"></script>
-<script src="src/web-animations-next-animation.js"></script>
-<script src="src/keyframe-effect-constructor.js"></script>
-<script src="src/effect-callback.js"></script>
-<script src="src/group-constructors.js"></script>
-
diff --git a/scripts/resources/web-animations-js/web-animations-next.dev.js b/scripts/resources/web-animations-js/web-animations-next.dev.js
deleted file mode 100644
index 8f2a4e29711..00000000000
--- a/scripts/resources/web-animations-js/web-animations-next.dev.js
+++ /dev/null
@@ -1,21 +0,0 @@
-// Copyright 2014 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.
-var webAnimationsSourceTarget = 'web-animations-next';
-var WEB_ANIMATIONS_TESTING = false;
-(function() {
-  var scripts = document.getElementsByTagName('script');
-  var location = scripts[scripts.length - 1].src.replace(/[^\/]+$/, '');
-  document.write('<script src="' + location + 'target-config.js"></script>');
-  document.write('<script src="' + location + 'target-loader.js"></script>');
-})();
diff --git a/scripts/resources/web-animations-js/web-animations-next.min.js b/scripts/resources/web-animations-js/web-animations-next.min.js
deleted file mode 100644
index 8a0cefe6ad3..00000000000
--- a/scripts/resources/web-animations-js/web-animations-next.min.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// Copyright 2014 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(a,b){var c={},d={},e={},f=null;!function(a,b){function c(a){if("number"==typeof a)return a;var b={};for(var c in a)b[c]=a[c];return b}function d(){this._delay=0,this._endDelay=0,this._fill="none",this._iterationStart=0,this._iterations=1,this._duration=0,this._playbackRate=1,this._direction="normal",this._easing="linear"}function e(a,b,c){var e=new d;return b&&(e.fill="both",e.duration="auto"),"number"!=typeof a||isNaN(a)?void 0!==a&&Object.getOwnPropertyNames(a).forEach(function(b){if("auto"!=a[b]){if(("number"==typeof e[b]||"duration"==b)&&("number"!=typeof a[b]||isNaN(a[b])))return;if("fill"==b&&-1==t.indexOf(a[b]))return;if("direction"==b&&-1==u.indexOf(a[b]))return;e[b]=a[b]}}):e.duration=a,e}function f(a){return"number"==typeof a&&(a=isNaN(a)?{duration:0}:{duration:a}),a}function g(b,c){b=a.numericTimingToObject(b);var d=e(b,c);return d._easing=j(d.easing),d}function h(a,b,c,d){return 0>a||a>1||0>c||c>1?C:function(e){function f(a,b,c){return 3*a*(1-c)*(1-c)*c+3*b*(1-c)*c*c+c*c*c}if(0==e||1==e)return e;for(var g=0,h=1;;){var i=(g+h)/2,j=f(a,c,i);if(Math.abs(e-j)<.001)return f(b,d,i);e>j?g=i:h=i}}}function i(a,b){return function(c){if(c>=1)return 1;var d=1/a;return c+=b*d,c-c%d}}function j(a){var b=A.exec(a);if(b)return h.apply(this,b.slice(1).map(Number));var c=B.exec(a);if(c)return i(Number(c[1]),{start:v,middle:w,end:x}[c[2]]);var d=y[a];return d?d:C}function k(a){return Math.abs(l(a)/a.playbackRate)}function l(a){return a.duration*a.iterations}function m(a,b,c){return null==b?D:b<c.delay?E:b>=c.delay+a?F:G}function n(a,b,c,d,e){switch(d){case E:return"backwards"==b||"both"==b?0:null;case G:return c-e;case F:return"forwards"==b||"both"==b?a:null;case D:return null}}function o(a,b,c,d){return(d.playbackRate<0?b-a:b)*d.playbackRate+c}function p(a,b,c,d,e){return c===1/0||c===-(1/0)||c-d==b&&e.iterations&&(e.iterations+e.iterationStart)%1==0?a:c%a}function q(a,b,c,d){return 0===c?0:b==a?d.iterationStart+d.iterations-1:Math.floor(c/a)}function r(a,b,c,d){var e=a%2>=1,f="normal"==d.direction||d.direction==(e?"alternate-reverse":"alternate"),g=f?c:b-c,h=g/b;return b*d.easing(h)}function s(a,b,c){var d=m(a,b,c),e=n(a,c.fill,b,d,c.delay);if(null===e)return null;if(0===a)return d===E?0:1;var f=c.iterationStart*c.duration,g=o(a,e,f,c),h=p(c.duration,l(c),g,f,c),i=q(c.duration,h,g,c);return r(i,c.duration,h,c)/c.duration}var t="backwards|forwards|both|none".split("|"),u="reverse|alternate|alternate-reverse".split("|");d.prototype={_setMember:function(b,c){this["_"+b]=c,this._effect&&(this._effect._timingInput[b]=c,this._effect._timing=a.normalizeTimingInput(a.normalizeTimingInput(this._effect._timingInput)),this._effect.activeDuration=a.calculateActiveDuration(this._effect._timing),this._effect._animation&&this._effect._animation._rebuildUnderlyingAnimation())},get playbackRate(){return this._playbackRate},set delay(a){this._setMember("delay",a)},get delay(){return this._delay},set endDelay(a){this._setMember("endDelay",a)},get endDelay(){return this._endDelay},set fill(a){this._setMember("fill",a)},get fill(){return this._fill},set iterationStart(a){this._setMember("iterationStart",a)},get iterationStart(){return this._iterationStart},set duration(a){this._setMember("duration",a)},get duration(){return this._duration},set direction(a){this._setMember("direction",a)},get direction(){return this._direction},set easing(a){this._setMember("easing",a)},get easing(){return this._easing},set iterations(a){this._setMember("iterations",a)},get iterations(){return this._iterations}};var v=1,w=.5,x=0,y={ease:h(.25,.1,.25,1),"ease-in":h(.42,0,1,1),"ease-out":h(0,0,.58,1),"ease-in-out":h(.42,0,.58,1),"step-start":i(1,v),"step-middle":i(1,w),"step-end":i(1,x)},z="\\s*(-?\\d+\\.?\\d*|-?\\.\\d+)\\s*",A=new RegExp("cubic-bezier\\("+z+","+z+","+z+","+z+"\\)"),B=/steps\(\s*(\d+)\s*,\s*(start|middle|end)\s*\)/,C=function(a){return a},D=0,E=1,F=2,G=3;a.cloneTimingInput=c,a.makeTiming=e,a.numericTimingToObject=f,a.normalizeTimingInput=g,a.calculateActiveDuration=k,a.calculateTimeFraction=s,a.calculatePhase=m,a.toTimingFunction=j}(c,f),function(a,b){function c(a,b){return a in i?i[a][b]||b:b}function d(a,b,d){var e=f[a];if(e){g.style[a]=b;for(var h in e){var i=e[h],j=g.style[i];d[i]=c(i,j)}}else d[a]=c(a,b)}function e(b){function c(){var a=e.length;null==e[a-1].offset&&(e[a-1].offset=1),a>1&&null==e[0].offset&&(e[0].offset=0);for(var b=0,c=e[0].offset,d=1;a>d;d++){var f=e[d].offset;if(null!=f){for(var g=1;d-b>g;g++)e[b+g].offset=c+(f-c)*g/(d-b);b=d,c=f}}}if(!Array.isArray(b)&&null!==b)throw new TypeError("Keyframes must be null or an array of keyframes");if(null==b)return[];for(var e=b.map(function(b){var c={};for(var e in b){var f=b[e];if("offset"==e){if(null!=f&&(f=Number(f),!isFinite(f)))throw new TypeError("keyframe offsets must be numbers.")}else{if("composite"==e)throw{type:DOMException.NOT_SUPPORTED_ERR,name:"NotSupportedError",message:"add compositing is not supported"};f="easing"==e?a.toTimingFunction(f):""+f}d(e,f,c)}return void 0==c.offset&&(c.offset=null),void 0==c.easing&&(c.easing=a.toTimingFunction("linear")),c}),f=!0,g=-(1/0),h=0;h<e.length;h++){var i=e[h].offset;if(null!=i){if(g>i)throw{code:DOMException.INVALID_MODIFICATION_ERR,name:"InvalidModificationError",message:"Keyframes are not loosely sorted by offset. Sort or specify offsets."};g=i}else f=!1}return e=e.filter(function(a){return a.offset>=0&&a.offset<=1}),f||c(),e}var f={background:["backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundOrigin","backgroundClip","backgroundColor"],border:["borderTopColor","borderTopStyle","borderTopWidth","borderRightColor","borderRightStyle","borderRightWidth","borderBottomColor","borderBottomStyle","borderBottomWidth","borderLeftColor","borderLeftStyle","borderLeftWidth"],borderBottom:["borderBottomWidth","borderBottomStyle","borderBottomColor"],borderColor:["borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"],borderLeft:["borderLeftWidth","borderLeftStyle","borderLeftColor"],borderRadius:["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],borderRight:["borderRightWidth","borderRightStyle","borderRightColor"],borderTop:["borderTopWidth","borderTopStyle","borderTopColor"],borderWidth:["borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth"],flex:["flexGrow","flexShrink","flexBasis"],font:["fontFamily","fontSize","fontStyle","fontVariant","fontWeight","lineHeight"],margin:["marginTop","marginRight","marginBottom","marginLeft"],outline:["outlineColor","outlineStyle","outlineWidth"],padding:["paddingTop","paddingRight","paddingBottom","paddingLeft"]},g=document.createElementNS("http://www.w3.org/1999/xhtml","div"),h={thin:"1px",medium:"3px",thick:"5px"},i={borderBottomWidth:h,borderLeftWidth:h,borderRightWidth:h,borderTopWidth:h,fontSize:{"xx-small":"60%","x-small":"75%",small:"89%",medium:"100%",large:"120%","x-large":"150%","xx-large":"200%"},fontWeight:{normal:"400",bold:"700"},outlineWidth:h,textShadow:{none:"0px 0px 0px transparent"},boxShadow:{none:"0px 0px 0px 0px transparent"}};a.normalizeKeyframes=e}(c,f),function(){var a=0;if(window.requestAnimationFrame||(window.requestAnimationFrame=function(b,c){var d=Date.now(),e=Math.max(0,16-(d-a)),f=window.setTimeout(function(){b(d+e)},e);return a=d+e,f}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(a){clearTimeout(a)}),document.documentElement.animate){var b=document.documentElement.animate([],0),e=!0;if(b&&(e=!1,"play|currentTime|pause|reverse|playbackRate|cancel|finish|startTime|playState".split("|").forEach(function(a){void 0===b[a]&&(e=!0)})),!e)return}!function(a,b,c){function d(a){for(var b={},c=0;c<a.length;c++)for(var d in a[c])if("offset"!=d&&"easing"!=d&&"composite"!=d){var e={offset:a[c].offset,easing:a[c].easing,value:a[c][d]};b[d]=b[d]||[],b[d].push(e)}for(var f in b){var g=b[f];if(0!=g[0].offset||1!=g[g.length-1].offset)throw{type:DOMException.NOT_SUPPORTED_ERR,name:"NotSupportedError",message:"Partial keyframes are not supported"}}return b}function e(a){var c=[];for(var d in a)for(var e=a[d],f=0;f<e.length-1;f++){var g=e[f].offset,h=e[f+1].offset,i=e[f].value,j=e[f+1].value;g==h&&(1==h?i=j:j=i),c.push({startTime:g,endTime:h,easing:e[f].easing,property:d,interpolation:b.propertyInterpolation(d,i,j)})}return c.sort(function(a,b){return a.startTime-b.startTime}),c}b.convertEffectInput=function(c){var f=a.normalizeKeyframes(c),g=d(f),h=e(g);return function(a,c){null!=c&&h.filter(function(a){return 0>=c&&0==a.startTime||c>=1&&1==a.endTime||c>=a.startTime&&c<=a.endTime}).forEach(function(d){var e=c-d.startTime,f=d.endTime-d.startTime,g=0==f?0:d.easing(e/f);b.apply(a,d.property,d.interpolation(g))})}}}(c,d,f),function(a,b){function c(a,b,c){f[c]=f[c]||[],f[c].push([a,b])}function d(a,b,d){for(var e=0;e<d.length;e++){var f=d[e];c(a,b,f),/-/.test(f)&&c(a,b,f.replace(/-(.)/g,function(a,b){return b.toUpperCase()}))}}function e(b,c,d){if("initial"==c||"initial"==d){var e=b.replace(/-(.)/g,function(a,b){return b.toUpperCase()});"initial"==c&&(c=g[e]),"initial"==d&&(d=g[e])}for(var h=c==d?[]:f[b],i=0;h&&i<h.length;i++){var j=h[i][0](c),k=h[i][0](d);if(void 0!==j&&void 0!==k){var l=h[i][1](j,k);if(l){var m=a.Interpolation.apply(null,l);return function(a){return 0==a?c:1==a?d:m(a)}}}}return a.Interpolation(!1,!0,function(a){return a?d:c})}var f={};a.addPropertiesHandler=d;var g={backgroundColor:"transparent",backgroundPosition:"0% 0%",borderBottomColor:"currentColor",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",borderBottomWidth:"3px",borderLeftColor:"currentColor",borderLeftWidth:"3px",borderRightColor:"currentColor",borderRightWidth:"3px",borderSpacing:"2px",borderTopColor:"currentColor",borderTopLeftRadius:"0px",borderTopRightRadius:"0px",borderTopWidth:"3px",bottom:"auto",clip:"rect(0px, 0px, 0px, 0px)",color:"black",fontSize:"100%",fontWeight:"400",height:"auto",left:"auto",letterSpacing:"normal",lineHeight:"120%",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",marginTop:"0px",maxHeight:"none",maxWidth:"none",minHeight:"0px",minWidth:"0px",opacity:"1.0",outlineColor:"invert",outlineOffset:"0px",outlineWidth:"3px",paddingBottom:"0px",paddingLeft:"0px",paddingRight:"0px",paddingTop:"0px",right:"auto",textIndent:"0px",textShadow:"0px 0px 0px transparent",top:"auto",transform:"",verticalAlign:"0px",visibility:"visible",width:"auto",wordSpacing:"normal",zIndex:"auto"};a.propertyInterpolation=e}(d,f),function(a,b,c){function d(b){var c=a.calculateActiveDuration(b),d=function(d){return a.calculateTimeFraction(c,d,b)};return d._totalDuration=b.delay+c+b.endDelay,d._isCurrent=function(d){var e=a.calculatePhase(c,d,b);return e===PhaseActive||e===PhaseBefore},d}b.KeyframeEffect=function(c,e,f){var g,h=d(a.normalizeTimingInput(f)),i=b.convertEffectInput(e),j=function(){i(c,g)};return j._update=function(a){return g=h(a),null!==g},j._clear=function(){i(c,null)},j._hasSameTarget=function(a){return c===a},j._isCurrent=h._isCurrent,j._totalDuration=h._totalDuration,j},b.NullEffect=function(a){var b=function(){a&&(a(),a=null)};return b._update=function(){return null},b._totalDuration=0,b._isCurrent=function(){return!1},b._hasSameTarget=function(){return!1},b}}(c,d,f),function(a,b){function c(a,b,c){c.enumerable=!0,c.configurable=!0,Object.defineProperty(a,b,c)}function d(a){this._surrogateStyle=document.createElementNS("http://www.w3.org/1999/xhtml","div").style,this._style=a.style,this._length=0,this._isAnimatedProperty={};for(var b=0;b<this._style.length;b++){var c=this._style[b];this._surrogateStyle[c]=this._style[c]}this._updateIndices()}function e(a){if(!a._webAnimationsPatchedStyle){var b=new d(a);try{c(a,"style",{get:function(){return b}})}catch(e){a.style._set=function(b,c){a.style[b]=c},a.style._clear=function(b){a.style[b]=""}}a._webAnimationsPatchedStyle=a.style}}var f={cssText:1,length:1,parentRule:1},g={getPropertyCSSValue:1,getPropertyPriority:1,getPropertyValue:1,item:1,removeProperty:1,setProperty:1},h={removeProperty:1,setProperty:1};d.prototype={get cssText(){return this._surrogateStyle.cssText},set cssText(a){for(var b={},c=0;c<this._surrogateStyle.length;c++)b[this._surrogateStyle[c]]=!0;this._surrogateStyle.cssText=a,this._updateIndices();for(var c=0;c<this._surrogateStyle.length;c++)b[this._surrogateStyle[c]]=!0;for(var d in b)this._isAnimatedProperty[d]||this._style.setProperty(d,this._surrogateStyle.getPropertyValue(d))},get length(){return this._surrogateStyle.length},get parentRule(){return this._style.parentRule},_updateIndices:function(){for(;this._length<this._surrogateStyle.length;)Object.defineProperty(this,this._length,{configurable:!0,enumerable:!1,get:function(a){return function(){return this._surrogateStyle[a]}}(this._length)}),this._length++;for(;this._length>this._surrogateStyle.length;)this._length--,Object.defineProperty(this,this._length,{configurable:!0,enumerable:!1,value:void 0})},_set:function(a,b){this._style[a]=b,this._isAnimatedProperty[a]=!0},_clear:function(a){this._style[a]=this._surrogateStyle[a],delete this._isAnimatedProperty[a]}};for(var i in g)d.prototype[i]=function(a,b){return function(){var c=this._surrogateStyle[a].apply(this._surrogateStyle,arguments);return b&&(this._isAnimatedProperty[arguments[0]]||this._style[a].apply(this._style,arguments),this._updateIndices()),c}}(i,i in h);for(var j in document.documentElement.style)j in f||j in g||!function(a){c(d.prototype,a,{get:function(){return this._surrogateStyle[a]},set:function(b){this._surrogateStyle[a]=b,this._updateIndices(),this._isAnimatedProperty[a]||(this._style[a]=b)}})}(j);a.apply=function(b,c,d){e(b),b.style._set(a.propertyName(c),d)},a.clear=function(b,c){b._webAnimationsPatchedStyle&&b.style._clear(a.propertyName(c))}}(d,f),function(a){window.Element.prototype.animate=function(b,c){return a.timeline._play(a.KeyframeEffect(this,b,c))}}(d),function(a,b){function c(a,b,d){if("number"==typeof a&&"number"==typeof b)return a*(1-d)+b*d;if("boolean"==typeof a&&"boolean"==typeof b)return.5>d?a:b;if(a.length==b.length){for(var e=[],f=0;f<a.length;f++)e.push(c(a[f],b[f],d));return e}throw"Mismatched interpolation arguments "+a+":"+b}a.Interpolation=function(a,b,d){return function(e){return d(c(a,b,e))}}}(d,f),function(a,b){function c(a,b,c){return Math.max(Math.min(a,c),b)}function d(b,d,e){var f=a.dot(b,d);f=c(f,-1,1);var g=[];if(1===f)g=b;else for(var h=Math.acos(f),i=1*Math.sin(e*h)/Math.sqrt(1-f*f),j=0;4>j;j++)g.push(b[j]*(Math.cos(e*h)-f*i)+d[j]*i);return g}var e=function(){function a(a,b){for(var c=[[0,0,0,0],[0,0,0,0],[0,0,0,0],[0,0,0,0]],d=0;4>d;d++)for(var e=0;4>e;e++)for(var f=0;4>f;f++)c[d][e]+=b[d][f]*a[f][e];return c}function b(a){return 0==a[0][2]&&0==a[0][3]&&0==a[1][2]&&0==a[1][3]&&0==a[2][0]&&0==a[2][1]&&1==a[2][2]&&0==a[2][3]&&0==a[3][2]&&1==a[3][3]}function c(c,d,e,f,g){for(var h=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],i=0;4>i;i++)h[i][3]=g[i];for(var i=0;3>i;i++)for(var j=0;3>j;j++)h[3][i]+=c[j]*h[j][i];var k=f[0],l=f[1],m=f[2],n=f[3],o=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]];o[0][0]=1-2*(l*l+m*m),o[0][1]=2*(k*l-m*n),o[0][2]=2*(k*m+l*n),o[1][0]=2*(k*l+m*n),o[1][1]=1-2*(k*k+m*m),o[1][2]=2*(l*m-k*n),o[2][0]=2*(k*m-l*n),o[2][1]=2*(l*m+k*n),o[2][2]=1-2*(k*k+l*l),h=a(h,o);var p=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]];e[2]&&(p[2][1]=e[2],h=a(h,p)),e[1]&&(p[2][1]=0,p[2][0]=e[0],h=a(h,p)),e[0]&&(p[2][0]=0,p[1][0]=e[0],h=a(h,p));for(var i=0;3>i;i++)for(var j=0;3>j;j++)h[i][j]*=d[i];return b(h)?[h[0][0],h[0][1],h[1][0],h[1][1],h[3][0],h[3][1]]:h[0].concat(h[1],h[2],h[3])}return c}();a.composeMatrix=e,a.quat=d}(d,f),function(a,b,c){a.sequenceNumber=0;var d=function(a,b,c){this.target=a,this.currentTime=b,this.timelineTime=c,this.type="finish",this.bubbles=!1,this.cancelable=!1,this.currentTarget=a,this.defaultPrevented=!1,this.eventPhase=Event.AT_TARGET,this.timeStamp=Date.now()};b.Animation=function(b){this._sequenceNumber=a.sequenceNumber++,this._currentTime=0,this._startTime=null,this._paused=!1,this._playbackRate=1,this._inTimeline=!0,this._finishedFlag=!1,this.onfinish=null,this._finishHandlers=[],this._effect=b,this._inEffect=this._effect._update(0),this._idle=!0,this._currentTimePending=!1},b.Animation.prototype={_ensureAlive:function(){this.playbackRate<0&&0===this.currentTime?this._inEffect=this._effect._update(-1):this._inEffect=this._effect._update(this.currentTime),this._inTimeline||!this._inEffect&&this._finishedFlag||(this._inTimeline=!0,b.timeline._animations.push(this))},_tickCurrentTime:function(a,b){a!=this._currentTime&&(this._currentTime=a,this._isFinished&&!b&&(this._currentTime=this._playbackRate>0?this._totalDuration:0),this._ensureAlive())},get currentTime(){return this._idle||this._currentTimePending?null:this._currentTime},set currentTime(a){a=+a,isNaN(a)||(b.restart(),this._paused||null==this._startTime||(this._startTime=this._timeline.currentTime-a/this._playbackRate),this._currentTimePending=!1,this._currentTime!=a&&(this._tickCurrentTime(a,!0),b.invalidateEffects()))},get startTime(){return this._startTime},set startTime(a){a=+a,isNaN(a)||this._paused||this._idle||(this._startTime=a,this._tickCurrentTime((this._timeline.currentTime-this._startTime)*this.playbackRate),b.invalidateEffects())},get playbackRate(){return this._playbackRate},set playbackRate(a){if(a!=this._playbackRate){var b=this.currentTime;this._playbackRate=a,this._startTime=null,"paused"!=this.playState&&"idle"!=this.playState&&this.play(),null!=b&&(this.currentTime=b)}},get _isFinished(){return!this._idle&&(this._playbackRate>0&&this._currentTime>=this._totalDuration||this._playbackRate<0&&this._currentTime<=0)},get _totalDuration(){return this._effect._totalDuration},get playState(){return this._idle?"idle":null==this._startTime&&!this._paused&&0!=this.playbackRate||this._currentTimePending?"pending":this._paused?"paused":this._isFinished?"finished":"running"},play:function(){this._paused=!1,(this._isFinished||this._idle)&&(this._currentTime=this._playbackRate>0?0:this._totalDuration,this._startTime=null,b.invalidateEffects()),this._finishedFlag=!1,b.restart(),this._idle=!1,this._ensureAlive()},pause:function(){this._isFinished||this._paused||this._idle||(this._currentTimePending=!0),this._startTime=null,this._paused=!0},finish:function(){this._idle||(this.currentTime=this._playbackRate>0?this._totalDuration:0,this._startTime=this._totalDuration-this.currentTime,this._currentTimePending=!1)},cancel:function(){this._inEffect&&(this._inEffect=!1,this._idle=!0,this.currentTime=0,this._startTime=null,this._effect._update(null),b.invalidateEffects(),b.restart())},reverse:function(){this.playbackRate*=-1,this.play()},addEventListener:function(a,b){"function"==typeof b&&"finish"==a&&this._finishHandlers.push(b)},removeEventListener:function(a,b){if("finish"==a){var c=this._finishHandlers.indexOf(b);c>=0&&this._finishHandlers.splice(c,1)}},_fireEvents:function(a){var b=this._isFinished;if((b||this._idle)&&!this._finishedFlag){var c=new d(this,this._currentTime,a),e=this._finishHandlers.concat(this.onfinish?[this.onfinish]:[]);e.forEach(function(a){a.call(c.target,c)})}this._finishedFlag=b},_tick:function(a){return this._idle||this._paused||(null==this._startTime?this.startTime=a-this._currentTime/this.playbackRate:this._isFinished||this._tickCurrentTime((a-this._startTime)*this.playbackRate)),this._currentTimePending=!1,this._fireEvents(a),!this._idle&&(this._inEffect||!this._finishedFlag)}}}(c,d,f),function(a,b,c){function d(a){a||(a=Date.now());var b=j;j=[],a<t.currentTime&&(a=t.currentTime),h(a),b.forEach(function(b){b[1](a)}),p&&h(a),g(),m=void 0}function e(a,b){return a._sequenceNumber-b._sequenceNumber}function f(){this._animations=[],this.currentTime=window.performance&&performance.now?performance.now():0}function g(){q.forEach(function(a){a()}),q.length=0}function h(a){o=!1;var c=b.timeline;c.currentTime=a,c._animations.sort(e),n=!1;var d=c._animations;c._animations=[];var f=[],g=[];d=d.filter(function(b){return b._inTimeline=b._tick(a),b._inEffect?g.push(b._effect):f.push(b._effect),b._isFinished||b._paused||b._idle||(n=!0),b._inTimeline}),q.push.apply(q,f),q.push.apply(q,g),c._animations.push.apply(c._animations,d),p=!1,n&&requestAnimationFrame(function(){})}var i=window.requestAnimationFrame,j=[],k=0;window.requestAnimationFrame=function(a){var b=k++;return 0==j.length&&i(d),j.push([b,a]),b},window.cancelAnimationFrame=function(a){j.forEach(function(b){b[0]==a&&(b[1]=function(){})})},f.prototype={_play:function(c){c._timing=a.normalizeTimingInput(c.timing);var d=new b.Animation(c);return d._idle=!1,d._timeline=this,this._animations.push(d),b.restart(),b.invalidateEffects(),d}};var l,m=void 0,l=function(){return void 0==m&&(m=performance.now()),m},n=!1,o=!1;b.restart=function(){return n||(n=!0,requestAnimationFrame(function(){}),o=!0),o};var p=!1;b.invalidateEffects=function(){p=!0};var q=[],r=1e3/60,s=window.getComputedStyle;Object.defineProperty(window,"getComputedStyle",{configurable:!0,enumerable:!0,value:function(){if(p){var a=l();a-t.currentTime>0&&(t.currentTime+=r*(Math.floor((a-t.currentTime)/r)+1)),h(t.currentTime)}return g(),s.apply(this,arguments)}});var t=new f;b.timeline=t}(c,d,f),function(a,b){function c(a,b){for(var c=0,d=0;d<a.length;d++)c+=a[d]*b[d];return c}function d(a,b){return[a[0]*b[0]+a[4]*b[1]+a[8]*b[2]+a[12]*b[3],a[1]*b[0]+a[5]*b[1]+a[9]*b[2]+a[13]*b[3],a[2]*b[0]+a[6]*b[1]+a[10]*b[2]+a[14]*b[3],a[3]*b[0]+a[7]*b[1]+a[11]*b[2]+a[15]*b[3],a[0]*b[4]+a[4]*b[5]+a[8]*b[6]+a[12]*b[7],a[1]*b[4]+a[5]*b[5]+a[9]*b[6]+a[13]*b[7],a[2]*b[4]+a[6]*b[5]+a[10]*b[6]+a[14]*b[7],a[3]*b[4]+a[7]*b[5]+a[11]*b[6]+a[15]*b[7],a[0]*b[8]+a[4]*b[9]+a[8]*b[10]+a[12]*b[11],a[1]*b[8]+a[5]*b[9]+a[9]*b[10]+a[13]*b[11],a[2]*b[8]+a[6]*b[9]+a[10]*b[10]+a[14]*b[11],a[3]*b[8]+a[7]*b[9]+a[11]*b[10]+a[15]*b[11],a[0]*b[12]+a[4]*b[13]+a[8]*b[14]+a[12]*b[15],a[1]*b[12]+a[5]*b[13]+a[9]*b[14]+a[13]*b[15],a[2]*b[12]+a[6]*b[13]+a[10]*b[14]+a[14]*b[15],a[3]*b[12]+a[7]*b[13]+a[11]*b[14]+a[15]*b[15]]}function e(a){switch(a.t){case"rotatex":var b=a.d[0].rad||0,c=a.d[0].deg||0,d=c*Math.PI/180+b;return[1,0,0,0,0,Math.cos(d),Math.sin(d),0,0,-Math.sin(d),Math.cos(d),0,0,0,0,1];case"rotatey":var b=a.d[0].rad||0,c=a.d[0].deg||0,d=c*Math.PI/180+b;return[Math.cos(d),0,-Math.sin(d),0,0,1,0,0,Math.sin(d),0,Math.cos(d),0,0,0,0,1];case"rotate":case"rotatez":var b=a.d[0].rad||0,c=a.d[0].deg||0,d=c*Math.PI/180+b;return[Math.cos(d),Math.sin(d),0,0,-Math.sin(d),Math.cos(d),0,0,0,0,1,0,0,0,0,1];case"rotate3d":var e=a.d[0],f=a.d[1],g=a.d[2],b=a.d[3].rad||0,c=a.d[3].deg||0,d=c*Math.PI/180+b,h=e*e+f*f+g*g;if(0===h)e=1,f=0,g=0;else if(1!==h){var i=Math.sqrt(h);e/=i,f/=i,g/=i}var j=Math.sin(d/2),k=j*Math.cos(d/2),l=j*j;return[1-2*(f*f+g*g)*l,2*(e*f*l+g*k),2*(e*g*l-f*k),0,2*(e*f*l-g*k),1-2*(e*e+g*g)*l,2*(f*g*l+e*k),0,2*(e*g*l+f*k),2*(f*g*l-e*k),1-2*(e*e+f*f)*l,0,0,0,0,1];case"scale":return[a.d[0],0,0,0,0,a.d[1],0,0,0,0,1,0,0,0,0,1];case"scalex":return[a.d[0],0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];case"scaley":return[1,0,0,0,0,a.d[0],0,0,0,0,1,0,0,0,0,1];case"scalez":return[1,0,0,0,0,1,0,0,0,0,a.d[0],0,0,0,0,1];case"scale3d":return[a.d[0],0,0,0,0,a.d[1],0,0,0,0,a.d[2],0,0,0,0,1];case"skew":var m=a.d[0].deg||0,n=a.d[0].rad||0,o=a.d[1].deg||0,p=a.d[1].rad||0,q=m*Math.PI/180+n,r=o*Math.PI/180+p;return[1,Math.tan(r),0,0,Math.tan(q),1,0,0,0,0,1,0,0,0,0,1];case"skewx":var b=a.d[0].rad||0,c=a.d[0].deg||0,d=c*Math.PI/180+b;return[1,0,0,0,Math.tan(d),1,0,0,0,0,1,0,0,0,0,1];case"skewy":var b=a.d[0].rad||0,c=a.d[0].deg||0,d=c*Math.PI/180+b;return[1,Math.tan(d),0,0,0,1,0,0,0,0,1,0,0,0,0,1];case"translate":var e=a.d[0].px||0,f=a.d[1].px||0;return[1,0,0,0,0,1,0,0,0,0,1,0,e,f,0,1];case"translatex":var e=a.d[0].px||0;return[1,0,0,0,0,1,0,0,0,0,1,0,e,0,0,1];case"translatey":var f=a.d[0].px||0;return[1,0,0,0,0,1,0,0,0,0,1,0,0,f,0,1];case"translatez":var g=a.d[0].px||0;return[1,0,0,0,0,1,0,0,0,0,1,0,0,0,g,1];case"translate3d":var e=a.d[0].px||0,f=a.d[1].px||0,g=a.d[2].px||0;return[1,0,0,0,0,1,0,0,0,0,1,0,e,f,g,1];case"perspective":var s=a.d[0].px?-1/a.d[0].px:0;return[1,0,0,0,0,1,0,0,0,0,1,s,0,0,0,1];case"matrix":return[a.d[0],a.d[1],0,0,a.d[2],a.d[3],0,0,0,0,1,0,a.d[4],a.d[5],0,1];case"matrix3d":return a.d}}function f(a){return 0===a.length?[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]:a.map(e).reduce(d)}function g(a){return[h(f(a))]}var h=function(){function a(a){return a[0][0]*a[1][1]*a[2][2]+a[1][0]*a[2][1]*a[0][2]+a[2][0]*a[0][1]*a[1][2]-a[0][2]*a[1][1]*a[2][0]-a[1][2]*a[2][1]*a[0][0]-a[2][2]*a[0][1]*a[1][0]}function b(b){for(var c=1/a(b),d=b[0][0],e=b[0][1],f=b[0][2],g=b[1][0],h=b[1][1],i=b[1][2],j=b[2][0],k=b[2][1],l=b[2][2],m=[[(h*l-i*k)*c,(f*k-e*l)*c,(e*i-f*h)*c,0],[(i*j-g*l)*c,(d*l-f*j)*c,(f*g-d*i)*c,0],[(g*k-h*j)*c,(j*e-d*k)*c,(d*h-e*g)*c,0]],n=[],o=0;3>o;o++){for(var p=0,q=0;3>q;q++)p+=b[3][q]*m[q][o];n.push(p)}return n.push(1),m.push(n),m}function d(a){return[[a[0][0],a[1][0],a[2][0],a[3][0]],[a[0][1],a[1][1],a[2][1],a[3][1]],[a[0][2],a[1][2],a[2][2],a[3][2]],[a[0][3],a[1][3],a[2][3],a[3][3]]]}function e(a,b){for(var c=[],d=0;4>d;d++){for(var e=0,f=0;4>f;f++)e+=a[f]*b[f][d];c.push(e)}return c}function f(a){var b=g(a);return[a[0]/b,a[1]/b,a[2]/b]}function g(a){return Math.sqrt(a[0]*a[0]+a[1]*a[1]+a[2]*a[2])}function h(a,b,c,d){return[c*a[0]+d*b[0],c*a[1]+d*b[1],c*a[2]+d*b[2]]}function i(a,b){return[a[1]*b[2]-a[2]*b[1],a[2]*b[0]-a[0]*b[2],a[0]*b[1]-a[1]*b[0]]}function j(j){var k=[j.slice(0,4),j.slice(4,8),j.slice(8,12),j.slice(12,16)];if(1!==k[3][3])return null;for(var l=[],m=0;4>m;m++)l.push(k[m].slice());for(var m=0;3>m;m++)l[m][3]=0;if(0===a(l))return!1;var n,o=[];if(k[0][3]||k[1][3]||k[2][3]){o.push(k[0][3]),o.push(k[1][3]),o.push(k[2][3]),o.push(k[3][3]);var p=b(l),q=d(p);n=e(o,q)}else n=[0,0,0,1];var r=k[3].slice(0,3),s=[];s.push(k[0].slice(0,3));var t=[];t.push(g(s[0])),s[0]=f(s[0]);var u=[];s.push(k[1].slice(0,3)),u.push(c(s[0],s[1])),s[1]=h(s[1],s[0],1,-u[0]),t.push(g(s[1])),s[1]=f(s[1]),u[0]/=t[1],s.push(k[2].slice(0,3)),u.push(c(s[0],s[2])),s[2]=h(s[2],s[0],1,-u[1]),u.push(c(s[1],s[2])),s[2]=h(s[2],s[1],1,-u[2]),t.push(g(s[2])),s[2]=f(s[2]),u[1]/=t[2],u[2]/=t[2];var v=i(s[1],s[2]);if(c(s[0],v)<0)for(var m=0;3>m;m++)t[m]*=-1,s[m][0]*=-1,s[m][1]*=-1,s[m][2]*=-1;var w,x,y=s[0][0]+s[1][1]+s[2][2]+1;return y>1e-4?(w=.5/Math.sqrt(y),x=[(s[2][1]-s[1][2])*w,(s[0][2]-s[2][0])*w,(s[1][0]-s[0][1])*w,.25/w]):s[0][0]>s[1][1]&&s[0][0]>s[2][2]?(w=2*Math.sqrt(1+s[0][0]-s[1][1]-s[2][2]),x=[.25*w,(s[0][1]+s[1][0])/w,(s[0][2]+s[2][0])/w,(s[2][1]-s[1][2])/w]):s[1][1]>s[2][2]?(w=2*Math.sqrt(1+s[1][1]-s[0][0]-s[2][2]),x=[(s[0][1]+s[1][0])/w,.25*w,(s[1][2]+s[2][1])/w,(s[0][2]-s[2][0])/w]):(w=2*Math.sqrt(1+s[2][2]-s[0][0]-s[1][1]),x=[(s[0][2]+s[2][0])/w,(s[1][2]+s[2][1])/w,.25*w,(s[1][0]-s[0][1])/w]),[r,t,u,x,n]}return j}();a.dot=c,a.makeMatrixDecomposition=g}(d,f),function(a){function b(a,b){var c=a.exec(b);return c?(c=a.ignoreCase?c[0].toLowerCase():c[0],[c,b.substr(c.length)]):void 0}function c(a,b){b=b.replace(/^\s*/,"");var c=a(b);return c?[c[0],c[1].replace(/^\s*/,"")]:void 0}function d(a,d,e){a=c.bind(null,a);for(var f=[];;){var g=a(e);if(!g)return[f,e];if(f.push(g[0]),e=g[1],g=b(d,e),!g||""==g[1])return[f,e];e=g[1]}}function e(a,b){for(var c=0,d=0;d<b.length&&(!/\s|,/.test(b[d])||0!=c);d++)if("("==b[d])c++;else if(")"==b[d]&&(c--,0==c&&d++,0>=c))break;var e=a(b.substr(0,d));return void 0==e?void 0:[e,b.substr(d)]}function f(a,b){for(var c=a,d=b;c&&d;)c>d?c%=d:d%=c;return c=a*b/(c+d)}function g(a){return function(b){var c=a(b);return c&&(c[0]=void 0),c}}function h(a,b){return function(c){var d=a(c);return d?d:[b,c]}}function i(b,c){for(var d=[],e=0;e<b.length;e++){var f=a.consumeTrimmed(b[e],c);if(!f||""==f[0])return;void 0!==f[0]&&d.push(f[0]),c=f[1]}return""==c?d:void 0}function j(a,b,c,d,e){for(var g=[],h=[],i=[],j=f(d.length,e.length),k=0;j>k;k++){var l=b(d[k%d.length],e[k%e.length]);if(!l)return;g.push(l[0]),h.push(l[1]),i.push(l[2])}return[g,h,function(b){var d=b.map(function(a,b){return i[b](a)}).join(c);return a?a(d):d}]}function k(a,b,c){for(var d=[],e=[],f=[],g=0,h=0;h<c.length;h++)if("function"==typeof c[h]){var i=c[h](a[g],b[g++]);d.push(i[0]),e.push(i[1]),f.push(i[2])}else!function(a){d.push(!1),e.push(!1),f.push(function(){return c[a]})}(h);return[d,e,function(a){for(var b="",c=0;c<a.length;c++)b+=f[c](a[c]);return b}]}a.consumeToken=b,a.consumeTrimmed=c,a.consumeRepeated=d,a.consumeParenthesised=e,a.ignore=g,a.optional=h,a.consumeList=i,a.mergeNestedRepeated=j.bind(null,null),a.mergeWrappedNestedRepeated=j,a.mergeList=k}(d),function(a){function b(b){function c(b){var c=a.consumeToken(/^inset/i,b);if(c)return d.inset=!0,c;var c=a.consumeLengthOrPercent(b);if(c)return d.lengths.push(c[0]),c;var c=a.consumeColor(b);return c?(d.color=c[0],c):void 0}var d={inset:!1,lengths:[],color:null},e=a.consumeRepeated(c,/^/,b);return e&&e[0].length?[d,e[1]]:void 0}function c(c){var d=a.consumeRepeated(b,/^,/,c);return d&&""==d[1]?d[0]:void 0}function d(b,c){for(;b.lengths.length<Math.max(b.lengths.length,c.lengths.length);)b.lengths.push({px:0});for(;c.lengths.length<Math.max(b.lengths.length,c.lengths.length);)c.lengths.push({px:0});if(b.inset==c.inset&&!!b.color==!!c.color){for(var d,e=[],f=[[],0],g=[[],0],h=0;h<b.lengths.length;h++){var i=a.mergeDimensions(b.lengths[h],c.lengths[h],2==h);f[0].push(i[0]),g[0].push(i[1]),e.push(i[2])}if(b.color&&c.color){var j=a.mergeColors(b.color,c.color);f[1]=j[0],g[1]=j[1],d=j[2]}return[f,g,function(a){for(var c=b.inset?"inset ":" ",f=0;f<e.length;f++)c+=e[f](a[0][f])+" ";return d&&(c+=d(a[1])),c}]}}function e(b,c,d,e){function f(a){return{inset:a,color:[0,0,0,0],lengths:[{px:0},{px:0},{px:0},{px:0}]}}for(var g=[],h=[],i=0;i<d.length||i<e.length;i++){var j=d[i]||f(e[i].inset),k=e[i]||f(d[i].inset);g.push(j),h.push(k)}return a.mergeNestedRepeated(b,c,g,h)}var f=e.bind(null,d,", ");a.addPropertiesHandler(c,f,["box-shadow","text-shadow"])}(d),function(a,b){function c(a){return a.toFixed(3).replace(".000","")}function d(a,b,c){return Math.min(b,Math.max(a,c))}function e(a){return/^\s*[-+]?(\d*\.)?\d+\s*$/.test(a)?Number(a):void 0}function f(a,b){return[a,b,c]}function g(a,b){return 0!=a?i(0,1/0)(a,b):void 0}function h(a,b){return[a,b,function(a){return Math.round(d(1,1/0,a))}]}function i(a,b){return function(e,f){return[e,f,function(e){return c(d(a,b,e))}]}}function j(a,b){return[a,b,Math.round]}a.clamp=d,a.addPropertiesHandler(e,i(0,1/0),["border-image-width","line-height"]),a.addPropertiesHandler(e,i(0,1),["opacity","shape-image-threshold"]),a.addPropertiesHandler(e,g,["flex-grow","flex-shrink"]),a.addPropertiesHandler(e,h,["orphans","widows"]),a.addPropertiesHandler(e,j,["z-index"]),a.parseNumber=e,a.mergeNumbers=f,a.numberToString=c}(d,f),function(a,b){function c(a,b){return"visible"==a||"visible"==b?[0,1,function(c){return 0>=c?a:c>=1?b:"visible"}]:void 0}a.addPropertiesHandler(String,c,["visibility"])}(d),function(a,b){function c(a){a=a.trim(),f.fillStyle="#000",f.fillStyle=a;var b=f.fillStyle;if(f.fillStyle="#fff",f.fillStyle=a,b==f.fillStyle){f.fillRect(0,0,1,1);var c=f.getImageData(0,0,1,1).data;f.clearRect(0,0,1,1);var d=c[3]/255;return[c[0]*d,c[1]*d,c[2]*d,d]}}function d(b,c){return[b,c,function(b){function c(a){return Math.max(0,Math.min(255,a))}if(b[3])for(var d=0;3>d;d++)b[d]=Math.round(c(b[d]/b[3]));return b[3]=a.numberToString(a.clamp(0,1,b[3])),"rgba("+b.join(",")+")"}]}var e=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");e.width=e.height=1;var f=e.getContext("2d");a.addPropertiesHandler(c,d,["background-color","border-bottom-color","border-left-color","border-right-color","border-top-color","color","outline-color","text-decoration-color"]),a.consumeColor=a.consumeParenthesised.bind(null,c),a.mergeColors=d}(d,f),function(a,b){function c(a,b){if(b=b.trim().toLowerCase(),"0"==b&&"px".search(a)>=0)return{px:0};if(/^[^(]*$|^calc/.test(b)){b=b.replace(/calc\(/g,"(");var c={};b=b.replace(a,function(a){return c[a]=null,"U"+a});for(var d="U("+a.source+")",e=b.replace(/[-+]?(\d*\.)?\d+/g,"N").replace(new RegExp("N"+d,"g"),"D").replace(/\s[+-]\s/g,"O").replace(/\s/g,""),f=[/N\*(D)/g,/(N|D)[*\/]N/g,/(N|D)O\1/g,/\((N|D)\)/g],g=0;g<f.length;)f[g].test(e)?(e=e.replace(f[g],"$1"),
-g=0):g++;if("D"==e){for(var h in c){var i=eval(b.replace(new RegExp("U"+h,"g"),"").replace(new RegExp(d,"g"),"*0"));if(!isFinite(i))return;c[h]=i}return c}}}function d(a,b){return e(a,b,!0)}function e(b,c,d){var e,f=[];for(e in b)f.push(e);for(e in c)f.indexOf(e)<0&&f.push(e);return b=f.map(function(a){return b[a]||0}),c=f.map(function(a){return c[a]||0}),[b,c,function(b){var c=b.map(function(c,e){return 1==b.length&&d&&(c=Math.max(c,0)),a.numberToString(c)+f[e]}).join(" + ");return b.length>1?"calc("+c+")":c}]}var f="px|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc",g=c.bind(null,new RegExp(f,"g")),h=c.bind(null,new RegExp(f+"|%","g")),i=c.bind(null,/deg|rad|grad|turn/g);a.parseLength=g,a.parseLengthOrPercent=h,a.consumeLengthOrPercent=a.consumeParenthesised.bind(null,h),a.parseAngle=i,a.mergeDimensions=e;var j=a.consumeParenthesised.bind(null,g),k=a.consumeRepeated.bind(void 0,j,/^/),l=a.consumeRepeated.bind(void 0,k,/^,/);a.consumeSizePairList=l;var m=function(a){var b=l(a);return b&&""==b[1]?b[0]:void 0},n=a.mergeNestedRepeated.bind(void 0,d," "),o=a.mergeNestedRepeated.bind(void 0,n,",");a.mergeNonNegativeSizePair=n,a.addPropertiesHandler(m,o,["background-size"]),a.addPropertiesHandler(h,d,["border-bottom-width","border-image-width","border-left-width","border-right-width","border-top-width","flex-basis","font-size","height","line-height","max-height","max-width","outline-width","width"]),a.addPropertiesHandler(h,e,["border-bottom-left-radius","border-bottom-right-radius","border-top-left-radius","border-top-right-radius","bottom","left","letter-spacing","margin-bottom","margin-left","margin-right","margin-top","min-height","min-width","outline-offset","padding-bottom","padding-left","padding-right","padding-top","perspective","right","shape-margin","text-indent","top","vertical-align","word-spacing"])}(d,f),function(a,b){function c(b){return a.consumeLengthOrPercent(b)||a.consumeToken(/^auto/,b)}function d(b){var d=a.consumeList([a.ignore(a.consumeToken.bind(null,/^rect/)),a.ignore(a.consumeToken.bind(null,/^\(/)),a.consumeRepeated.bind(null,c,/^,/),a.ignore(a.consumeToken.bind(null,/^\)/))],b);return d&&4==d[0].length?d[0]:void 0}function e(b,c){return"auto"==b||"auto"==c?[!0,!1,function(d){var e=d?b:c;if("auto"==e)return"auto";var f=a.mergeDimensions(e,e);return f[2](f[0])}]:a.mergeDimensions(b,c)}function f(a){return"rect("+a+")"}var g=a.mergeWrappedNestedRepeated.bind(null,f,e,", ");a.parseBox=d,a.mergeBoxes=g,a.addPropertiesHandler(d,g,["clip"])}(d,f),function(a,b){function c(a){return function(b){var c=0;return a.map(function(a){return a===k?b[c++]:a})}}function d(a){return a}function e(b){if(b=b.toLowerCase().trim(),"none"==b)return[];for(var c,d=/\s*(\w+)\(([^)]*)\)/g,e=[],f=0;c=d.exec(b);){if(c.index!=f)return;f=c.index+c[0].length;var g=c[1],h=n[g];if(!h)return;var i=c[2].split(","),j=h[0];if(j.length<i.length)return;for(var k=[],o=0;o<j.length;o++){var p,q=i[o],r=j[o];if(p=q?{A:function(b){return"0"==b.trim()?m:a.parseAngle(b)},N:a.parseNumber,T:a.parseLengthOrPercent,L:a.parseLength}[r.toUpperCase()](q):{a:m,n:k[0],t:l}[r],void 0===p)return;k.push(p)}if(e.push({t:g,d:k}),d.lastIndex==b.length)return e}}function f(a){return a.toFixed(6).replace(".000000","")}function g(b,c){if(b.decompositionPair!==c){b.decompositionPair=c;var d=a.makeMatrixDecomposition(b)}if(c.decompositionPair!==b){c.decompositionPair=b;var e=a.makeMatrixDecomposition(c)}return null==d[0]||null==e[0]?[[!1],[!0],function(a){return a?c[0].d:b[0].d}]:(d[0].push(0),e[0].push(1),[d,e,function(b){var c=a.quat(d[0][3],e[0][3],b[5]),g=a.composeMatrix(b[0],b[1],b[2],c,b[4]),h=g.map(f).join(",");return h}])}function h(a){return a.replace(/[xy]/,"")}function i(a){return a.replace(/(x|y|z|3d)?$/,"3d")}function j(b,c){var d=a.makeMatrixDecomposition&&!0,e=!1;if(!b.length||!c.length){b.length||(e=!0,b=c,c=[]);for(var f=0;f<b.length;f++){var j=b[f].t,k=b[f].d,l="scale"==j.substr(0,5)?1:0;c.push({t:j,d:k.map(function(a){if("number"==typeof a)return l;var b={};for(var c in a)b[c]=l;return b})})}}var m=function(a,b){return"perspective"==a&&"perspective"==b||("matrix"==a||"matrix3d"==a)&&("matrix"==b||"matrix3d"==b)},o=[],p=[],q=[];if(b.length!=c.length){if(!d)return;var r=g(b,c);o=[r[0]],p=[r[1]],q=[["matrix",[r[2]]]]}else for(var f=0;f<b.length;f++){var j,s=b[f].t,t=c[f].t,u=b[f].d,v=c[f].d,w=n[s],x=n[t];if(m(s,t)){if(!d)return;var r=g([b[f]],[c[f]]);o.push(r[0]),p.push(r[1]),q.push(["matrix",[r[2]]])}else{if(s==t)j=s;else if(w[2]&&x[2]&&h(s)==h(t))j=h(s),u=w[2](u),v=x[2](v);else{if(!w[1]||!x[1]||i(s)!=i(t)){if(!d)return;var r=g(b,c);o=[r[0]],p=[r[1]],q=[["matrix",[r[2]]]];break}j=i(s),u=w[1](u),v=x[1](v)}for(var y=[],z=[],A=[],B=0;B<u.length;B++){var C="number"==typeof u[B]?a.mergeNumbers:a.mergeDimensions,r=C(u[B],v[B]);y[B]=r[0],z[B]=r[1],A.push(r[2])}o.push(y),p.push(z),q.push([j,A])}}if(e){var D=o;o=p,p=D}return[o,p,function(a){return a.map(function(a,b){var c=a.map(function(a,c){return q[b][1][c](a)}).join(",");return"matrix"==q[b][0]&&16==c.split(",").length&&(q[b][0]="matrix3d"),q[b][0]+"("+c+")"}).join(" ")}]}var k=null,l={px:0},m={deg:0},n={matrix:["NNNNNN",[k,k,0,0,k,k,0,0,0,0,1,0,k,k,0,1],d],matrix3d:["NNNNNNNNNNNNNNNN",d],rotate:["A"],rotatex:["A"],rotatey:["A"],rotatez:["A"],rotate3d:["NNNA"],perspective:["L"],scale:["Nn",c([k,k,1]),d],scalex:["N",c([k,1,1]),c([k,1])],scaley:["N",c([1,k,1]),c([1,k])],scalez:["N",c([1,1,k])],scale3d:["NNN",d],skew:["Aa",null,d],skewx:["A",null,c([k,m])],skewy:["A",null,c([m,k])],translate:["Tt",c([k,k,l]),d],translatex:["T",c([k,l,l]),c([k,l])],translatey:["T",c([l,k,l]),c([l,k])],translatez:["L",c([l,l,k])],translate3d:["TTL",d]};a.addPropertiesHandler(e,j,["transform"])}(d,f),function(a){function b(a){var b=Number(a);return isNaN(b)||100>b||b>900||b%100!==0?void 0:b}function c(b){return b=100*Math.round(b/100),b=a.clamp(100,900,b),400===b?"normal":700===b?"bold":String(b)}function d(a,b){return[a,b,c]}a.addPropertiesHandler(b,d,["font-weight"])}(d),function(a){function b(a){var b={};for(var c in a)b[c]=-a[c];return b}function c(b){return a.consumeToken(/^(left|center|right|top|bottom)\b/i,b)||a.consumeLengthOrPercent(b)}function d(b,d){var e=a.consumeRepeated(c,/^/,d);if(e&&""==e[1]){var f=e[0];if(f[0]=f[0]||"center",f[1]=f[1]||"center",3==b&&(f[2]=f[2]||{px:0}),f.length==b){if(/top|bottom/.test(f[0])||/left|right/.test(f[1])){var h=f[0];f[0]=f[1],f[1]=h}if(/left|right|center|Object/.test(f[0])&&/top|bottom|center|Object/.test(f[1]))return f.map(function(a){return"object"==typeof a?a:g[a]})}}}function e(d){var e=a.consumeRepeated(c,/^/,d);if(e){for(var f=e[0],h=[{"%":50},{"%":50}],i=0,j=!1,k=0;k<f.length;k++){var l=f[k];"string"==typeof l?(j=/bottom|right/.test(l),i={left:0,right:0,center:i,top:1,bottom:1}[l],h[i]=g[l],"center"==l&&i++):(j&&(l=b(l),l["%"]=(l["%"]||0)+100),h[i]=l,i++,j=!1)}return[h,e[1]]}}function f(b){var c=a.consumeRepeated(e,/^,/,b);return c&&""==c[1]?c[0]:void 0}var g={left:{"%":0},center:{"%":50},right:{"%":100},top:{"%":0},bottom:{"%":100}},h=a.mergeNestedRepeated.bind(null,a.mergeDimensions," ");a.addPropertiesHandler(d.bind(null,3),h,["transform-origin"]),a.addPropertiesHandler(d.bind(null,2),h,["perspective-origin"]),a.consumePosition=e,a.mergeOffsetList=h;var i=a.mergeNestedRepeated.bind(null,h,", ");a.addPropertiesHandler(f,i,["background-position","object-position"])}(d),function(a){function b(b){var c=a.consumeToken(/^circle/,b);if(c&&c[0])return["circle"].concat(a.consumeList([a.ignore(a.consumeToken.bind(void 0,/^\(/)),d,a.ignore(a.consumeToken.bind(void 0,/^at/)),a.consumePosition,a.ignore(a.consumeToken.bind(void 0,/^\)/))],c[1]));var f=a.consumeToken(/^ellipse/,b);if(f&&f[0])return["ellipse"].concat(a.consumeList([a.ignore(a.consumeToken.bind(void 0,/^\(/)),e,a.ignore(a.consumeToken.bind(void 0,/^at/)),a.consumePosition,a.ignore(a.consumeToken.bind(void 0,/^\)/))],f[1]));var g=a.consumeToken(/^polygon/,b);return g&&g[0]?["polygon"].concat(a.consumeList([a.ignore(a.consumeToken.bind(void 0,/^\(/)),a.optional(a.consumeToken.bind(void 0,/^nonzero\s*,|^evenodd\s*,/),"nonzero,"),a.consumeSizePairList,a.ignore(a.consumeToken.bind(void 0,/^\)/))],g[1])):void 0}function c(b,c){return b[0]===c[0]?"circle"==b[0]?a.mergeList(b.slice(1),c.slice(1),["circle(",a.mergeDimensions," at ",a.mergeOffsetList,")"]):"ellipse"==b[0]?a.mergeList(b.slice(1),c.slice(1),["ellipse(",a.mergeNonNegativeSizePair," at ",a.mergeOffsetList,")"]):"polygon"==b[0]&&b[1]==c[1]?a.mergeList(b.slice(2),c.slice(2),["polygon(",b[1],g,")"]):void 0:void 0}var d=a.consumeParenthesised.bind(null,a.parseLengthOrPercent),e=a.consumeRepeated.bind(void 0,d,/^/),f=a.mergeNestedRepeated.bind(void 0,a.mergeDimensions," "),g=a.mergeNestedRepeated.bind(void 0,f,",");a.addPropertiesHandler(b,c,["shape-outside"])}(d),function(a,b){function c(a,b){b.concat([a]).forEach(function(b){b in document.documentElement.style&&(d[a]=b)})}var d={};c("transform",["webkitTransform","msTransform"]),c("transformOrigin",["webkitTransformOrigin"]),c("perspective",["webkitPerspective"]),c("perspectiveOrigin",["webkitPerspectiveOrigin"]),a.propertyName=function(a){return d[a]||a}}(d,f)}(),!function(a,b,c){function d(a){var b=window.document.timeline;b.currentTime=a,b._discardAnimations(),0==b._animations.length?f=!1:requestAnimationFrame(d)}var e=window.requestAnimationFrame;window.requestAnimationFrame=function(a){return e(function(b){window.document.timeline._updateAnimationsPromises(),a(b),window.document.timeline._updateAnimationsPromises()})},b.AnimationTimeline=function(){this._animations=[],this.currentTime=void 0},b.AnimationTimeline.prototype={getAnimations:function(){return this._discardAnimations(),this._animations.slice()},_updateAnimationsPromises:function(){b.animationsWithPromises=b.animationsWithPromises.filter(function(a){return a._updatePromises()})},_discardAnimations:function(){this._updateAnimationsPromises(),this._animations=this._animations.filter(function(a){return"finished"!=a.playState&&"idle"!=a.playState})},_play:function(a){var c=new b.Animation(a,this);return this._animations.push(c),b.restartWebAnimationsNextTick(),c._updatePromises(),c._animation.play(),c._updatePromises(),c},play:function(a){return a&&a.remove(),this._play(a)}};var f=!1;b.restartWebAnimationsNextTick=function(){f||(f=!0,requestAnimationFrame(d))};var g=new b.AnimationTimeline;b.timeline=g;try{Object.defineProperty(window.document,"timeline",{configurable:!0,get:function(){return g}})}catch(h){}try{window.document.timeline=g}catch(h){}}(c,e,f),function(a,b,c){b.animationsWithPromises=[],b.Animation=function(b,c){if(this.effect=b,b&&(b._animation=this),!c)throw new Error("Animation with null timeline is not supported");this._timeline=c,this._sequenceNumber=a.sequenceNumber++,this._holdTime=0,this._paused=!1,this._isGroup=!1,this._animation=null,this._childAnimations=[],this._callback=null,this._oldPlayState="idle",this._rebuildUnderlyingAnimation(),this._animation.cancel(),this._updatePromises()},b.Animation.prototype={_updatePromises:function(){var a=this._oldPlayState,b=this.playState;return this._readyPromise&&b!==a&&("idle"==b?(this._rejectReadyPromise(),this._readyPromise=void 0):"pending"==a?this._resolveReadyPromise():"pending"==b&&(this._readyPromise=void 0)),this._finishedPromise&&b!==a&&("idle"==b?(this._rejectFinishedPromise(),this._finishedPromise=void 0):"finished"==b?this._resolveFinishedPromise():"finished"==a&&(this._finishedPromise=void 0)),this._oldPlayState=this.playState,this._readyPromise||this._finishedPromise},_rebuildUnderlyingAnimation:function(){this._updatePromises();var a,c,d,e,f=this._animation?!0:!1;f&&(a=this.playbackRate,c=this._paused,d=this.startTime,e=this.currentTime,this._animation.cancel(),this._animation._wrapper=null,this._animation=null),(!this.effect||this.effect instanceof window.KeyframeEffect)&&(this._animation=b.newUnderlyingAnimationForKeyframeEffect(this.effect),b.bindAnimationForKeyframeEffect(this)),(this.effect instanceof window.SequenceEffect||this.effect instanceof window.GroupEffect)&&(this._animation=b.newUnderlyingAnimationForGroup(this.effect),b.bindAnimationForGroup(this)),this.effect&&this.effect._onsample&&b.bindAnimationForCustomEffect(this),f&&(1!=a&&(this.playbackRate=a),null!==d?this.startTime=d:null!==e?this.currentTime=e:null!==this._holdTime&&(this.currentTime=this._holdTime),c&&this.pause()),this._updatePromises()},_updateChildren:function(){if(this.effect&&"idle"!=this.playState){var a=this.effect._timing.delay;this._childAnimations.forEach(function(c){this._arrangeChildren(c,a),this.effect instanceof window.SequenceEffect&&(a+=b.groupChildDuration(c.effect))}.bind(this))}},_setExternalAnimation:function(a){if(this.effect&&this._isGroup)for(var b=0;b<this.effect.children.length;b++)this.effect.children[b]._animation=a,this._childAnimations[b]._setExternalAnimation(a)},_constructChildAnimations:function(){if(this.effect&&this._isGroup){var a=this.effect._timing.delay;this._removeChildAnimations(),this.effect.children.forEach(function(c){var d=window.document.timeline._play(c);this._childAnimations.push(d),d.playbackRate=this.playbackRate,this._paused&&d.pause(),c._animation=this.effect._animation,this._arrangeChildren(d,a),this.effect instanceof window.SequenceEffect&&(a+=b.groupChildDuration(c))}.bind(this))}},_arrangeChildren:function(a,b){null===this.startTime?a.currentTime=this.currentTime-b/this.playbackRate:a.startTime!==this.startTime+b/this.playbackRate&&(a.startTime=this.startTime+b/this.playbackRate)},get timeline(){return this._timeline},get playState(){return this._animation?this._animation.playState:"idle"},get finished(){return window.Promise?(this._finishedPromise||(-1==b.animationsWithPromises.indexOf(this)&&b.animationsWithPromises.push(this),this._finishedPromise=new Promise(function(a,b){this._resolveFinishedPromise=function(){a(this)},this._rejectFinishedPromise=function(){b({type:DOMException.ABORT_ERR,name:"AbortError"})}}.bind(this)),"finished"==this.playState&&this._resolveFinishedPromise()),this._finishedPromise):(console.warn("Animation Promises require JavaScript Promise constructor"),null)},get ready(){return window.Promise?(this._readyPromise||(-1==b.animationsWithPromises.indexOf(this)&&b.animationsWithPromises.push(this),this._readyPromise=new Promise(function(a,b){this._resolveReadyPromise=function(){a(this)},this._rejectReadyPromise=function(){b({type:DOMException.ABORT_ERR,name:"AbortError"})}}.bind(this)),"pending"!==this.playState&&this._resolveReadyPromise()),this._readyPromise):(console.warn("Animation Promises require JavaScript Promise constructor"),null)},get onfinish(){return this._onfinish},set onfinish(a){"function"==typeof a?(this._onfinish=a,this._animation.onfinish=function(b){b.target=this,a.call(this,b)}.bind(this)):(this._animation.onfinish=a,this.onfinish=this._animation.onfinish)},get currentTime(){this._updatePromises();var a=this._animation.currentTime;return this._updatePromises(),a},set currentTime(a){this._updatePromises(),this._animation.currentTime=isFinite(a)?a:Math.sign(a)*Number.MAX_VALUE,this._register(),this._forEachChild(function(b,c){b.currentTime=a-c}),this._updatePromises()},get startTime(){return this._animation.startTime},set startTime(a){this._updatePromises(),this._animation.startTime=isFinite(a)?a:Math.sign(a)*Number.MAX_VALUE,this._register(),this._forEachChild(function(b,c){b.startTime=a+c}),this._updatePromises()},get playbackRate(){return this._animation.playbackRate},set playbackRate(a){this._updatePromises();var b=this.currentTime;this._animation.playbackRate=a,this._forEachChild(function(b){b.playbackRate=a}),"paused"!=this.playState&&"idle"!=this.playState&&this.play(),null!==b&&(this.currentTime=b),this._updatePromises()},play:function(){this._updatePromises(),this._paused=!1,this._animation.play(),-1==this._timeline._animations.indexOf(this)&&this._timeline._animations.push(this),this._register(),b.awaitStartTime(this),this._forEachChild(function(a){var b=a.currentTime;a.play(),a.currentTime=b}),this._updatePromises()},pause:function(){this._updatePromises(),this.currentTime&&(this._holdTime=this.currentTime),this._animation.pause(),this._register(),this._forEachChild(function(a){a.pause()}),this._paused=!0,this._updatePromises()},finish:function(){this._updatePromises(),this._animation.finish(),this._register(),this._updatePromises()},cancel:function(){this._updatePromises(),this._animation.cancel(),this._register(),this._removeChildAnimations(),this._updatePromises()},reverse:function(){this._updatePromises();var a=this.currentTime;this._animation.reverse(),this._forEachChild(function(a){a.reverse()}),null!==a&&(this.currentTime=a),this._updatePromises()},addEventListener:function(a,b){var c=b;"function"==typeof b&&(c=function(a){a.target=this,b.call(this,a)}.bind(this),b._wrapper=c),this._animation.addEventListener(a,c)},removeEventListener:function(a,b){this._animation.removeEventListener(a,b&&b._wrapper||b)},_removeChildAnimations:function(){for(;this._childAnimations.length;)this._childAnimations.pop().cancel()},_forEachChild:function(b){var c=0;if(this.effect.children&&this._childAnimations.length<this.effect.children.length&&this._constructChildAnimations(),this._childAnimations.forEach(function(a){b.call(this,a,c),this.effect instanceof window.SequenceEffect&&(c+=a.effect.activeDuration)}.bind(this)),"pending"!=this.playState){var d=this.effect._timing,e=this.currentTime;null!==e&&(e=a.calculateTimeFraction(a.calculateActiveDuration(d),e,d)),(null==e||isNaN(e))&&this._removeChildAnimations()}}},window.Animation=b.Animation}(c,e,f),function(a,b,c){function d(b){this._frames=a.normalizeKeyframes(b)}function e(){for(var a=!1;i.length;){var b=i.shift();b._updateChildren(),a=!0}return a}var f=function(a){if(a._animation=void 0,a instanceof window.SequenceEffect||a instanceof window.GroupEffect)for(var b=0;b<a.children.length;b++)f(a.children[b])};b.removeMulti=function(a){for(var b=[],c=0;c<a.length;c++){var d=a[c];d._parent?(-1==b.indexOf(d._parent)&&b.push(d._parent),d._parent.children.splice(d._parent.children.indexOf(d),1),d._parent=null,f(d)):d._animation&&d._animation.effect==d&&(d._animation.cancel(),d._animation.effect=new KeyframeEffect(null,[]),d._animation._callback&&(d._animation._callback._animation=null),d._animation._rebuildUnderlyingAnimation(),f(d))}for(c=0;c<b.length;c++)b[c]._rebuild()},b.KeyframeEffect=function(b,c,e){return this.target=b,this._parent=null,e=a.numericTimingToObject(e),this._timingInput=a.cloneTimingInput(e),this._timing=a.normalizeTimingInput(e),this.timing=a.makeTiming(e,!1,this),this.timing._effect=this,"function"==typeof c?(a.deprecated("Custom KeyframeEffect","2015-06-22","Use KeyframeEffect.onsample instead."),this._normalizedKeyframes=c):this._normalizedKeyframes=new d(c),this._keyframes=c,this.activeDuration=a.calculateActiveDuration(this._timing),this},b.KeyframeEffect.prototype={getFrames:function(){return"function"==typeof this._normalizedKeyframes?this._normalizedKeyframes:this._normalizedKeyframes._frames},set onsample(a){if("function"==typeof this.getFrames())throw new Error("Setting onsample on custom effect KeyframeEffect is not supported.");this._onsample=a,this._animation&&this._animation._rebuildUnderlyingAnimation()},get parent(){return this._parent},clone:function(){if("function"==typeof this.getFrames())throw new Error("Cloning custom effects is not supported.");var b=new KeyframeEffect(this.target,[],a.cloneTimingInput(this._timingInput));return b._normalizedKeyframes=this._normalizedKeyframes,b._keyframes=this._keyframes,b},remove:function(){b.removeMulti([this])}};var g=Element.prototype.animate;Element.prototype.animate=function(a,c){return b.timeline._play(new b.KeyframeEffect(this,a,c))};var h=document.createElementNS("http://www.w3.org/1999/xhtml","div");b.newUnderlyingAnimationForKeyframeEffect=function(a){if(a){var b=a.target||h,c=a._keyframes;"function"==typeof c&&(c=[]);var d=a._timingInput}else var b=h,c=[],d=0;return g.apply(b,[c,d])},b.bindAnimationForKeyframeEffect=function(a){a.effect&&"function"==typeof a.effect._normalizedKeyframes&&b.bindAnimationForCustomEffect(a)};var i=[];b.awaitStartTime=function(a){null===a.startTime&&a._isGroup&&(0==i.length&&requestAnimationFrame(e),i.push(a))};var j=window.getComputedStyle;Object.defineProperty(window,"getComputedStyle",{configurable:!0,enumerable:!0,value:function(){window.document.timeline._updateAnimationsPromises();var a=j.apply(this,arguments);return e()&&(a=j.apply(this,arguments)),window.document.timeline._updateAnimationsPromises(),a}}),window.KeyframeEffect=b.KeyframeEffect,window.Element.prototype.getAnimations=function(){return document.timeline.getAnimations().filter(function(a){return null!==a.effect&&a.effect.target==this}.bind(this))}}(c,e,f),function(a,b,c){function d(a){a._registered||(a._registered=!0,g.push(a),h||(h=!0,requestAnimationFrame(e)))}function e(a){var b=g;g=[],b.sort(function(a,b){return a._sequenceNumber-b._sequenceNumber}),b=b.filter(function(a){a();var b=a._animation?a._animation.playState:"idle";return"running"!=b&&"pending"!=b&&(a._registered=!1),a._registered}),g.push.apply(g,b),g.length?(h=!0,requestAnimationFrame(e)):h=!1}var f=(document.createElementNS("http://www.w3.org/1999/xhtml","div"),0);b.bindAnimationForCustomEffect=function(b){var c,e=b.effect.target,g="function"==typeof b.effect.getFrames();c=g?b.effect.getFrames():b.effect._onsample;var h=b.effect.timing,i=null;h=a.normalizeTimingInput(h);var j=function(){var d=j._animation?j._animation.currentTime:null;null!==d&&(d=a.calculateTimeFraction(a.calculateActiveDuration(h),d,h),isNaN(d)&&(d=null)),d!==i&&(g?c(d,e,b.effect):c(d,b.effect,b.effect._animation)),i=d};j._animation=b,j._registered=!1,j._sequenceNumber=f++,b._callback=j,d(j)};var g=[],h=!1;b.Animation.prototype._register=function(){this._callback&&d(this._callback)}}(c,e,f),function(a,b,c){function d(a){return a._timing.delay+a.activeDuration+a._timing.endDelay}function e(b,c){this._parent=null,this.children=b||[],this._reparent(this.children),c=a.numericTimingToObject(c),this._timingInput=a.cloneTimingInput(c),this._timing=a.normalizeTimingInput(c,!0),this.timing=a.makeTiming(c,!0,this),this.timing._effect=this,"auto"===this._timing.duration&&(this._timing.duration=this.activeDuration)}window.SequenceEffect=function(){e.apply(this,arguments)},window.GroupEffect=function(){e.apply(this,arguments)},e.prototype={_isAncestor:function(a){for(var b=this;null!==b;){if(b==a)return!0;b=b._parent}return!1},_rebuild:function(){for(var a=this;a;)"auto"===a.timing.duration&&(a._timing.duration=a.activeDuration),a=a._parent;this._animation&&this._animation._rebuildUnderlyingAnimation()},_reparent:function(a){b.removeMulti(a);for(var c=0;c<a.length;c++)a[c]._parent=this},_putChild:function(a,b){for(var c=b?"Cannot append an ancestor or self":"Cannot prepend an ancestor or self",d=0;d<a.length;d++)if(this._isAncestor(a[d]))throw{type:DOMException.HIERARCHY_REQUEST_ERR,name:"HierarchyRequestError",message:c};for(var d=0;d<a.length;d++)b?this.children.push(a[d]):this.children.unshift(a[d]);this._reparent(a),this._rebuild()},append:function(){this._putChild(arguments,!0)},prepend:function(){this._putChild(arguments,!1)},get parent(){return this._parent},get firstChild(){return this.children.length?this.children[0]:null},get lastChild(){return this.children.length?this.children[this.children.length-1]:null},clone:function(){for(var b=a.cloneTimingInput(this._timingInput),c=[],d=0;d<this.children.length;d++)c.push(this.children[d].clone());return this instanceof GroupEffect?new GroupEffect(c,b):new SequenceEffect(c,b)},remove:function(){b.removeMulti([this])}},window.SequenceEffect.prototype=Object.create(e.prototype),Object.defineProperty(window.SequenceEffect.prototype,"activeDuration",{get:function(){var a=0;return this.children.forEach(function(b){a+=d(b)}),Math.max(a,0)}}),window.GroupEffect.prototype=Object.create(e.prototype),Object.defineProperty(window.GroupEffect.prototype,"activeDuration",{get:function(){var a=0;return this.children.forEach(function(b){a=Math.max(a,d(b))}),a}}),b.newUnderlyingAnimationForGroup=function(c){var d,e=null,f=function(b){var c=d._wrapper;return c&&"pending"!=c.playState&&c.effect?null==b?void c._removeChildAnimations():0==b&&c.playbackRate<0&&(e||(e=a.normalizeTimingInput(c.effect.timing)),b=a.calculateTimeFraction(a.calculateActiveDuration(e),-1,e),isNaN(b)||null==b)?(c._forEachChild(function(a){a.currentTime=-1}),void c._removeChildAnimations()):void 0:void 0},g=new KeyframeEffect(null,[],c._timing);return g.onsample=f,d=b.timeline._play(g)},b.bindAnimationForGroup=function(a){a._animation._wrapper=a,a._isGroup=!0,b.awaitStartTime(a),a._constructChildAnimations(),a._setExternalAnimation(a)},b.groupChildDuration=d}(c,e,f),b["true"]=a}({},function(){return this}());
-//# sourceMappingURL=web-animations-next.min.js.map
\ No newline at end of file
diff --git a/scripts/resources/web-animations-js/web-animations.dev.html b/scripts/resources/web-animations-js/web-animations.dev.html
deleted file mode 100644
index 91371f80371..00000000000
--- a/scripts/resources/web-animations-js/web-animations.dev.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!--
- Copyright 2014 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.
--->
-<script src="src/dev.js"></script>
-<script src="src/scope.js"></script>
-<script src="src/timing-utilities.js"></script>
-<script src="src/normalize-keyframes.js"></script>
-<script src="src/keyframe-interpolations.js"></script>
-<script src="src/property-interpolation.js"></script>
-<script src="src/keyframe-effect.js"></script>
-<script src="src/apply-preserving-inline-style.js"></script>
-<script src="src/element-animatable.js"></script>
-<script src="src/interpolation.js"></script>
-<script src="src/matrix-interpolation.js"></script>
-<script src="src/animation.js"></script>
-<script src="src/tick.js"></script>
-<script src="src/matrix-decomposition.js"></script>
-<script src="src/handler-utils.js"></script>
-<script src="src/shadow-handler.js"></script>
-<script src="src/number-handler.js"></script>
-<script src="src/visibility-handler.js"></script>
-<script src="src/color-handler.js"></script>
-<script src="src/dimension-handler.js"></script>
-<script src="src/box-handler.js"></script>
-<script src="src/transform-handler.js"></script>
-<script src="src/font-weight-handler.js"></script>
-<script src="src/position-handler.js"></script>
-<script src="src/shape-handler.js"></script>
-<script src="src/property-names.js"></script>
-
diff --git a/scripts/resources/web-animations-js/web-animations.dev.js b/scripts/resources/web-animations-js/web-animations.dev.js
deleted file mode 100644
index 7f2b4571ebc..00000000000
--- a/scripts/resources/web-animations-js/web-animations.dev.js
+++ /dev/null
@@ -1,21 +0,0 @@
-// Copyright 2014 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.
-var webAnimationsSourceTarget = 'web-animations';
-var WEB_ANIMATIONS_TESTING = false;
-(function() {
-  var scripts = document.getElementsByTagName('script');
-  var location = scripts[scripts.length - 1].src.replace(/[^\/]+$/, '');
-  document.write('<script src="' + location + 'target-config.js"></script>');
-  document.write('<script src="' + location + 'target-loader.js"></script>');
-})();
diff --git a/scripts/resources/web-animations-js/web-animations.html b/scripts/resources/web-animations-js/web-animations.html
deleted file mode 100644
index b5de36c855e..00000000000
--- a/scripts/resources/web-animations-js/web-animations.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<!--
- Copyright 2014 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.
--->
-
-<!-- WARNING: This file is DEPRECATED, for development purposes use
-              web-animations*.dev.html instead or depend on 
-              web-animations*.min.js in the web-animations-js
-              repository -->
-
-<script src="src/dev.js"></script>
-<script src="src/scope.js"></script>
-<script src="src/deprecation.js"></script>
-<script src="src/timing-utilities.js"></script>
-<script src="src/normalize-keyframes.js"></script>
-<script src="src/animation-node.js"></script>
-<script src="src/effect.js"></script>
-<script src="src/property-interpolation.js"></script>
-<script src="src/animation.js"></script>
-<script src="src/apply.js"></script>
-<script src="src/element-animatable.js"></script>
-<script src="src/interpolation.js"></script>
-<script src="src/player.js"></script>
-<script src="src/tick.js"></script>
-<script src="src/handler-utils.js"></script>
-<script src="src/shadow-handler.js"></script>
-<script src="src/number-handler.js"></script>
-<script src="src/visibility-handler.js"></script>
-<script src="src/color-handler.js"></script>
-<script src="src/dimension-handler.js"></script>
-<script src="src/box-handler.js"></script>
-<script src="src/transform-handler.js"></script>
-<script src="src/property-names.js"></script>
-<script src="src/timeline.js"></script>
-<script src="src/maxifill-player.js"></script>
-<script src="src/animation-constructor.js"></script>
-<script src="src/effect-callback.js"></script>
-<script src="src/group-constructors.js"></script>
-
diff --git a/scripts/resources/web-animations-js/web-animations.min.js b/scripts/resources/web-animations-js/web-animations.min.js
deleted file mode 100644
index 6e98c1c63e2..00000000000
--- a/scripts/resources/web-animations-js/web-animations.min.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// Copyright 2014 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(a,b){!function(){var a=0;if(window.requestAnimationFrame||(window.requestAnimationFrame=function(b,c){var d=Date.now(),e=Math.max(0,16-(d-a)),f=window.setTimeout(function(){b(d+e)},e);return a=d+e,f}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(a){clearTimeout(a)}),document.documentElement.animate){var b=document.documentElement.animate([],0),c=!0;if(b&&(c=!1,"play|currentTime|pause|reverse|playbackRate|cancel|finish|startTime|playState".split("|").forEach(function(a){void 0===b[a]&&(c=!0)})),!c)return}var d={},e={},f={},g=null;!function(a,b){function c(a){if("number"==typeof a)return a;var b={};for(var c in a)b[c]=a[c];return b}function d(){this._delay=0,this._endDelay=0,this._fill="none",this._iterationStart=0,this._iterations=1,this._duration=0,this._playbackRate=1,this._direction="normal",this._easing="linear"}function e(a,b,c){var e=new d;return b&&(e.fill="both",e.duration="auto"),"number"!=typeof a||isNaN(a)?void 0!==a&&Object.getOwnPropertyNames(a).forEach(function(b){if("auto"!=a[b]){if(("number"==typeof e[b]||"duration"==b)&&("number"!=typeof a[b]||isNaN(a[b])))return;if("fill"==b&&-1==t.indexOf(a[b]))return;if("direction"==b&&-1==u.indexOf(a[b]))return;e[b]=a[b]}}):e.duration=a,e}function f(a){return"number"==typeof a&&(a=isNaN(a)?{duration:0}:{duration:a}),a}function g(b,c){b=a.numericTimingToObject(b);var d=e(b,c);return d._easing=j(d.easing),d}function h(a,b,c,d){return 0>a||a>1||0>c||c>1?C:function(e){function f(a,b,c){return 3*a*(1-c)*(1-c)*c+3*b*(1-c)*c*c+c*c*c}if(0==e||1==e)return e;for(var g=0,h=1;;){var i=(g+h)/2,j=f(a,c,i);if(Math.abs(e-j)<.001)return f(b,d,i);e>j?g=i:h=i}}}function i(a,b){return function(c){if(c>=1)return 1;var d=1/a;return c+=b*d,c-c%d}}function j(a){var b=A.exec(a);if(b)return h.apply(this,b.slice(1).map(Number));var c=B.exec(a);if(c)return i(Number(c[1]),{start:v,middle:w,end:x}[c[2]]);var d=y[a];return d?d:C}function k(a){return Math.abs(l(a)/a.playbackRate)}function l(a){return a.duration*a.iterations}function m(a,b,c){return null==b?D:b<c.delay?E:b>=c.delay+a?F:G}function n(a,b,c,d,e){switch(d){case E:return"backwards"==b||"both"==b?0:null;case G:return c-e;case F:return"forwards"==b||"both"==b?a:null;case D:return null}}function o(a,b,c,d){return(d.playbackRate<0?b-a:b)*d.playbackRate+c}function p(a,b,c,d,e){return c===1/0||c===-(1/0)||c-d==b&&e.iterations&&(e.iterations+e.iterationStart)%1==0?a:c%a}function q(a,b,c,d){return 0===c?0:b==a?d.iterationStart+d.iterations-1:Math.floor(c/a)}function r(a,b,c,d){var e=a%2>=1,f="normal"==d.direction||d.direction==(e?"alternate-reverse":"alternate"),g=f?c:b-c,h=g/b;return b*d.easing(h)}function s(a,b,c){var d=m(a,b,c),e=n(a,c.fill,b,d,c.delay);if(null===e)return null;if(0===a)return d===E?0:1;var f=c.iterationStart*c.duration,g=o(a,e,f,c),h=p(c.duration,l(c),g,f,c),i=q(c.duration,h,g,c);return r(i,c.duration,h,c)/c.duration}var t="backwards|forwards|both|none".split("|"),u="reverse|alternate|alternate-reverse".split("|");d.prototype={_setMember:function(b,c){this["_"+b]=c,this._effect&&(this._effect._timingInput[b]=c,this._effect._timing=a.normalizeTimingInput(a.normalizeTimingInput(this._effect._timingInput)),this._effect.activeDuration=a.calculateActiveDuration(this._effect._timing),this._effect._animation&&this._effect._animation._rebuildUnderlyingAnimation())},get playbackRate(){return this._playbackRate},set delay(a){this._setMember("delay",a)},get delay(){return this._delay},set endDelay(a){this._setMember("endDelay",a)},get endDelay(){return this._endDelay},set fill(a){this._setMember("fill",a)},get fill(){return this._fill},set iterationStart(a){this._setMember("iterationStart",a)},get iterationStart(){return this._iterationStart},set duration(a){this._setMember("duration",a)},get duration(){return this._duration},set direction(a){this._setMember("direction",a)},get direction(){return this._direction},set easing(a){this._setMember("easing",a)},get easing(){return this._easing},set iterations(a){this._setMember("iterations",a)},get iterations(){return this._iterations}};var v=1,w=.5,x=0,y={ease:h(.25,.1,.25,1),"ease-in":h(.42,0,1,1),"ease-out":h(0,0,.58,1),"ease-in-out":h(.42,0,.58,1),"step-start":i(1,v),"step-middle":i(1,w),"step-end":i(1,x)},z="\\s*(-?\\d+\\.?\\d*|-?\\.\\d+)\\s*",A=new RegExp("cubic-bezier\\("+z+","+z+","+z+","+z+"\\)"),B=/steps\(\s*(\d+)\s*,\s*(start|middle|end)\s*\)/,C=function(a){return a},D=0,E=1,F=2,G=3;a.cloneTimingInput=c,a.makeTiming=e,a.numericTimingToObject=f,a.normalizeTimingInput=g,a.calculateActiveDuration=k,a.calculateTimeFraction=s,a.calculatePhase=m,a.toTimingFunction=j}(d,g),function(a,b){function c(a,b){return a in i?i[a][b]||b:b}function d(a,b,d){var e=f[a];if(e){g.style[a]=b;for(var h in e){var i=e[h],j=g.style[i];d[i]=c(i,j)}}else d[a]=c(a,b)}function e(b){function c(){var a=e.length;null==e[a-1].offset&&(e[a-1].offset=1),a>1&&null==e[0].offset&&(e[0].offset=0);for(var b=0,c=e[0].offset,d=1;a>d;d++){var f=e[d].offset;if(null!=f){for(var g=1;d-b>g;g++)e[b+g].offset=c+(f-c)*g/(d-b);b=d,c=f}}}if(!Array.isArray(b)&&null!==b)throw new TypeError("Keyframes must be null or an array of keyframes");if(null==b)return[];for(var e=b.map(function(b){var c={};for(var e in b){var f=b[e];if("offset"==e){if(null!=f&&(f=Number(f),!isFinite(f)))throw new TypeError("keyframe offsets must be numbers.")}else{if("composite"==e)throw{type:DOMException.NOT_SUPPORTED_ERR,name:"NotSupportedError",message:"add compositing is not supported"};f="easing"==e?a.toTimingFunction(f):""+f}d(e,f,c)}return void 0==c.offset&&(c.offset=null),void 0==c.easing&&(c.easing=a.toTimingFunction("linear")),c}),f=!0,g=-(1/0),h=0;h<e.length;h++){var i=e[h].offset;if(null!=i){if(g>i)throw{code:DOMException.INVALID_MODIFICATION_ERR,name:"InvalidModificationError",message:"Keyframes are not loosely sorted by offset. Sort or specify offsets."};g=i}else f=!1}return e=e.filter(function(a){return a.offset>=0&&a.offset<=1}),f||c(),e}var f={background:["backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundOrigin","backgroundClip","backgroundColor"],border:["borderTopColor","borderTopStyle","borderTopWidth","borderRightColor","borderRightStyle","borderRightWidth","borderBottomColor","borderBottomStyle","borderBottomWidth","borderLeftColor","borderLeftStyle","borderLeftWidth"],borderBottom:["borderBottomWidth","borderBottomStyle","borderBottomColor"],borderColor:["borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"],borderLeft:["borderLeftWidth","borderLeftStyle","borderLeftColor"],borderRadius:["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],borderRight:["borderRightWidth","borderRightStyle","borderRightColor"],borderTop:["borderTopWidth","borderTopStyle","borderTopColor"],borderWidth:["borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth"],flex:["flexGrow","flexShrink","flexBasis"],font:["fontFamily","fontSize","fontStyle","fontVariant","fontWeight","lineHeight"],margin:["marginTop","marginRight","marginBottom","marginLeft"],outline:["outlineColor","outlineStyle","outlineWidth"],padding:["paddingTop","paddingRight","paddingBottom","paddingLeft"]},g=document.createElementNS("http://www.w3.org/1999/xhtml","div"),h={thin:"1px",medium:"3px",thick:"5px"},i={borderBottomWidth:h,borderLeftWidth:h,borderRightWidth:h,borderTopWidth:h,fontSize:{"xx-small":"60%","x-small":"75%",small:"89%",medium:"100%",large:"120%","x-large":"150%","xx-large":"200%"},fontWeight:{normal:"400",bold:"700"},outlineWidth:h,textShadow:{none:"0px 0px 0px transparent"},boxShadow:{none:"0px 0px 0px 0px transparent"}};a.normalizeKeyframes=e}(d,g),function(a,b,c){function d(a){for(var b={},c=0;c<a.length;c++)for(var d in a[c])if("offset"!=d&&"easing"!=d&&"composite"!=d){var e={offset:a[c].offset,easing:a[c].easing,value:a[c][d]};b[d]=b[d]||[],b[d].push(e)}for(var f in b){var g=b[f];if(0!=g[0].offset||1!=g[g.length-1].offset)throw{type:DOMException.NOT_SUPPORTED_ERR,name:"NotSupportedError",message:"Partial keyframes are not supported"}}return b}function e(a){var c=[];for(var d in a)for(var e=a[d],f=0;f<e.length-1;f++){var g=e[f].offset,h=e[f+1].offset,i=e[f].value,j=e[f+1].value;g==h&&(1==h?i=j:j=i),c.push({startTime:g,endTime:h,easing:e[f].easing,property:d,interpolation:b.propertyInterpolation(d,i,j)})}return c.sort(function(a,b){return a.startTime-b.startTime}),c}b.convertEffectInput=function(c){var f=a.normalizeKeyframes(c),g=d(f),h=e(g);return function(a,c){null!=c&&h.filter(function(a){return 0>=c&&0==a.startTime||c>=1&&1==a.endTime||c>=a.startTime&&c<=a.endTime}).forEach(function(d){var e=c-d.startTime,f=d.endTime-d.startTime,g=0==f?0:d.easing(e/f);b.apply(a,d.property,d.interpolation(g))})}}}(d,e,g),function(a,b){function c(a,b,c){f[c]=f[c]||[],f[c].push([a,b])}function d(a,b,d){for(var e=0;e<d.length;e++){var f=d[e];c(a,b,f),/-/.test(f)&&c(a,b,f.replace(/-(.)/g,function(a,b){return b.toUpperCase()}))}}function e(b,c,d){if("initial"==c||"initial"==d){var e=b.replace(/-(.)/g,function(a,b){return b.toUpperCase()});"initial"==c&&(c=g[e]),"initial"==d&&(d=g[e])}for(var h=c==d?[]:f[b],i=0;h&&i<h.length;i++){var j=h[i][0](c),k=h[i][0](d);if(void 0!==j&&void 0!==k){var l=h[i][1](j,k);if(l){var m=a.Interpolation.apply(null,l);return function(a){return 0==a?c:1==a?d:m(a)}}}}return a.Interpolation(!1,!0,function(a){return a?d:c})}var f={};a.addPropertiesHandler=d;var g={backgroundColor:"transparent",backgroundPosition:"0% 0%",borderBottomColor:"currentColor",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",borderBottomWidth:"3px",borderLeftColor:"currentColor",borderLeftWidth:"3px",borderRightColor:"currentColor",borderRightWidth:"3px",borderSpacing:"2px",borderTopColor:"currentColor",borderTopLeftRadius:"0px",borderTopRightRadius:"0px",borderTopWidth:"3px",bottom:"auto",clip:"rect(0px, 0px, 0px, 0px)",color:"black",fontSize:"100%",fontWeight:"400",height:"auto",left:"auto",letterSpacing:"normal",lineHeight:"120%",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",marginTop:"0px",maxHeight:"none",maxWidth:"none",minHeight:"0px",minWidth:"0px",opacity:"1.0",outlineColor:"invert",outlineOffset:"0px",outlineWidth:"3px",paddingBottom:"0px",paddingLeft:"0px",paddingRight:"0px",paddingTop:"0px",right:"auto",textIndent:"0px",textShadow:"0px 0px 0px transparent",top:"auto",transform:"",verticalAlign:"0px",visibility:"visible",width:"auto",wordSpacing:"normal",zIndex:"auto"};a.propertyInterpolation=e}(e,g),function(a,b,c){function d(b){var c=a.calculateActiveDuration(b),d=function(d){return a.calculateTimeFraction(c,d,b)};return d._totalDuration=b.delay+c+b.endDelay,d._isCurrent=function(d){var e=a.calculatePhase(c,d,b);return e===PhaseActive||e===PhaseBefore},d}b.KeyframeEffect=function(c,e,f){var g,h=d(a.normalizeTimingInput(f)),i=b.convertEffectInput(e),j=function(){i(c,g)};return j._update=function(a){return g=h(a),null!==g},j._clear=function(){i(c,null)},j._hasSameTarget=function(a){return c===a},j._isCurrent=h._isCurrent,j._totalDuration=h._totalDuration,j},b.NullEffect=function(a){var b=function(){a&&(a(),a=null)};return b._update=function(){return null},b._totalDuration=0,b._isCurrent=function(){return!1},b._hasSameTarget=function(){return!1},b}}(d,e,g),function(a,b){a.apply=function(b,c,d){b.style[a.propertyName(c)]=d},a.clear=function(b,c){b.style[a.propertyName(c)]=""}}(e,g),function(a){window.Element.prototype.animate=function(b,c){return a.timeline._play(a.KeyframeEffect(this,b,c))}}(e),function(a,b){function c(a,b,d){if("number"==typeof a&&"number"==typeof b)return a*(1-d)+b*d;if("boolean"==typeof a&&"boolean"==typeof b)return.5>d?a:b;if(a.length==b.length){for(var e=[],f=0;f<a.length;f++)e.push(c(a[f],b[f],d));return e}throw"Mismatched interpolation arguments "+a+":"+b}a.Interpolation=function(a,b,d){return function(e){return d(c(a,b,e))}}}(e,g),function(a,b,c){a.sequenceNumber=0;var d=function(a,b,c){this.target=a,this.currentTime=b,this.timelineTime=c,this.type="finish",this.bubbles=!1,this.cancelable=!1,this.currentTarget=a,this.defaultPrevented=!1,this.eventPhase=Event.AT_TARGET,this.timeStamp=Date.now()};b.Animation=function(b){this._sequenceNumber=a.sequenceNumber++,this._currentTime=0,this._startTime=null,this._paused=!1,this._playbackRate=1,this._inTimeline=!0,this._finishedFlag=!1,this.onfinish=null,this._finishHandlers=[],this._effect=b,this._inEffect=this._effect._update(0),this._idle=!0,this._currentTimePending=!1},b.Animation.prototype={_ensureAlive:function(){this.playbackRate<0&&0===this.currentTime?this._inEffect=this._effect._update(-1):this._inEffect=this._effect._update(this.currentTime),this._inTimeline||!this._inEffect&&this._finishedFlag||(this._inTimeline=!0,b.timeline._animations.push(this))},_tickCurrentTime:function(a,b){a!=this._currentTime&&(this._currentTime=a,this._isFinished&&!b&&(this._currentTime=this._playbackRate>0?this._totalDuration:0),this._ensureAlive())},get currentTime(){return this._idle||this._currentTimePending?null:this._currentTime},set currentTime(a){a=+a,isNaN(a)||(b.restart(),this._paused||null==this._startTime||(this._startTime=this._timeline.currentTime-a/this._playbackRate),this._currentTimePending=!1,this._currentTime!=a&&(this._tickCurrentTime(a,!0),b.invalidateEffects()))},get startTime(){return this._startTime},set startTime(a){a=+a,isNaN(a)||this._paused||this._idle||(this._startTime=a,this._tickCurrentTime((this._timeline.currentTime-this._startTime)*this.playbackRate),b.invalidateEffects())},get playbackRate(){return this._playbackRate},set playbackRate(a){if(a!=this._playbackRate){var b=this.currentTime;this._playbackRate=a,this._startTime=null,"paused"!=this.playState&&"idle"!=this.playState&&this.play(),null!=b&&(this.currentTime=b)}},get _isFinished(){return!this._idle&&(this._playbackRate>0&&this._currentTime>=this._totalDuration||this._playbackRate<0&&this._currentTime<=0)},get _totalDuration(){return this._effect._totalDuration},get playState(){return this._idle?"idle":null==this._startTime&&!this._paused&&0!=this.playbackRate||this._currentTimePending?"pending":this._paused?"paused":this._isFinished?"finished":"running"},play:function(){this._paused=!1,(this._isFinished||this._idle)&&(this._currentTime=this._playbackRate>0?0:this._totalDuration,this._startTime=null,b.invalidateEffects()),this._finishedFlag=!1,b.restart(),this._idle=!1,this._ensureAlive()},pause:function(){this._isFinished||this._paused||this._idle||(this._currentTimePending=!0),this._startTime=null,this._paused=!0},finish:function(){this._idle||(this.currentTime=this._playbackRate>0?this._totalDuration:0,this._startTime=this._totalDuration-this.currentTime,this._currentTimePending=!1)},cancel:function(){this._inEffect&&(this._inEffect=!1,this._idle=!0,this.currentTime=0,this._startTime=null,this._effect._update(null),b.invalidateEffects(),b.restart())},reverse:function(){this.playbackRate*=-1,this.play()},addEventListener:function(a,b){"function"==typeof b&&"finish"==a&&this._finishHandlers.push(b)},removeEventListener:function(a,b){if("finish"==a){var c=this._finishHandlers.indexOf(b);c>=0&&this._finishHandlers.splice(c,1)}},_fireEvents:function(a){var b=this._isFinished;if((b||this._idle)&&!this._finishedFlag){var c=new d(this,this._currentTime,a),e=this._finishHandlers.concat(this.onfinish?[this.onfinish]:[]);e.forEach(function(a){a.call(c.target,c)})}this._finishedFlag=b},_tick:function(a){return this._idle||this._paused||(null==this._startTime?this.startTime=a-this._currentTime/this.playbackRate:this._isFinished||this._tickCurrentTime((a-this._startTime)*this.playbackRate)),this._currentTimePending=!1,this._fireEvents(a),!this._idle&&(this._inEffect||!this._finishedFlag)}}}(d,e,g),function(a,b,c){function d(a){a||(a=Date.now());var b=j;j=[],a<t.currentTime&&(a=t.currentTime),h(a),b.forEach(function(b){b[1](a)}),p&&h(a),g(),m=void 0}function e(a,b){return a._sequenceNumber-b._sequenceNumber}function f(){this._animations=[],this.currentTime=window.performance&&performance.now?performance.now():0}function g(){q.forEach(function(a){a()}),q.length=0}function h(a){o=!1;var c=b.timeline;c.currentTime=a,c._animations.sort(e),n=!1;var d=c._animations;c._animations=[];var f=[],g=[];d=d.filter(function(b){return b._inTimeline=b._tick(a),b._inEffect?g.push(b._effect):f.push(b._effect),b._isFinished||b._paused||b._idle||(n=!0),b._inTimeline}),q.push.apply(q,f),q.push.apply(q,g),c._animations.push.apply(c._animations,d),p=!1,n&&requestAnimationFrame(function(){})}var i=window.requestAnimationFrame,j=[],k=0;window.requestAnimationFrame=function(a){var b=k++;return 0==j.length&&i(d),j.push([b,a]),b},window.cancelAnimationFrame=function(a){j.forEach(function(b){b[0]==a&&(b[1]=function(){})})},f.prototype={_play:function(c){c._timing=a.normalizeTimingInput(c.timing);var d=new b.Animation(c);return d._idle=!1,d._timeline=this,this._animations.push(d),b.restart(),b.invalidateEffects(),d}};var l,m=void 0,l=function(){return void 0==m&&(m=performance.now()),m},n=!1,o=!1;b.restart=function(){return n||(n=!0,requestAnimationFrame(function(){}),o=!0),o};var p=!1;b.invalidateEffects=function(){p=!0};var q=[],r=1e3/60,s=window.getComputedStyle;Object.defineProperty(window,"getComputedStyle",{configurable:!0,enumerable:!0,value:function(){if(p){var a=l();a-t.currentTime>0&&(t.currentTime+=r*(Math.floor((a-t.currentTime)/r)+1)),h(t.currentTime)}return g(),s.apply(this,arguments)}});var t=new f;b.timeline=t}(d,e,g),function(a){function b(a,b){var c=a.exec(b);return c?(c=a.ignoreCase?c[0].toLowerCase():c[0],[c,b.substr(c.length)]):void 0}function c(a,b){b=b.replace(/^\s*/,"");var c=a(b);return c?[c[0],c[1].replace(/^\s*/,"")]:void 0}function d(a,d,e){a=c.bind(null,a);for(var f=[];;){var g=a(e);if(!g)return[f,e];if(f.push(g[0]),e=g[1],g=b(d,e),!g||""==g[1])return[f,e];e=g[1]}}function e(a,b){for(var c=0,d=0;d<b.length&&(!/\s|,/.test(b[d])||0!=c);d++)if("("==b[d])c++;else if(")"==b[d]&&(c--,0==c&&d++,0>=c))break;var e=a(b.substr(0,d));return void 0==e?void 0:[e,b.substr(d)]}function f(a,b){for(var c=a,d=b;c&&d;)c>d?c%=d:d%=c;return c=a*b/(c+d)}function g(a){return function(b){var c=a(b);return c&&(c[0]=void 0),c}}function h(a,b){return function(c){var d=a(c);return d?d:[b,c]}}function i(b,c){for(var d=[],e=0;e<b.length;e++){var f=a.consumeTrimmed(b[e],c);if(!f||""==f[0])return;void 0!==f[0]&&d.push(f[0]),c=f[1]}return""==c?d:void 0}function j(a,b,c,d,e){for(var g=[],h=[],i=[],j=f(d.length,e.length),k=0;j>k;k++){var l=b(d[k%d.length],e[k%e.length]);if(!l)return;g.push(l[0]),h.push(l[1]),i.push(l[2])}return[g,h,function(b){var d=b.map(function(a,b){return i[b](a)}).join(c);return a?a(d):d}]}function k(a,b,c){for(var d=[],e=[],f=[],g=0,h=0;h<c.length;h++)if("function"==typeof c[h]){var i=c[h](a[g],b[g++]);d.push(i[0]),e.push(i[1]),f.push(i[2])}else!function(a){d.push(!1),e.push(!1),f.push(function(){return c[a]})}(h);return[d,e,function(a){for(var b="",c=0;c<a.length;c++)b+=f[c](a[c]);return b}]}a.consumeToken=b,a.consumeTrimmed=c,a.consumeRepeated=d,a.consumeParenthesised=e,a.ignore=g,a.optional=h,a.consumeList=i,a.mergeNestedRepeated=j.bind(null,null),a.mergeWrappedNestedRepeated=j,a.mergeList=k}(e),function(a){function b(b){function c(b){var c=a.consumeToken(/^inset/i,b);if(c)return d.inset=!0,c;var c=a.consumeLengthOrPercent(b);if(c)return d.lengths.push(c[0]),c;var c=a.consumeColor(b);return c?(d.color=c[0],c):void 0}var d={inset:!1,lengths:[],color:null},e=a.consumeRepeated(c,/^/,b);return e&&e[0].length?[d,e[1]]:void 0}function c(c){var d=a.consumeRepeated(b,/^,/,c);return d&&""==d[1]?d[0]:void 0}function d(b,c){for(;b.lengths.length<Math.max(b.lengths.length,c.lengths.length);)b.lengths.push({px:0});for(;c.lengths.length<Math.max(b.lengths.length,c.lengths.length);)c.lengths.push({px:0});if(b.inset==c.inset&&!!b.color==!!c.color){for(var d,e=[],f=[[],0],g=[[],0],h=0;h<b.lengths.length;h++){var i=a.mergeDimensions(b.lengths[h],c.lengths[h],2==h);f[0].push(i[0]),g[0].push(i[1]),e.push(i[2])}if(b.color&&c.color){var j=a.mergeColors(b.color,c.color);f[1]=j[0],g[1]=j[1],d=j[2]}return[f,g,function(a){for(var c=b.inset?"inset ":" ",f=0;f<e.length;f++)c+=e[f](a[0][f])+" ";return d&&(c+=d(a[1])),c}]}}function e(b,c,d,e){function f(a){return{inset:a,color:[0,0,0,0],lengths:[{px:0},{px:0},{px:0},{px:0}]}}for(var g=[],h=[],i=0;i<d.length||i<e.length;i++){var j=d[i]||f(e[i].inset),k=e[i]||f(d[i].inset);g.push(j),h.push(k)}return a.mergeNestedRepeated(b,c,g,h)}var f=e.bind(null,d,", ");a.addPropertiesHandler(c,f,["box-shadow","text-shadow"])}(e),function(a,b){function c(a){return a.toFixed(3).replace(".000","")}function d(a,b,c){return Math.min(b,Math.max(a,c))}function e(a){return/^\s*[-+]?(\d*\.)?\d+\s*$/.test(a)?Number(a):void 0}function f(a,b){return[a,b,c]}function g(a,b){return 0!=a?i(0,1/0)(a,b):void 0}function h(a,b){return[a,b,function(a){return Math.round(d(1,1/0,a))}]}function i(a,b){return function(e,f){return[e,f,function(e){return c(d(a,b,e))}]}}function j(a,b){return[a,b,Math.round]}a.clamp=d,a.addPropertiesHandler(e,i(0,1/0),["border-image-width","line-height"]),a.addPropertiesHandler(e,i(0,1),["opacity","shape-image-threshold"]),a.addPropertiesHandler(e,g,["flex-grow","flex-shrink"]),a.addPropertiesHandler(e,h,["orphans","widows"]),a.addPropertiesHandler(e,j,["z-index"]),a.parseNumber=e,a.mergeNumbers=f,a.numberToString=c}(e,g),function(a,b){function c(a,b){return"visible"==a||"visible"==b?[0,1,function(c){return 0>=c?a:c>=1?b:"visible"}]:void 0}a.addPropertiesHandler(String,c,["visibility"])}(e),function(a,b){function c(a){a=a.trim(),f.fillStyle="#000",f.fillStyle=a;var b=f.fillStyle;if(f.fillStyle="#fff",f.fillStyle=a,b==f.fillStyle){f.fillRect(0,0,1,1);var c=f.getImageData(0,0,1,1).data;f.clearRect(0,0,1,1);var d=c[3]/255;return[c[0]*d,c[1]*d,c[2]*d,d]}}function d(b,c){return[b,c,function(b){function c(a){return Math.max(0,Math.min(255,a))}if(b[3])for(var d=0;3>d;d++)b[d]=Math.round(c(b[d]/b[3]));return b[3]=a.numberToString(a.clamp(0,1,b[3])),"rgba("+b.join(",")+")"}]}var e=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");e.width=e.height=1;var f=e.getContext("2d");a.addPropertiesHandler(c,d,["background-color","border-bottom-color","border-left-color","border-right-color","border-top-color","color","outline-color","text-decoration-color"]),a.consumeColor=a.consumeParenthesised.bind(null,c),a.mergeColors=d}(e,g),function(a,b){function c(a,b){if(b=b.trim().toLowerCase(),"0"==b&&"px".search(a)>=0)return{px:0};if(/^[^(]*$|^calc/.test(b)){b=b.replace(/calc\(/g,"(");var c={};b=b.replace(a,function(a){return c[a]=null,"U"+a});for(var d="U("+a.source+")",e=b.replace(/[-+]?(\d*\.)?\d+/g,"N").replace(new RegExp("N"+d,"g"),"D").replace(/\s[+-]\s/g,"O").replace(/\s/g,""),f=[/N\*(D)/g,/(N|D)[*\/]N/g,/(N|D)O\1/g,/\((N|D)\)/g],g=0;g<f.length;)f[g].test(e)?(e=e.replace(f[g],"$1"),g=0):g++;if("D"==e){for(var h in c){var i=eval(b.replace(new RegExp("U"+h,"g"),"").replace(new RegExp(d,"g"),"*0"));if(!isFinite(i))return;c[h]=i}return c}}}function d(a,b){return e(a,b,!0)}function e(b,c,d){var e,f=[];for(e in b)f.push(e);for(e in c)f.indexOf(e)<0&&f.push(e);return b=f.map(function(a){return b[a]||0}),c=f.map(function(a){return c[a]||0}),[b,c,function(b){var c=b.map(function(c,e){return 1==b.length&&d&&(c=Math.max(c,0)),a.numberToString(c)+f[e]}).join(" + ");return b.length>1?"calc("+c+")":c}]}var f="px|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc",g=c.bind(null,new RegExp(f,"g")),h=c.bind(null,new RegExp(f+"|%","g")),i=c.bind(null,/deg|rad|grad|turn/g);a.parseLength=g,a.parseLengthOrPercent=h,a.consumeLengthOrPercent=a.consumeParenthesised.bind(null,h),a.parseAngle=i,a.mergeDimensions=e;var j=a.consumeParenthesised.bind(null,g),k=a.consumeRepeated.bind(void 0,j,/^/),l=a.consumeRepeated.bind(void 0,k,/^,/);a.consumeSizePairList=l;var m=function(a){var b=l(a);return b&&""==b[1]?b[0]:void 0},n=a.mergeNestedRepeated.bind(void 0,d," "),o=a.mergeNestedRepeated.bind(void 0,n,",");a.mergeNonNegativeSizePair=n,a.addPropertiesHandler(m,o,["background-size"]),a.addPropertiesHandler(h,d,["border-bottom-width","border-image-width","border-left-width","border-right-width","border-top-width","flex-basis","font-size","height","line-height","max-height","max-width","outline-width","width"]),a.addPropertiesHandler(h,e,["border-bottom-left-radius","border-bottom-right-radius","border-top-left-radius","border-top-right-radius","bottom","left","letter-spacing","margin-bottom","margin-left","margin-right","margin-top","min-height","min-width","outline-offset","padding-bottom","padding-left","padding-right","padding-top","perspective","right","shape-margin","text-indent","top","vertical-align","word-spacing"])}(e,g),function(a,b){function c(b){return a.consumeLengthOrPercent(b)||a.consumeToken(/^auto/,b)}function d(b){var d=a.consumeList([a.ignore(a.consumeToken.bind(null,/^rect/)),a.ignore(a.consumeToken.bind(null,/^\(/)),a.consumeRepeated.bind(null,c,/^,/),a.ignore(a.consumeToken.bind(null,/^\)/))],b);return d&&4==d[0].length?d[0]:void 0}function e(b,c){return"auto"==b||"auto"==c?[!0,!1,function(d){var e=d?b:c;if("auto"==e)return"auto";var f=a.mergeDimensions(e,e);return f[2](f[0])}]:a.mergeDimensions(b,c)}function f(a){return"rect("+a+")"}var g=a.mergeWrappedNestedRepeated.bind(null,f,e,", ");a.parseBox=d,a.mergeBoxes=g,a.addPropertiesHandler(d,g,["clip"])}(e,g),function(a,b){function c(a){return function(b){var c=0;return a.map(function(a){return a===k?b[c++]:a})}}function d(a){return a}function e(b){if(b=b.toLowerCase().trim(),"none"==b)return[];for(var c,d=/\s*(\w+)\(([^)]*)\)/g,e=[],f=0;c=d.exec(b);){if(c.index!=f)return;f=c.index+c[0].length;var g=c[1],h=n[g];if(!h)return;var i=c[2].split(","),j=h[0];if(j.length<i.length)return;for(var k=[],o=0;o<j.length;o++){var p,q=i[o],r=j[o];if(p=q?{A:function(b){return"0"==b.trim()?m:a.parseAngle(b)},N:a.parseNumber,T:a.parseLengthOrPercent,L:a.parseLength}[r.toUpperCase()](q):{a:m,n:k[0],t:l}[r],void 0===p)return;k.push(p)}if(e.push({t:g,d:k}),d.lastIndex==b.length)return e}}function f(a){return a.toFixed(6).replace(".000000","")}function g(b,c){if(b.decompositionPair!==c){b.decompositionPair=c;var d=a.makeMatrixDecomposition(b)}if(c.decompositionPair!==b){c.decompositionPair=b;var e=a.makeMatrixDecomposition(c)}return null==d[0]||null==e[0]?[[!1],[!0],function(a){return a?c[0].d:b[0].d}]:(d[0].push(0),e[0].push(1),[d,e,function(b){var c=a.quat(d[0][3],e[0][3],b[5]),g=a.composeMatrix(b[0],b[1],b[2],c,b[4]),h=g.map(f).join(",");return h}])}function h(a){return a.replace(/[xy]/,"")}function i(a){return a.replace(/(x|y|z|3d)?$/,"3d")}function j(b,c){var d=a.makeMatrixDecomposition&&!0,e=!1;if(!b.length||!c.length){b.length||(e=!0,b=c,c=[]);for(var f=0;f<b.length;f++){var j=b[f].t,k=b[f].d,l="scale"==j.substr(0,5)?1:0;c.push({t:j,d:k.map(function(a){if("number"==typeof a)return l;var b={};for(var c in a)b[c]=l;return b})})}}var m=function(a,b){return"perspective"==a&&"perspective"==b||("matrix"==a||"matrix3d"==a)&&("matrix"==b||"matrix3d"==b)},o=[],p=[],q=[];if(b.length!=c.length){if(!d)return;var r=g(b,c);o=[r[0]],p=[r[1]],q=[["matrix",[r[2]]]]}else for(var f=0;f<b.length;f++){var j,s=b[f].t,t=c[f].t,u=b[f].d,v=c[f].d,w=n[s],x=n[t];if(m(s,t)){if(!d)return;var r=g([b[f]],[c[f]]);o.push(r[0]),p.push(r[1]),q.push(["matrix",[r[2]]])}else{if(s==t)j=s;else if(w[2]&&x[2]&&h(s)==h(t))j=h(s),u=w[2](u),v=x[2](v);else{if(!w[1]||!x[1]||i(s)!=i(t)){if(!d)return;var r=g(b,c);o=[r[0]],p=[r[1]],q=[["matrix",[r[2]]]];break}j=i(s),u=w[1](u),v=x[1](v)}for(var y=[],z=[],A=[],B=0;B<u.length;B++){var C="number"==typeof u[B]?a.mergeNumbers:a.mergeDimensions,r=C(u[B],v[B]);y[B]=r[0],z[B]=r[1],A.push(r[2])}o.push(y),p.push(z),q.push([j,A])}}if(e){var D=o;o=p,p=D}return[o,p,function(a){return a.map(function(a,b){var c=a.map(function(a,c){return q[b][1][c](a)}).join(",");return"matrix"==q[b][0]&&16==c.split(",").length&&(q[b][0]="matrix3d"),q[b][0]+"("+c+")"}).join(" ")}]}var k=null,l={px:0},m={deg:0},n={matrix:["NNNNNN",[k,k,0,0,k,k,0,0,0,0,1,0,k,k,0,1],d],matrix3d:["NNNNNNNNNNNNNNNN",d],rotate:["A"],rotatex:["A"],rotatey:["A"],rotatez:["A"],rotate3d:["NNNA"],perspective:["L"],scale:["Nn",c([k,k,1]),d],scalex:["N",c([k,1,1]),c([k,1])],scaley:["N",c([1,k,1]),c([1,k])],scalez:["N",c([1,1,k])],scale3d:["NNN",d],skew:["Aa",null,d],skewx:["A",null,c([k,m])],skewy:["A",null,c([m,k])],translate:["Tt",c([k,k,l]),d],translatex:["T",c([k,l,l]),c([k,l])],translatey:["T",c([l,k,l]),c([l,k])],translatez:["L",c([l,l,k])],translate3d:["TTL",d]};a.addPropertiesHandler(e,j,["transform"])}(e,g),function(a,b){function c(a,b){b.concat([a]).forEach(function(b){b in document.documentElement.style&&(d[a]=b)})}var d={};c("transform",["webkitTransform","msTransform"]),c("transformOrigin",["webkitTransformOrigin"]),c("perspective",["webkitPerspective"]),c("perspectiveOrigin",["webkitPerspectiveOrigin"]),a.propertyName=function(a){return d[a]||a}}(e,g)}(),b["true"]=a}({},function(){return this}());
-//# sourceMappingURL=web-animations.min.js.map
\ No newline at end of file