芝麻web文件管理V1.00
编辑当前文件:/home/freeclou/app.optimyar.com/backend/node_modules/video-react/dist/video-react.min.js
(function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("react"),require("redux"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","redux","react-dom"],a):(e=e||self,a(e["video-react"]={},e.React,e.Redux,e.ReactDOM))})(this,function(e,a,t,n){'use strict';function o(e,a){for(var t,n=0;n
o?"0"+o:o)+":",n=10>n?"0"+n:n,r+o+n}function f(e){return!!(e.props&&e.props.isVideoChild)||"source"===e.type||"track"===e.type}function P(a,t,n,o){void 0===o&&(o=1);var r=U.Children.toArray(t),d=n.order,s=i(n,["order"]);return r.filter(function(a){return!a.props.disabled}).concat(a.filter(function(e){return!pa(r,function(a){return ua(a,e)})})).map(function(t){var n=pa(a,function(e){return ua(e,t)}),o=n?n.props:{},r=l({},s,o,t.props),d=U.cloneElement(t,r,t.props.children);return d}).sort(function(e,a){return(e.props.order||o)-(a.props.order||o)})}function k(e,a){console.warn("WARNING: "+e+" will be deprecated soon! Please use "+a+" instead.")}function T(e,a){var t=arguments,n=!1;return function(){n||(e.apply(void 0,t),n=!0,setTimeout(function(){n=!1},a))}}function S(e){var t,a=Math.round;if(e.getBoundingClientRect&&e.parentNode&&(t=e.getBoundingClientRect()),!t)return{left:0,top:0};var n=document,o=n.body,r=n.documentElement,l=r.clientLeft||o.clientLeft||0,d=window.pageXOffset||o.scrollLeft,i=t.left+d-l,s=r.clientTop||o.clientTop||0,c=window.pageYOffset||o.scrollTop,p=t.top+c-s;return{left:a(i),top:a(p)}}function N(e,a){var t=Math.max,n=Math.min,o={},r=S(e),l=e.offsetWidth,d=e.offsetHeight,i=r.top,s=r.left,c=a.pageY,p=a.pageX;return a.changedTouches&&(p=a.changedTouches[0].pageX,c=a.changedTouches[0].pageY),o.y=t(0,n(1,(i-c+d)/d)),o.x=t(0,n(1,(p-s)/l)),o}function M(e){var a=n.findDOMNode(e);a&&a.focus&&a.focus()}function A(e,a){for(var t=e.className.split(" "),n=0;n
n&&(r=n),l.width=a(r,n);for(var d=[],s=0;s
n;n++)t["_"+e(n)]=n;var o=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==o.join(""))return!1;var r={};return["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"].forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e){for(var a,t,n=u(e),o=1;o
e&&(t=0),1
e&&(e=0),this.video.volume=e}},{key:"videoWidth",get:function(){return this.video.videoWidth}},{key:"videoHeight",get:function(){return this.video.videoHeight}}]),a}(a.Component);va.propTypes=ma,va.displayName="Video";var ya={manager:Ze.object,className:Ze.string},ga=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.timer=null,a.manager.subscribeToOperationStateChange(n.handleStateChange.bind(s(n))),n.state={hidden:!0,operation:{}},n}d(a,e);var t=a.prototype;return t.handleStateChange=function(e,a){var t=this;e.count!==a.count&&"shortcut"===e.operation.source&&(this.timer&&(clearTimeout(this.timer),this.timer=null),this.setState({hidden:!1,count:e.count,operation:e.operation}),this.timer=setTimeout(function(){t.setState({hidden:!0}),t.timer=null},500))},t.render=function(){if("shortcut"!==this.state.operation.source)return null;var e=this.state.hidden?{display:"none"}:null;return U.createElement("div",{className:Je({"video-react-bezel":!0,"video-react-bezel-animation":0==this.state.count%2,"video-react-bezel-animation-alt":1==this.state.count%2},this.props.className),style:e,role:"status","aria-label":this.state.operation.action},U.createElement("div",{className:Je("video-react-bezel-icon","video-react-bezel-icon-"+this.state.operation.action)}))},a}(a.Component);ga.propTypes=ya,ga.displayName="Bezel";var Ea={clickable:Ze.bool,dblclickable:Ze.bool,manager:Ze.object,actions:Ze.object,player:Ze.object,shortcuts:Ze.array},ba=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.defaultShortcuts=[{keyCode:32,handle:n.togglePlay},{keyCode:75,handle:n.togglePlay},{keyCode:70,handle:n.toggleFullscreen},{keyCode:37,handle:function(e,a){e.hasStarted&&a.replay(5,{action:"replay-5",source:"shortcut"})}},{keyCode:74,handle:function(e,a){e.hasStarted&&a.replay(10,{action:"replay-10",source:"shortcut"})}},{keyCode:39,handle:function(e,a){e.hasStarted&&a.forward(5,{action:"forward-5",source:"shortcut"})}},{keyCode:76,handle:function(e,a){e.hasStarted&&a.forward(10,{action:"forward-10",source:"shortcut"})}},{keyCode:36,handle:function(e,a){e.hasStarted&&a.seek(0)}},{keyCode:35,handle:function(e,a){e.hasStarted&&a.seek(e.duration)}},{keyCode:38,handle:function(e,a){var t=e.volume+.05;1
t&&(t=0);var n=0
=t?t=.25:1>=t?t=.5:1.25>=t?t=1:1.5>=t?t=1.25:2>=t&&(t=1.5),a.changeRate(t,{action:"fast-rewind",source:"shortcut"})}}],n.shortcuts=[].concat(n.defaultShortcuts),n.mergeShortcuts=n.mergeShortcuts.bind(s(n)),n.handleKeyPress=n.handleKeyPress.bind(s(n)),n.handleClick=n.handleClick.bind(s(n)),n.handleDoubleClick=n.handleDoubleClick.bind(s(n)),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){this.mergeShortcuts(),document.addEventListener("keydown",this.handleKeyPress),document.addEventListener("click",this.handleClick),document.addEventListener("dblclick",this.handleDoubleClick)},t.componentDidUpdate=function(e){e.shortcuts!==this.props.shortcuts&&this.mergeShortcuts()},t.componentWillUnmount=function(){document.removeEventListener("keydown",this.handleKeyPress),document.removeEventListener("click",this.handleClick),document.removeEventListener("dblclick",this.handleDoubleClick)},t.mergeShortcuts=function(){var e=function(e){var a=e.keyCode,t=void 0===a?0:a,n=e.ctrl,o=e.shift,r=e.alt;return t+":"+(void 0!==n&&n)+":"+(void 0!==o&&o)+":"+(void 0!==r&&r)},a=this.defaultShortcuts.reduce(function(a,t){var n;return Object.assign(a,(n={},n[e(t)]=t,n))},{}),t=(this.props.shortcuts||[]).reduce(function(a,t){var n=t.keyCode,o=t.handle;if(n&&"function"==typeof o){var r;return Object.assign(a,(r={},r[e(t)]=t,r))}return a},a),n=function(e){var a=0;return["ctrl","shift","alt"].forEach(function(t){e[t]&&a++}),a};this.shortcuts=Object.keys(t).map(function(e){return t[e]}).sort(function(e,a){return n(a)-n(e)})},t.togglePlay=function(e,a){e.paused?a.play({action:"play",source:"shortcut"}):a.pause({action:"pause",source:"shortcut"})},t.toggleFullscreen=function(e,a){a.toggleFullscreen(e)},t.handleKeyPress=function(a){var e=this.props,t=e.player,n=e.actions;if(t.isActive&&!(document.activeElement&&(A(document.activeElement,"video-react-control")||A(document.activeElement,"video-react-menu-button-active")||A(document.activeElement,"video-react-big-play-button")))){var o=a.keyCode||a.which,r=a.ctrlKey||a.metaKey,l=a.shiftKey,d=a.altKey,i=this.shortcuts.filter(function(e){return!!(e.keyCode&&0==e.keyCode-o)&&(void 0===e.ctrl||e.ctrl===r)&&(void 0===e.shift||e.shift===l)&&(void 0===e.alt||e.alt===d)})[0];i&&(i.handle(t,n),a.preventDefault())}},t.canBeClicked=function(a,t){return!!(a.isActive&&"VIDEO"===t.target.nodeName&&4===a.readyState)},t.handleClick=function(a){var e=this.props,t=e.player,n=e.actions,o=e.clickable;this.canBeClicked(t,a)&&o&&this.togglePlay(t,n)},t.handleDoubleClick=function(a){var e=this.props,t=e.player,n=e.actions,o=e.dblclickable;this.canBeClicked(t,a)&&o&&this.toggleFullscreen(t,n)},t.render=function(){return null},a}(a.Component);ba.propTypes=Ea,ba.defaultProps={clickable:!0,dblclickable:!0},ba.displayName="Shortcut";var Ca={className:Ze.string,onMouseDown:Ze.func,onMouseMove:Ze.func,stepForward:Ze.func,stepBack:Ze.func,sliderActive:Ze.func,sliderInactive:Ze.func,onMouseUp:Ze.func,onFocus:Ze.func,onBlur:Ze.func,onClick:Ze.func,getPercent:Ze.func,vertical:Ze.bool,children:Ze.node,label:Ze.string,valuenow:Ze.string,valuetext:Ze.string},fa=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleMouseDown=n.handleMouseDown.bind(s(n)),n.handleMouseMove=n.handleMouseMove.bind(s(n)),n.handleMouseUp=n.handleMouseUp.bind(s(n)),n.handleFocus=n.handleFocus.bind(s(n)),n.handleBlur=n.handleBlur.bind(s(n)),n.handleClick=n.handleClick.bind(s(n)),n.handleKeyPress=n.handleKeyPress.bind(s(n)),n.stepForward=n.stepForward.bind(s(n)),n.stepBack=n.stepBack.bind(s(n)),n.calculateDistance=n.calculateDistance.bind(s(n)),n.getProgress=n.getProgress.bind(s(n)),n.renderChildren=n.renderChildren.bind(s(n)),n.state={active:!1},n}d(a,e);var t=a.prototype;return t.componentWillUnmount=function(){document.removeEventListener("mousemove",this.handleMouseMove,!0),document.removeEventListener("mouseup",this.handleMouseUp,!0),document.removeEventListener("touchmove",this.handleMouseMove,!0),document.removeEventListener("touchend",this.handleMouseUp,!0),document.removeEventListener("keydown",this.handleKeyPress,!0)},t.getProgress=function(){var e=this.props.getPercent;if(!e)return 0;var a=e();return("number"!=typeof a||0>a||a===1/0)&&(a=0),a},t.handleMouseDown=function(e){var a=this.props.onMouseDown;document.addEventListener("mousemove",this.handleMouseMove,!0),document.addEventListener("mouseup",this.handleMouseUp,!0),document.addEventListener("touchmove",this.handleMouseMove,!0),document.addEventListener("touchend",this.handleMouseUp,!0),this.setState({active:!0}),this.props.sliderActive&&this.props.sliderActive(e),this.handleMouseMove(e),a&&a(e)},t.handleMouseMove=function(e){var a=this.props.onMouseMove;a&&a(e)},t.handleMouseUp=function(e){var a=this.props.onMouseUp;document.removeEventListener("mousemove",this.handleMouseMove,!0),document.removeEventListener("mouseup",this.handleMouseUp,!0),document.removeEventListener("touchmove",this.handleMouseMove,!0),document.removeEventListener("touchend",this.handleMouseUp,!0),this.setState({active:!1}),this.props.sliderInactive&&this.props.sliderInactive(e),a&&a(e)},t.handleFocus=function(a){document.addEventListener("keydown",this.handleKeyPress,!0),this.props.onFocus&&this.props.onFocus(a)},t.handleBlur=function(a){document.removeEventListener("keydown",this.handleKeyPress,!0),this.props.onBlur&&this.props.onBlur(a)},t.handleClick=function(e){e.preventDefault(),this.props.onClick&&this.props.onClick(e)},t.handleKeyPress=function(e){37===e.which||40===e.which?(e.preventDefault(),e.stopPropagation(),this.stepBack()):(38===e.which||39===e.which)&&(e.preventDefault(),e.stopPropagation(),this.stepForward())},t.stepForward=function(){this.props.stepForward&&this.props.stepForward()},t.stepBack=function(){this.props.stepBack&&this.props.stepBack()},t.calculateDistance=function(e){var a=n.findDOMNode(this),t=N(a,e);return this.props.vertical?t.y:t.x},t.renderChildren=function(){var e=this.getProgress(),a=(100*e).toFixed(2)+"%";return U.Children.map(this.props.children,function(t){return U.cloneElement(t,{progress:e,percentage:a})})},t.render=function(){var e=this.props,a=e.vertical,t=e.label,n=e.valuenow,o=e.valuetext;return U.createElement("div",{className:Je(this.props.className,{"video-react-slider-vertical":a,"video-react-slider-horizontal":!a,"video-react-sliding":this.state.active},"video-react-slider"),tabIndex:"0",role:"slider",onMouseDown:this.handleMouseDown,onTouchStart:this.handleMouseDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-label":t||"","aria-valuenow":n||"","aria-valuetext":o||"","aria-valuemin":0,"aria-valuemax":100},this.renderChildren())},a}(a.Component);fa.propTypes=Ca,fa.displayName="Slider";var Pa={currentTime:Ze.number,duration:Ze.number,percentage:Ze.string,className:Ze.string};D.propTypes=Pa,D.displayName="PlayProgressBar";var ka={duration:Ze.number,buffered:Ze.object,className:Ze.string};w.propTypes=ka,w.displayName="LoadProgressBar",R.propTypes={duration:Ze.number,mouseTime:Ze.object,className:Ze.string},R.displayName="MouseTimeDisplay";var Ta={player:Ze.object,mouseTime:Ze.object,actions:Ze.object,className:Ze.string},Sa=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.getPercent=n.getPercent.bind(s(n)),n.getNewTime=n.getNewTime.bind(s(n)),n.stepForward=n.stepForward.bind(s(n)),n.stepBack=n.stepBack.bind(s(n)),n.handleMouseDown=n.handleMouseDown.bind(s(n)),n.handleMouseMove=n.handleMouseMove.bind(s(n)),n.handleMouseUp=n.handleMouseUp.bind(s(n)),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){},t.componentDidUpdate=function(){},t.getPercent=function(){var e=this.props.player,a=e.currentTime,t=e.seekingTime,n=e.duration,o=(t||a)/n;return 1<=o?1:o},t.getNewTime=function(e){var a=this.props.player.duration,t=this.slider.calculateDistance(e),n=t*a;return n===a?n-.1:n},t.handleMouseDown=function(){},t.handleMouseUp=function(e){var a=this.props.actions,t=this.getNewTime(e);a.seek(t),a.handleEndSeeking(t)},t.handleMouseMove=function(e){var a=this.props.actions,t=this.getNewTime(e);a.handleSeekingTime(t)},t.stepForward=function(){var e=this.props.actions;e.forward(5)},t.stepBack=function(){var e=this.props.actions;e.replay(5)},t.render=function(){var e=this,a=this.props,t=a.player,n=t.currentTime,o=t.seekingTime,r=t.duration,l=t.buffered,d=a.mouseTime,i=o||n;return U.createElement(fa,{ref:function(a){e.slider=a},label:"video progress bar",className:Je("video-react-progress-holder",this.props.className),valuenow:(100*this.getPercent()).toFixed(2),valuetext:C(i,r),onMouseDown:this.handleMouseDown,onMouseMove:this.handleMouseMove,onMouseUp:this.handleMouseUp,getPercent:this.getPercent,stepForward:this.stepForward,stepBack:this.stepBack},U.createElement(w,{buffered:l,currentTime:i,duration:r}),U.createElement(R,{duration:r,mouseTime:d}),U.createElement(D,{currentTime:i,duration:r}))},a}(a.Component);Sa.propTypes=Ta,Sa.displayName="SeekBar";var Na={player:Ze.object,className:Ze.string},Ma=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={mouseTime:{time:null,position:0}},n.handleMouseMoveThrottle=n.handleMouseMove.bind(s(n)),n}d(a,e);var t=a.prototype;return t.handleMouseMove=function(e){if(e.pageX){var a=this.props.player.duration,t=n.findDOMNode(this.seekBar),o=N(t,e).x*a,r=e.pageX-S(t).left;this.setState({mouseTime:{time:o,position:r}})}},t.render=function(){var e=this,a=this.props.className;return U.createElement("div",{onMouseMove:this.handleMouseMoveThrottle,className:Je("video-react-progress-control video-react-control",a)},U.createElement(Sa,l({mouseTime:this.state.mouseTime,ref:function(a){e.seekBar=a}},this.props)))},a}(a.Component);Ma.propTypes=Na,Ma.displayName="ProgressControl";var Aa={actions:Ze.object,player:Ze.object,className:Ze.string},Da=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(n)),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.actions,t=e.player;t.paused?a.play():a.pause()},t.render=function(){var e=this,a=this.props,t=a.player,n=a.className,o=t.paused?"Play":"Pause";return U.createElement("button",{ref:function(a){e.button=a},className:Je(n,{"video-react-play-control":!0,"video-react-control":!0,"video-react-button":!0,"video-react-paused":t.paused,"video-react-playing":!t.paused}),type:"button",tabIndex:"0",onClick:this.handleClick},U.createElement("span",{className:"video-react-control-text"},o))},a}(a.Component);Da.propTypes=Aa,Da.displayName="PlayToggle";var wa={actions:Ze.object,className:Ze.string,seconds:Ze.oneOf([5,10,30])},Ra={seconds:10},Fa=function(e){var t=function(a){function t(e,t){var n;return n=a.call(this,e,t)||this,n.handleClick=n.handleClick.bind(s(n)),n}d(t,a);var n=t.prototype;return n.handleClick=function(){var a=this.props,t=a.actions,n=a.seconds;"forward"===e?t.forward(n):t.replay(n)},n.render=function(){var a=this,t=this.props,n=t.seconds,o=t.className,r=["video-react-control","video-react-button","video-react-icon"];return r.push("video-react-icon-"+e+"-"+n,"video-react-"+e+"-control"),o&&r.push(o),U.createElement("button",{ref:function(e){a.button=e},className:r.join(" "),type:"button",onClick:this.handleClick},U.createElement("span",{className:"video-react-control-text"},e+" "+n+" seconds"))},t}(a.Component);return t.propTypes=wa,t.defaultProps=Ra,t},La=Fa("forward");La.displayName="ForwardControl";var Ia=Fa("replay");Ia.displayName="ReplayControl";var xa={actions:Ze.object,player:Ze.object,className:Ze.string},Oa=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(n)),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.player,t=e.actions;t.toggleFullscreen(a)},t.render=function(){var e=this,a=this.props,t=a.player,n=a.className;return U.createElement("button",{className:Je(n,{"video-react-icon-fullscreen-exit":t.isFullscreen,"video-react-icon-fullscreen":!t.isFullscreen},"video-react-fullscreen-control video-react-control video-react-button video-react-icon"),ref:function(a){e.button=a},type:"button",tabIndex:"0",onClick:this.handleClick},U.createElement("span",{className:"video-react-control-text"},"Non-Fullscreen"))},a}(a.Component);Oa.propTypes=xa,Oa.displayName="FullscreenToggle";var Ba={player:Ze.object,className:Ze.string};F.propTypes=Ba,F.displayName="RemainingTimeDisplay";var _a={player:Ze.object,className:Ze.string};L.propTypes=_a,L.displayName="CurrentTimeDisplay";var Ua={player:Ze.object,className:Ze.string};I.propTypes=Ua,I.displayName="DurationDisplay";var Ha={separator:Ze.string,className:Ze.string};x.propTypes=Ha,x.displayName="TimeDivider";var Ga={tagName:Ze.string,onClick:Ze.func.isRequired,onFocus:Ze.func,onBlur:Ze.func,className:Ze.string},Ka=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(n)),n.handleFocus=n.handleFocus.bind(s(n)),n.handleBlur=n.handleBlur.bind(s(n)),n.handleKeypress=n.handleKeypress.bind(s(n)),n}d(a,e);var t=a.prototype;return t.handleKeypress=function(e){(32===e.which||13===e.which)&&(e.preventDefault(),this.handleClick(e))},t.handleClick=function(e){var a=this.props.onClick;a(e)},t.handleFocus=function(a){document.addEventListener("keydown",this.handleKeypress),this.props.onFocus&&this.props.onFocus(a)},t.handleBlur=function(a){document.removeEventListener("keydown",this.handleKeypress),this.props.onBlur&&this.props.onBlur(a)},t.render=function(){var e=this.props.tagName,a=l({},this.props);return delete a.tagName,delete a.className,U.createElement(e,l({className:Je(this.props.className),role:"button",tabIndex:"0",onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},a))},a}(a.Component);Ka.propTypes=Ga,Ka.defaultProps={tagName:"div"},Ka.displayName="ClickableComponent";var ja={player:Ze.object,children:Ze.any},Va=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(n)),n}d(a,e);var t=a.prototype;return t.handleClick=function(e){e.preventDefault()},t.render=function(){var e=this.props.children;return U.createElement("div",{className:"video-react-menu",onClick:this.handleClick},U.createElement("div",{className:"video-react-menu-content"},e))},a}(a.Component);Va.propTypes=ja,Va.displayName="Popup";var za={inline:Ze.bool,onClick:Ze.func.isRequired,onFocus:Ze.func,onBlur:Ze.func,className:Ze.string};O.propTypes=za,O.defaultProps={inline:!0},O.displayName="PopupButton";var Wa={percentage:Ze.string,vertical:Ze.bool,className:Ze.string};B.propTypes=Wa,B.defaultProps={percentage:"100%",vertical:!1},B.displayName="VolumeLevel";var Ya={actions:Ze.object,player:Ze.object,className:Ze.string,onFocus:Ze.func,onBlur:Ze.func},$a=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={percentage:"0%"},n.handleMouseMove=n.handleMouseMove.bind(s(n)),n.handlePercentageChange=n.handlePercentageChange.bind(s(n)),n.checkMuted=n.checkMuted.bind(s(n)),n.getPercent=n.getPercent.bind(s(n)),n.stepForward=n.stepForward.bind(s(n)),n.stepBack=n.stepBack.bind(s(n)),n.handleFocus=n.handleFocus.bind(s(n)),n.handleBlur=n.handleBlur.bind(s(n)),n.handleClick=n.handleClick.bind(s(n)),n}d(a,e);var t=a.prototype;return t.componentDidMount=function(){},t.getPercent=function(){var e=this.props.player;return e.muted?0:e.volume},t.checkMuted=function(){var e=this.props,a=e.player,t=e.actions;a.muted&&t.mute(!1)},t.handleMouseMove=function(e){var a=this.props.actions;this.checkMuted();var t=this.slider.calculateDistance(e);a.changeVolume(t)},t.stepForward=function(){var e=this.props,a=e.player,t=e.actions;this.checkMuted(),t.changeVolume(a.volume+.1)},t.stepBack=function(){var e=this.props,a=e.player,t=e.actions;this.checkMuted(),t.changeVolume(a.volume-.1)},t.handleFocus=function(a){this.props.onFocus&&this.props.onFocus(a)},t.handleBlur=function(a){this.props.onBlur&&this.props.onBlur(a)},t.handlePercentageChange=function(e){e!==this.state.percentage&&this.setState({percentage:e})},t.handleClick=function(e){e.stopPropagation()},t.render=function(){var e=this,a=this.props,t=a.player,n=a.className,o=(100*t.volume).toFixed(2);return U.createElement(fa,l({ref:function(a){e.slider=a},label:"volume level",valuenow:o,valuetext:o+"%",onMouseMove:this.handleMouseMove,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,sliderActive:this.handleFocus,sliderInactive:this.handleBlur,getPercent:this.getPercent,onPercentageChange:this.handlePercentageChange,stepForward:this.stepForward,stepBack:this.stepBack},this.props,{className:Je(n,"video-react-volume-bar video-react-slider-bar")}),U.createElement(B,this.props))},a}(a.Component);$a.propTypes=Ya,$a.displayName="VolumeBar";var qa={player:Ze.object,actions:Ze.object,vertical:Ze.bool,className:Ze.string,alwaysShowVolume:Ze.bool},Xa=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={active:!1},n.handleClick=n.handleClick.bind(s(n)),n.handleFocus=n.handleFocus.bind(s(n)),n.handleBlur=n.handleBlur.bind(s(n)),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.player,t=e.actions;t.mute(!a.muted)},t.handleFocus=function(){this.setState({active:!0})},t.handleBlur=function(){this.setState({active:!1})},t.render=function(){var e=this.props,a=e.vertical,t=e.player,n=e.className,o=this.volumeLevel;return U.createElement(O,{className:Je(n,{"video-react-volume-menu-button-vertical":a,"video-react-volume-menu-button-horizontal":!a,"video-react-vol-muted":t.muted,"video-react-vol-0":0===o&&!t.muted,"video-react-vol-1":1===o,"video-react-vol-2":2===o,"video-react-vol-3":3===o,"video-react-slider-active":this.props.alwaysShowVolume||this.state.active,"video-react-lock-showing":this.props.alwaysShowVolume||this.state.active},"video-react-volume-menu-button"),onClick:this.handleClick,inline:!a},U.createElement($a,l({onFocus:this.handleFocus,onBlur:this.handleBlur},this.props)))},r(a,[{key:"volumeLevel",get:function(){var e=this.props.player,a=e.volume,t=e.muted,n=3;return 0===a||t?n=0:.33>a?n=1:.67>a&&(n=2),n}}]),a}(a.Component);Xa.propTypes=qa,Xa.defaultProps={vertical:!1},Xa.displayName="VolumeMenuButton";var Za={children:Ze.any},Ja=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(n)),n}d(a,e);var t=a.prototype;return t.handleClick=function(e){e.preventDefault()},t.render=function(){return U.createElement("div",{className:"video-react-menu video-react-lock-showing",role:"presentation",onClick:this.handleClick},U.createElement("ul",{className:"video-react-menu-content"},this.props.children))},a}(a.Component);Ja.propTypes=Za,Ja.displayName="Menu";var Qa={item:Ze.object,index:Ze.number,activateIndex:Ze.number,onSelectItem:Ze.func},et=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleClick=n.handleClick.bind(s(n)),n}d(a,e);var t=a.prototype;return t.handleClick=function(){var e=this.props,a=e.index,t=e.onSelectItem;t(a)},t.render=function(){var e=this.props,a=e.item,t=e.index,n=e.activateIndex;return U.createElement("li",{className:Je({"video-react-menu-item":!0,"video-react-selected":t===n}),role:"menuitem",onClick:this.handleClick},a.label,U.createElement("span",{className:"video-react-control-text"}))},a}(a.Component);et.propTypes=Qa,et.displayName="MenuItem";var at={inline:Ze.bool,items:Ze.array,className:Ze.string,onSelectItem:Ze.func,children:Ze.any,selectedIndex:Ze.number},tt=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.state={active:!1,activateIndex:a.selectedIndex||0},n.commitSelection=n.commitSelection.bind(s(n)),n.activateMenuItem=n.activateMenuItem.bind(s(n)),n.handleClick=n.handleClick.bind(s(n)),n.renderMenu=n.renderMenu.bind(s(n)),n.handleFocus=n.handleFocus.bind(s(n)),n.handleBlur=n.handleBlur.bind(s(n)),n.handleUpArrow=n.handleUpArrow.bind(s(n)),n.handleDownArrow=n.handleDownArrow.bind(s(n)),n.handleEscape=n.handleEscape.bind(s(n)),n.handleReturn=n.handleReturn.bind(s(n)),n.handleTab=n.handleTab.bind(s(n)),n.handleKeyPress=n.handleKeyPress.bind(s(n)),n.handleSelectItem=n.handleSelectItem.bind(s(n)),n.handleIndexChange=n.handleIndexChange.bind(s(n)),n}d(a,e);var t=a.prototype;return t.componentDidUpdate=function(e){e.selectedIndex!==this.props.selectedIndex&&this.activateMenuItem(this.props.selectedIndex)},t.commitSelection=function(e){this.setState({activateIndex:e,active:!1}),this.handleIndexChange(e)},t.activateMenuItem=function(e){this.setState({activateIndex:e}),this.handleIndexChange(e)},t.handleIndexChange=function(e){var a=this.props.onSelectItem;a(e)},t.handleClick=function(){this.setState(function(e){return{active:!e.active}})},t.handleFocus=function(){document.addEventListener("keydown",this.handleKeyPress)},t.handleBlur=function(){this.setState({active:!1}),document.removeEventListener("keydown",this.handleKeyPress)},t.handleUpArrow=function(a){var e=this.props.items;if(this.state.active){a.preventDefault();var t=this.state.activateIndex-1;0>t&&(t=e.length?e.length-1:0),this.activateMenuItem(t)}},t.handleDownArrow=function(a){var e=this.props.items;if(this.state.active){a.preventDefault();var t=this.state.activateIndex+1;t>=e.length&&(t=0),this.activateMenuItem(t)}},t.handleTab=function(a){this.state.active&&(a.preventDefault(),this.commitSelection(this.state.activateIndex))},t.handleReturn=function(a){a.preventDefault(),this.state.active?this.commitSelection(this.state.activateIndex):this.setState({active:!0})},t.handleEscape=function(){this.setState({active:!1,activateIndex:0})},t.handleKeyPress=function(e){27===e.which?this.handleEscape(e):9===e.which?this.handleTab(e):13===e.which?this.handleReturn(e):38===e.which?this.handleUpArrow(e):40===e.which&&this.handleDownArrow(e)},t.handleSelectItem=function(e){this.commitSelection(e)},t.renderMenu=function(){var e=this;if(!this.state.active)return null;var a=this.props.items;return U.createElement(Ja,null,a.map(function(a,t){return U.createElement(et,{item:a,index:t,onSelectItem:e.handleSelectItem,activateIndex:e.state.activateIndex,key:"item-"+t++})}))},t.render=function(){var e=this,a=this.props,t=a.inline,n=a.className;return U.createElement(Ka,{className:Je(n,{"video-react-menu-button-inline":!!t,"video-react-menu-button-popup":!t,"video-react-menu-button-active":this.state.active},"video-react-control video-react-button video-react-menu-button"),role:"button",tabIndex:"0",ref:function(a){e.menuButton=a},onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},this.props.children,this.renderMenu())},a}(a.Component);tt.propTypes=at,tt.displayName="MenuButton";var nt={player:Ze.object,actions:Ze.object,rates:Ze.array,className:Ze.string},ot=function(e){function a(a,t){var n;return n=e.call(this,a,t)||this,n.handleSelectItem=n.handleSelectItem.bind(s(n)),n}d(a,e);var t=a.prototype;return t.handleSelectItem=function(e){var a=this.props,t=a.rates,n=a.actions;0<=e&&e