"use strict";var n=function(n){return n&&n.__esModule?n["default"]:n},i=Object.assign||function(n){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},t=n(require("react")),o=n(require("./animation"));module.exports=t.createClass({displayName:"animation-visualizer",getInitialState:function(){return{}},render:function(){return t.createElement("div",i({ref:"container"},{style:this.props.style}))},componentWillReceiveProps:function(n){this.nextProps=n,this.animation.initialized?this.playAnimation(n.uri):this.animation.on("init",this.onNextPropsInit)},playAnimation:function(n){var i=t.findDOMNode(this.refs.container);this.animation.attach(i),this.animation.createAnimation(n,function(n){n&&n.play()})},onNextPropsInit:function(){this.playAnimation(this.nextProps.uri)},onInit:function(){console.log("initted"),this.playAnimation(this.props.uri)},componentDidMount:function(){this.animation=new o,this.animation.on("init",this.onInit),this.animation.init()},componentWillUnmount:function(){this.animation.detach()}});