@kelvininc/ui-components
Version:
Kelvin UI Components
54 lines (53 loc) • 1.93 kB
JavaScript
import { Host, h } from "@stencil/core";
/**
* @part tooltip-container - The tooltip container.
* @part tooltip-slot-content - The tooltip slot content.
*/
export class KvTooltipText {
constructor() {
/** @inheritdoc */
this.text = '';
}
render() {
return (h(Host, { key: '70840ea0de71d12ce34b657f0fdf9d2a940f6332' }, h("div", { key: '4ff2b2e412cb5d3531548915b4885f9eb109524f', class: "tooltip-container", part: "tooltip-container" }, this.text && h("div", { key: 'af8d1f527dbc20d141c1e00ff58f5ebbd320014b', class: "tooltip-text" }, this.text), h("div", { key: 'e5a8a93fc9d3c37615c10e060cb6cc4026dd3b71', class: "tooltip-slot", part: "tooltip-slot-content" }, h("slot", { key: '0e011fc72a7b96a2a4324e1715f679092f11473b' })))));
}
static get is() { return "kv-tooltip-text"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["tooltip-text.scss"]
};
}
static get styleUrls() {
return {
"$": ["tooltip-text.css"]
};
}
static get properties() {
return {
"text": {
"type": "string",
"attribute": "text",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(optional) Text of tooltip"
},
"getter": false,
"setter": false,
"reflect": true,
"defaultValue": "''"
}
};
}
}