loading loading.ts

0% Statements 0/10

0% Branches 0/4

0% Functions 0/2

0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { html, TemplateResult } from 'lit-element';
import { RootElement, htmlElement } from '../../core';
 
import './style.scss';
 
@htmlElement(`loading`)
export class Loading extends RootElement {
  public constructor() {
    super();
  }
 
  public render(): TemplateResult {
    this.fillParent(this.theme === 'dark' ? `background-color: rgba(0, 0, 0, 0.4); z-index: 99999;` : `background-color: rgba(255, 255, 255, 0.4); z-index: 99999`);
    const spinnerTheme = this.theme === 'dark' ? 'text-light' : `text-${this.theme}`;
    return html`
      <div class="spinner-border ${spinnerTheme}" role="status">
        <span class="sr-only">Loading...</span>
      </div>
    `;
  }
}