-
Notifications
You must be signed in to change notification settings - Fork 0
/
SettingsMenu.ts
33 lines (28 loc) · 978 Bytes
/
SettingsMenu.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import { MenuGroup, menuGroupTemplate } from './MenuGroup';
import settingsMenuHtml from './SettingsMenu.html';
import menuTableCss from './MenuTable.css';
import { createTemplate } from '../util/TemplateUtils';
// Load components used in template
import './ActiveQualityDisplay';
import './PlaybackRateDisplay';
import './PlaybackRateMenu';
const template = createTemplate('theoplayer-settings-menu', menuGroupTemplate(settingsMenuHtml, menuTableCss));
/**
* `<theoplayer-settings-menu>` - A menu to change the settings of the player,
* such as the active video quality and the playback speed.
*
* @slot `heading` - A slot for the menu's heading.
*
* @group Components
*/
export class SettingsMenu extends MenuGroup {
constructor() {
super({ template: template() });
}
}
customElements.define('theoplayer-settings-menu', SettingsMenu);
declare global {
interface HTMLElementTagNameMap {
'theoplayer-settings-menu': SettingsMenu;
}
}