Method constructor

packages/playground/src/apps/ControlApp.ts:110–159

(options: ControlAppOptions = {})

    private unsubError: () => void;

    constructor(options: ControlAppOptions = {}) {
        this.root = parseHtml(html`
            <div class="at-wrap">
                <div class="cmp-overlay"></div>
                <div class="at-content">
                    <div class="cmp-sidebar"></div>
                    <div class="at-viewport">
                        <div class="at-canvas"></div>
                    </div>
                </div>
                <div class="cmp-footer"></div>
                <div class="cmp-selection-handles"></div>
            </div>
        `);

        const viewport = this.root.querySelector<HTMLElement>('.at-viewport')!;
        const canvas = this.root.querySelector<HTMLElement>('.at-canvas')!;
        const settings = buildSettings(options, viewport);

        this.api = new alphaTab.AlphaTabApi(canvas, settings);
        this.unsubError = this.api.error.on(e => {
            console.error('alphaTab error', e);
        });

        this.overlay = mount(this.root, '.cmp-overlay', new LoadingOverlay(this.api));
        this.sidebar = mount(this.root, '.cmp-sidebar', new Sidebar(this.api));
        this.footer = mount(
            this.root,
            '.cmp-footer',
            new Footer(this.api, { trackList: this.sidebar.trackList })
        );
        this.selectionHandles = mount(
            this.root,
            '.cmp-selection-handles',
            new SelectionHandles(this.api, viewport)
        );
        this.crosshair = new Crosshair();
        this.dragDrop = new DragDrop(this.api, {
            onEnter: () => this.overlay.enterDrag(),
            onLeave: () => this.overlay.leaveDrag()
        });
        this.nav = new NavMenu();
        document.body.appendChild(this.nav.root);

        // expose for fiddling in dev tools
        if (typeof window !== 'undefined') {
            window.api = this.api;
            window.alphaTab = alphaTab;
        }
    }

    dispose(): void {
        this.unsubError();