e-virt-table/dist/lib/Loading.js

A powerful data table based on canvas. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.

export default class Tooltip {
    constructor(ctx) {
        Object.defineProperty(this, "ctx", {
            enumerable: true,
            configurable: true,
            writable: true,
            value: void 0
        });
        Object.defineProperty(this, "loadingEl", {
            enumerable: true,
            configurable: true,
            writable: true,
            value: void 0
        });
        Object.defineProperty(this, "textEl", {
            enumerable: true,
            configurable: true,
            writable: true,
            value: document.createElement('p')
        });
        this.ctx = ctx;
        if (this.ctx.loadingElement) {
            this.loadingEl = this.ctx.loadingElement;
        }
        else {
            this.loadingEl = document.createElement('div');
            const loadingSpinner = document.createElement('div');
            loadingSpinner.className = 'e-virt-table-loading-spinner';
            const loadingSvg = this.ctx.icons.getSvg('loading');
            if (loadingSvg) {
                const parser = new DOMParser();
                const doc = parser.parseFromString(loadingSvg.svg, 'image/svg+xml');
                const svgEl = doc.documentElement;
                loadingSpinner.appendChild(svgEl);
            }
            this.textEl.className = 'e-virt-table-loading-text';
            this.textEl.innerText = this.getText();
            loadingSpinner.appendChild(this.textEl);
            this.loadingEl.appendChild(loadingSpinner);
        }
        this.loadingEl.className = 'e-virt-table-loading';
        this.loadingEl.style.display = 'none';
        this.ctx.containerElement.appendChild(this.loadingEl);
    }
    getText() {
        return this.ctx.config.LOADING_TEXT || this.ctx.locale.getText('loadingText');
    }
    show() {
        this.loadingEl.style.display = 'flex';
    }
    hide() {
        this.loadingEl.style.display = 'none';
    }
    draw() {
        if (this.ctx.loadingElement) {
            return;
        }
        this.textEl.innerText = this.getText();
    }
    destroy() {
        this.loadingEl.remove();
    }
}
//# sourceMappingURL=Loading.js.map