Module 20504

function(e,t,n){"use strict";n.d(t,{A:()=>E});var i=n(627968),r=n(64700),s=n(503698),a=n.n(s),o=n(983851),l=n(358618),u=n(793920),c=n(939249),d=n(122641),_=n(375708),h=n(420397);class f extends r.PureComponent{_mediaBar=r.createRef();_hoverTimeout;state={hovered:!1,focused:!1,dragging:!1};static defaultProps={minValue:0,maxValue:100,handleSize:16};componentDidMount(){this.updateMediaBar()}componentDidUpdate(e){(this.props.value!==e.value||this.props.muted!==e.muted)&&this.updateMediaBar()}updateMediaBar(){let{muted:e,value:t,maxValue:n}=this.props,i=this._mediaBar.current;null!=i&&(e?i.setGrabber(0):i.setGrabber(t/n))}handleValueChange=e=>{let{maxValue:t,onValueChange:n}=this.props;n?.(e*t)};handleToggleMute=()=>{let{onToggleMute:e}=this.props;e?.()};handleKeyDown=e=>{let{minValue:t,value:n,maxValue:i,onValueChange:r}=this.props,s=.05*(i-t);switch(e.key){case"ArrowUp":if(e.stopPropagation(),e.preventDefault(),!this.state.focused){this.setState({focused:!0});break}r?.(Math.min(i,n+s));break;case"ArrowDown":if(e.stopPropagation(),e.preventDefault(),!this.state.focused){this.setState({focused:!0});break}r?.(Math.max(t,n-s));break;case"Escape":this.setState({focused:!1}),e.stopPropagation(),e.preventDefault()}};handleDragStart=()=>{this.setState({dragging:!0})};handleDragEnd=()=>{this.setState({dragging:!1})};blur=()=>{this.setState({focused:!1})};render(){let{iconClassName:e,iconColor:t,className:n,sliderWrapperClassName:r,sliderClassName:s,currentWindow:f,muted:E,minValue:p,maxValue:m,value:g,onVolumeShow:A,onVolumeHide:I}=this.props,{hovered:T,focused:S,dragging:N}=this.state,C=o.H;return E||g===p?C=l._:g<m/2&&(C=u.S),(0,i.jsxs)("div",{className:a()(n,h.kL),onMouseEnter:()=>{clearTimeout(this._hoverTimeout),this.setState({hovered:!0}),A?.()},onMouseLeave:()=>{clearTimeout(this._hoverTimeout),this._hoverTimeout=setTimeout(()=>{this.setState({hovered:!1}),I?.()},150)},onBlur:()=>this.setState({focused:!1}),onKeyDown:this.handleKeyDown,children:[(0,i.jsx)("div",{className:a()(h.QS,r,{[h.OZ]:T||S||N}),onMouseEnter:()=>{clearTimeout(this._hoverTimeout),this.setState({hovered:!0})},onMouseLeave:()=>{clearTimeout(this._hoverTimeout),this._hoverTimeout=setTimeout(()=>this.setState({hovered:!1}),150)},children:(0,i.jsx)(d.A,{className:h.YZ,sliderClassName:s,type:d.A.Types.VOLUME,value:g/m,onDrag:this.handleValueChange,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd,currentWindow:f,ref:this._mediaBar})}),(0,i.jsx)(c.D,{className:h.bk,"aria-label":_.intl.string(_.t["19lt24"]),onClick:this.handleToggleMute,children:(0,i.jsx)(C,{color:t,className:e})})]})}}let E=f}