Cube('pandav:/com/time-line/1.0.0/timeLine.jsx',['pandav:/npm/react/16.13.1','pandav:/npm/lodash/4.6.1','pandav:/com/time-line/1.0.0/anime/anime'],function(a,b,c){function d(a){"@babel/helpers - typeof";return d='function'==typeof Symbol&&'symbol'==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&'function'==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?'symbol':typeof a},d(a)}function f(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function g(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,'value'in c&&(c.writable=!0),Object.defineProperty(a,j(c.key),c)}function h(a,b,c){return b&&g(a.prototype,b),c&&g(a,c),Object.defineProperty(a,'prototype',{writable:!1}),a}function j(a){var b=k(a,'string');return'symbol'==d(b)?b:b+''}function k(a,b){if('object'!=d(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var f=c.call(a,b||'default');if('object'!=d(f))return f;throw new TypeError('@@toPrimitive must return a primitive value.')}return('string'===b?String:Number)(a)}function l(a,b,c){return b=q(b),m(a,p()?Reflect.construct(b,c||[],q(a).constructor):b.apply(a,c))}function m(a,b){if(b&&('object'===d(b)||'function'==typeof b))return b;if(void 0!==b)throw new TypeError('Derived constructors may only return object or undefined');return n(a)}function n(a){if(void 0===a)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return a}function p(){try{var a=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(a){}return(p=function b(){return!!a})()}function q(a){return q=Object.setPrototypeOf?Object.getPrototypeOf.bind():function b(a){return a.__proto__||Object.getPrototypeOf(a)},q(a)}function r(a,b){if('function'!=typeof b&&null!==b)throw new TypeError('Super expression must either be null or a function');a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),Object.defineProperty(a,'prototype',{writable:!1}),b&&s(a,b)}function s(a,b){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function c(a,b){return a.__proto__=b,a},s(a,b)}function t(a){for(var b=arguments,c=function c(){var f=null==b[d]?{}:b[d],g=Object.keys(f);'function'==typeof Object.getOwnPropertySymbols&&(g=g.concat(Object.getOwnPropertySymbols(f).filter(function(a){return Object.getOwnPropertyDescriptor(f,a).enumerable}))),g.forEach(function(b){y(a,b,f[b])})},d=1;d<arguments.length;d++)c();return a}function u(a){return'string'==typeof a?a:'single'===a.type?a.value:'double'===a.type?'linear-gradient('+(x.toNumber(a.angle)||0)+'deg, '+a.from+', '+a.to+')':void 0}function v(a){var b='';if(!a)return e;var c=a.match(/\((.+?)\)/g)[0];return b=c.substring(1,c.length-1).split(',')[0]}var w=c('pandav:/npm/react/16.13.1'),x=c('pandav:/npm/lodash/4.6.1'),i=c('pandav:/com/time-line/1.0.0/anime/anime'),y=function d(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a},z=function b(a){var c=a.index,d=a.text,f=a.padding,g=a.onClick,h=a.styles;console.log('object :>> ',h);var i=h.textStyle,j=h.textTranslate;return w.createElement('div',{style:t(t({position:'absolute',cursor:'pointer',pointerEvents:'auto'},t(i)),{},{left:c*f,top:'70%',transform:'translate(-'+i.fontSize+'px, 0px)translate3d('+j.x+'px, '+j.y+'px,0px)',fontStyle:h.italic?'italic':'normal',whiteSpace:'nowrap'}),onClick:function b(a){g(c)}},d)},A=function(a){var b=Math.floor;function c(a){var b;return f(this,c),b=l(this,c,[a]),b.state={current:0,flag:-1,lastX:0,looping:!0,moving:!0,width:0,padding:0,duration:1e3},b}return r(c,a),h(c,[{key:'componentDidMount',value:function a(){this.refresh(this.props)}},{key:'componentWillReceiveProps',value:function c(a,b){this.myAnimation&&this.myAnimation.remove('#bar_time_speed_case'),this.refresh(a)}},{key:'refresh',value:function c(a){var d=this,f=a.config,g=a.data,h=f.options,j=h.chart,k=h.controller,l=j.padding,m=k.looping,n=k.manualplay,p=k.defaultState,q=k.duration,r=g.indexOf(function(a){return a===p});this.setState({current:-1<r?r:0,flag:-1,lastX:0,looping:m,moving:!n,width:p?(r-1)*l:0,padding:l,duration:1e3*q},function(){return!!g.length&&void(d.myAnimation=i({targets:['#bar_time_speed_case'],width:[d.state.width,d.state.padding*(g.length-1)],duration:1e3*q,autoplay:d.state.moving,loop:d.state.looping,easing:'linear',update:function c(a){var f=a.progress*d.state.padding*(g.length-1)/100,h=b(f/d.state.padding);d.setState({width:f,current:h}),d.props.emitEvent&&d.props.emitEvent('update',g[h])}}))})}},{key:'onClick',value:function b(a){var c=this;this.state.moving?this.setState({moving:!1},function(){c.myAnimation.pause()}):this.setState({moving:!0},function(){c.myAnimation.play()})}},{key:'BarOnClick',value:function c(a){var d=this,f=this.props.data,g=v(document.getElementsByClassName('scene')[0].style.transform);this.setState({moving:!1},function(){d.myAnimation.pause()});var h=document.getElementById('bar_time_case').getBoundingClientRect(),i=h.left,j=h.right,k=(a.pageX<=i?0:a.pageX>j?j-i:a.pageX-i)/g,l=b(k/this.state.padding);this.setState({width:k,current:l},function(){d.myAnimation.seek(d.state.duration*(k/(d.state.padding*(f.length-1)))),d.props.emitEvent&&d.props.emitEvent('update',f[l])}),this.setState({moving:!0},function(){d.myAnimation.play()})}},{key:'onMouseDown',value:function b(a){var c=this;this.setState({moving:!1},function(){c.myAnimation.pause()});var d=a.pageX;this.setState({lastX:d})}},{key:'onMouseMove',value:function c(a){var d=v(document.getElementsByClassName('scene')[0].style.transform),f=document.getElementById('bar_time_case').getBoundingClientRect(),g=f.left,h=f.right,i=(a.pageX<=g?0:a.pageX>h?h-g:a.pageX-g)/d,j=b(o/this.state.padding);this.setState({width:i,current:j})}},{key:'onMouseUp',value:function b(a){var c=this,d=this;document.removeEventListener('mousemove',d.onMouseMove.bind(d)),document.removeEventListener('mouseup',d.onMouseUp.bind(d)),this.setState({moving:!0},function(){c.myAnimation.play()})}},{key:'handleText',value:function b(a){var c=this,d=this.props.data;this.setState({moving:!1,width:a*this.state.padding,current:a},function(){c.myAnimation.pause(),c.myAnimation.seek(c.state.duration*(a/(d.length-1))),c.props.emitEvent&&c.props.emitEvent('update',d[a])})}},{key:'render',value:function a(){var b=this,c=this.props,d=c.config,f=c.data,g=d.options,h=g.chart,i=g.controller,j=h.padding,k=h.barStyle,l=h.linelabel,m=h.animLabel,n=i.looping,p=i.manualplay,q=i.duration,r=i.defaultState,s=i.cursor,v=i.iconStyle,x=v.playStyle,y=v.stopStyle,A=({defaultState:r,duration:q,looping:n,manualPlay:p},this.state),B=A.width,C=A.current,D=A.moving?x:y;return w.createElement('div',{className:'___timeLine',style:t(t({},{width:this.props.width,height:this.props.height}),{},{overflow:'hidden',display:'flex',alignItems:'center',pointerEvents:'auto'})},w.createElement('div',{style:{margin:'20px',width:D.size.width,height:D.size.height,flexShrink:0,transform:'translate3d('+D.translate.width+'px, '+D.translate.y+'px,0px)',background:D.url?'50% 50% / 100% 100% url('+D.url+')':'none',pointerEvents:'auto'},onClick:this.onClick.bind(this)}),w.createElement('div',{id:'bar_time_case',style:{position:'relative',width:j*(f.length-1),height:'100%',display:'flex',alignItems:'center'}},w.createElement('div',{style:t(t({top:'5%',left:B,position:'absolute',display:'flex',width:m.labelFrame.size.width,height:m.labelFrame.size.height},t(m.textStyle)),{},{transform:'translate(-'+m.labelFrame.size.width/2+'px, 0px)translate3d('+m.labelFrame.translate.x+'px, '+m.labelFrame.translate.y+'px,0px)',background:m.labelFrame.url?'50% 50% / 100% 100% url('+m.labelFrame.url+')':'none'})},f[C]&&f[C].label&&w.createElement('span',{style:t(t({},t(m.textStyle)),{},{transform:'translate3d('+m.textTranslate.x+'px, '+m.textTranslate.y+'px,0px)',fontStyle:m.italic?'italic':'normal'})},f[C]&&f[C].text)),w.createElement('div',{style:{position:'relative',width:j*(f.length-1),height:k.barWidth,background:k.bgColor},onClick:this.BarOnClick.bind(this)},w.createElement('div',{id:'bar_time_speed_case',style:{position:'absolute',height:'100%',width:B,background:u(k.barColors),pointerEvents:'auto'}}),w.createElement('img',{src:s.url,draggable:'false',alt:'',style:t({position:'absolute',left:B-s.size.width/2,top:-s.size.width/2+k.barWidth/2},s.size),onMouseDown:this.onMouseDown.bind(this)})),w.createElement('div',{},l.show&&f&&f.map(function(a,c){return w.createElement(z,{show:a.show,styles:l,onClick:b.handleText.bind(b),key:c,index:c,text:a.text,padding:j})}))))}},{key:'componentWillUnmount',value:function a(){this.state=null,this.myAnimation&&this.myAnimation.remove('#bar_time_speed_case')}}]),c}(w.Component);return a.exports=A,a.exports});