mirror of
https://github.com/home-assistant/frontend.git
synced 2025-11-05 00:49:53 +00:00
82f80db558
* Update typescript, prettier, tslint -> eslint * Organize imports * Use glob for eslint fix react import
43 lines
837 B
TypeScript
43 lines
837 B
TypeScript
import "@polymer/paper-spinner/paper-spinner-lite";
|
|
import {
|
|
css,
|
|
CSSResult,
|
|
customElement,
|
|
html,
|
|
LitElement,
|
|
property,
|
|
TemplateResult,
|
|
} from "lit-element";
|
|
|
|
@customElement("step-flow-loading")
|
|
class StepFlowLoading extends LitElement {
|
|
@property() public label?: string;
|
|
|
|
protected render(): TemplateResult {
|
|
return html`
|
|
<div class="init-spinner">
|
|
${this.label ? html` <div>${this.label}</div> ` : ""}
|
|
<paper-spinner-lite active></paper-spinner-lite>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
static get styles(): CSSResult {
|
|
return css`
|
|
.init-spinner {
|
|
padding: 50px 100px;
|
|
text-align: center;
|
|
}
|
|
paper-spinner-lite {
|
|
margin-top: 16px;
|
|
}
|
|
`;
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"step-flow-loading": StepFlowLoading;
|
|
}
|
|
}
|