Module 20504

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