graphdb-workbench
Version:
The web application for GraphDB APIs
1 lines • 1.45 kB
JavaScript
import{h,Host}from"@stencil/core";import loaderSvg from"../../assets/onto-loader.svg";export class OntoLoader{constructor(){this.size=100,this.messageText="",this.rawSvg=atob(loaderSvg.split(",")[1])}render(){return h(Host,{key:"f0eb18975fbbde62c4b50add16b772672a1fbb5b"},h("div",{key:"c36d32d9d10e7fba7d9599a00046dbd78b846b78",class:"onto-loader","guide-selector":"onto-loader"},h("div",{key:"950cb6d4fe083c94a4a03c4564d19becc43597ee",class:"loader-spinner",style:{width:this.size+"px",height:this.size+"px"},innerHTML:this.rawSvg}),this.messageText&&h("div",{key:"2626f0e91e01349384cb0d963a39c6075972c4fd",class:"loader-message",style:{"font-size":this.size/4+"px"}},this.messageText)))}static get is(){return"onto-loader"}static get encapsulation(){return"shadow"}static get originalStyleUrls(){return{$:["onto-loader.scss"]}}static get styleUrls(){return{$:["onto-loader.css"]}}static get properties(){return{size:{type:"number",mutable:!1,complexType:{original:"number",resolved:"number",references:{}},required:!1,optional:!1,docs:{tags:[],text:"Size of the loader in pixels (width and height)."},getter:!1,setter:!1,reflect:!1,attribute:"size",defaultValue:"100"},messageText:{type:"string",mutable:!1,complexType:{original:"string",resolved:"string",references:{}},required:!1,optional:!1,docs:{tags:[],text:"Optional message text to display below the loader."},getter:!1,setter:!1,reflect:!1,attribute:"message-text",defaultValue:"''"}}}}