@kelvininc/ui-components
Version:
Kelvin UI Components
100 lines (99 loc) • 4.11 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: 'ef0e6bacbfff0d771ffdf7d61c079d9a68297670', class: "illustration-message" }, h("kv-illustration", { key: '8a14a60ffaea67fabb4b505f2116ca21535dcb4d', name: this.illustration, class: "image", part: "illustration" }), h("div", { key: '0e4e4a900c82509a11bda981ea20bcf8a0e43ccb', class: "header", part: "header" }, this.header), this.description && (h("div", { key: '090e4a40ef55b9417c5648959caa1b5475ee560e', 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.ErrorState | EIllustrationName.ErrorState404 | EIllustrationName.EsKelvinLogo | EIllustrationName.EsKelvinLogotype | EIllustrationName.Import | EIllustrationName.NoContentHere | EIllustrationName.NoDataAvailable | EIllustrationName.NoMatchingResults | EIllustrationName.NoResultsFound | EIllustrationName.TakeActions",
"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
}
};
}
}