()
| 14 | private _progress: number = 0 |
| 15 | |
| 16 | constructor() { |
| 17 | const el = this.element = $div({ class: 'xp-progress-bar' }, |
| 18 | this._progressElement = $div({ class: 'xp-progress' }), |
| 19 | this._progressHover = $div({ class: 'xp-progress-hover', attrs: { style: 'opacity: 0' } }) |
| 20 | ) |
| 21 | |
| 22 | addDisposableDomListener(el, 'mousemove', this._updateProgressHover.bind(this)) |
| 23 | addDisposableDomListener(el, 'mouseenter', () => this._progressHover.style.opacity = '1') |
| 24 | addDisposableDomListener(el, 'mouseleave', () => this._progressHover.style.opacity = '0') |
| 25 | addDisposableDomListener(el, 'mousedown', (evt: MouseEvent) => { |
| 26 | this._onSeek.fire((evt.clientX - el.getBoundingClientRect().left) / el.clientWidth) |
| 27 | }) |
| 28 | |
| 29 | this._updateProgress() |
| 30 | } |
| 31 | |
| 32 | public get progress(): number { |
| 33 | return this._progress |
nothing calls this directly
no test coverage detected