@limetech/lime-elements
Version:
98 lines (97 loc) • 3.19 kB
JavaScript
import { h } from "@stencil/core";
/**
* This component is used internally by `limel-tooltip`.
*
* @private
*/
export class TooltipContent {
render() {
let isLabelsTextLong = false;
if (this.helperLabel && this.maxlength) {
isLabelsTextLong =
this.label.length + this.helperLabel.length > this.maxlength;
}
const props = {};
if (this.maxlength) {
props.style = {
'--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',
};
}
return [
h("text", Object.assign({ key: '14fbfda34a833644fd73cbfabb4e481ab5979c69', class: { 'has-column-layout': isLabelsTextLong } }, props), h("div", { key: '672c23e4d0f992395a422f684436ffb18720bd12', class: "label" }, this.label), h("div", { key: '132cffce86c4cd1a274ffbfd3d0ec1bfb9c3c073', class: "helper-label" }, this.helperLabel)),
];
}
static get is() { return "limel-tooltip-content"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["tooltip-content.scss"]
};
}
static get styleUrls() {
return {
"$": ["tooltip-content.css"]
};
}
static get properties() {
return {
"label": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": true,
"optional": false,
"docs": {
"tags": [],
"text": "Read more in tooltip.tsx"
},
"getter": false,
"setter": false,
"reflect": true,
"attribute": "label"
},
"helperLabel": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": "Read more in tooltip.tsx"
},
"getter": false,
"setter": false,
"reflect": true,
"attribute": "helper-label"
},
"maxlength": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": "Read more in tooltip.tsx"
},
"getter": false,
"setter": false,
"reflect": true,
"attribute": "maxlength"
}
};
}
}