| 28 | readonly transport: TransportBar; |
| 29 | |
| 30 | constructor(api: alphaTab.AlphaTabApi, options: FooterOptions = {}) { |
| 31 | this.root = parseHtml(html` |
| 32 | <div class="at-footer"> |
| 33 | <div class="cmp-waveform"></div> |
| 34 | <div class="cmp-time-slider"></div> |
| 35 | <div class="cmp-transport"></div> |
| 36 | </div> |
| 37 | `); |
| 38 | this.waveform = mount(this.root, '.cmp-waveform', new Waveform(api)); |
| 39 | this.timeSlider = mount(this.root, '.cmp-time-slider', new TimeSlider(api)); |
| 40 | this.transport = mount( |
| 41 | this.root, |
| 42 | '.cmp-transport', |
| 43 | new TransportBar(api, { trackList: options.trackList }) |
| 44 | ); |
| 45 | } |
| 46 | |
| 47 | dispose(): void { |
| 48 | this.waveform.dispose(); |