Class LoadingOverlay

packages/playground/src/components/LoadingOverlay.ts:39–86

);

export class LoadingOverlay implements Mountable {
    readonly root: HTMLElement;
    private unsubRenderStarted: () => void;
    private unsubRenderFinished: () => void;
    private dragCount = 0;

    constructor(api: alphaTab.AlphaTabApi) {
        this.root = parseHtml(html`
            <div class="at-overlay">
                <div class="at-overlay-content">
                    <div class="cmp-spinner"></div>
                </div>
            </div>
        `);
        mount(this.root, '.cmp-spinner', new Spinner());

        this.unsubRenderStarted = api.renderStarted.on(isResize => {
            if (!isResize) {
                this.setVisible(true);
            }
        });
        this.unsubRenderFinished = api.renderFinished.on(() => {
            this.setVisible(false);
        });
    }

    setVisible(visible: boolean): void {
        this.root.classList.toggle('visible', visible);
    }

    enterDrag(): void {
        this.dragCount++;
        this.setVisible(true);
    }

    leaveDrag(): void {
        this.dragCount = Math.max(0, this.dragCount - 1);
        if (this.dragCount === 0) {
            this.setVisible(false);
        }
    }

    dispose(): void {
        this.unsubRenderStarted();
        this.unsubRenderFinished();
        this.root.remove();
    }
}