sparnatural
Version:
Visual client-side SPARQL query builder and knowledge graph exploration tool
16 lines • 1.19 kB
JavaScript
import { HTMLComponent } from "../HtmlComponent";
import { TippyInfo } from "./TippyInfo";
export class InfoBtn extends HTMLComponent {
constructor(parentComponent, infoMessage, tippySettings) {
let widgetHtml = $(`${"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 184c13.25 0 24-10.74 24-24c0-13.25-10.75-24-24-24S232 146.7 232 160C232 173.3 242.7 184 256 184zM304 352h-32V240C272 231.2 264.8 224 256 224H224C215.2 224 208 231.2 208 240S215.2 256 224 256h16v96h-32C199.2 352 192 359.2 192 368C192 376.8 199.2 384 208 384h96c8.836 0 16-7.164 16-16C320 359.2 312.8 352 304 352z\"/></svg>" /* UiuxConfig.ICON_CIRCLE_INFO */}`);
super("circle-info", parentComponent, widgetHtml);
this.infoMessage = infoMessage;
this.tippySettings = tippySettings;
}
render() {
super.render();
new TippyInfo(this, this.infoMessage, this.tippySettings);
return this;
}
}
//# sourceMappingURL=InfoBtn.js.map