@kelvininc/ui-components
Version:
Kelvin UI Components
100 lines (99 loc) • 3.8 kB
JavaScript
import { h } from "@stencil/core";
/**
* @part illustration - The illustration container.
* @part header - The header container.
* @part description - The description container.
*/
export class KvIllustrationMessage {
render() {
return (h("div", { key: '2769430393c3c0f35ca876a563282059278fa8e6', class: "illustration-message" }, h("kv-illustration", { key: '3dd0de941aae90af94c32c7c3df806a54e69b6bc', name: this.illustration, class: "image", part: "illustration" }), h("div", { key: '87fec4adca889bf9c2056b039fb214a21f55bbde', class: "header", part: "header" }, this.header), this.description && (h("div", { key: 'd9c7958fb1ef327597062ef7e79b1359599a4449', class: "description", part: "description" }, this.description))));
}
static get is() { return "kv-illustration-message"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["illustration-message.scss"]
};
}
static get styleUrls() {
return {
"$": ["illustration-message.css"]
};
}
static get properties() {
return {
"illustration": {
"type": "string",
"attribute": "illustration",
"mutable": false,
"complexType": {
"original": "EIllustrationName",
"resolved": "EIllustrationName",
"references": {
"EIllustrationName": {
"location": "import",
"path": "../../types",
"id": "src/types.ts::EIllustrationName"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(required) The illustration that will be presented."
},
"getter": false,
"setter": false,
"reflect": true
},
"header": {
"type": "string",
"attribute": "header",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(required) The message header to be displayed below the illustration."
},
"getter": false,
"setter": false,
"reflect": true
},
"description": {
"type": "string",
"attribute": "description",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(optional) The message description to be displayed below the title."
},
"getter": false,
"setter": false,
"reflect": true
}
};
}
}