@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: '277b5f5f6afe392e5657e19268b365359eae3cb5' }, h("div", { key: 'fd7dbf5800f2bc0c2b4143c30364213789de74ba', class: "tooltip-container", part: "tooltip-container" }, this.text && h("div", { key: 'f2997530ada322d521850d251eae279c6f3ea1ea', class: "tooltip-text" }, this.text), h("div", { key: 'efcbeb035cf56668388b59ac214effdcb2fa8df7', class: "tooltip-slot", part: "tooltip-slot-content" }, h("slot", { key: '0fc3e2f0f894f4a9c6b795ee17a18bf090bbbe89' })))));
}
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": "''"
}
};
}
}