@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 5.33 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvEsSectionCell {
constructor() {
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '51a77e115c642d0924b5cef1dca770aab5123d8e' }, h("svg", { key: 'bfa2fa817dc2b902c48b5da7c90ca479cd25b252', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 200 104", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: 'e3a9ba91e1c65868ea6bc1b5ceba1045b1eef1ec', fill: "none", "fill-rule": "evenodd" }, h("path", { key: '2701f873ba844da8ca0950406889c7a959dbb589', fill: "#F6F6F6", d: "M71.499 51.63h74.15a3.33 3.33 0 0 1 0 6.655h-10.39c.494 0 .981.11 1.427.322a3.322 3.322 0 0 0 0 6.007 3.3 3.3 0 0 1-1.427.323h.928a3.326 3.326 0 1 1 0 6.651h-12.863a3.33 3.33 0 0 0 0 6.656h26.799a3.326 3.326 0 1 1 0 6.651h-28.104a3.33 3.33 0 0 0 0 6.656h-.594a3.326 3.326 0 1 1 0 6.651H91.01a3.326 3.326 0 1 1 0-6.651h6.786a3.33 3.33 0 0 0 0-6.656H86.437a3.326 3.326 0 1 1 0-6.651h-39.15a3.33 3.33 0 0 1 0-6.656h4.784a3.326 3.326 0 1 0 0-6.651h-9.007a3.326 3.326 0 1 1 0-6.652H71.5a3.33 3.33 0 1 1 0-6.656zM29.98 58.284a3.326 3.326 0 1 1 0 6.652h-6.655a3.326 3.326 0 1 1 0-6.652zm113.03-25.67a3.326 3.326 0 1 1 0 6.65H68.873a3.326 3.326 0 0 1 0-6.65zm10.65-13.249a3.326 3.326 0 0 1 0 6.652h-6.652a3.326 3.326 0 1 1 0-6.652zM123.579 6a3.326 3.326 0 1 1 0 6.652h-4.962a3.33 3.33 0 1 0 .213 6.655h17.105a3.326 3.326 0 1 1 0 6.652H61.8a3.326 3.326 0 0 1 0-6.652h18.536a3.33 3.33 0 0 0 0-6.655h-5.228a3.326 3.326 0 0 1 0-6.652z" }), h("g", { key: 'a86123ffd6793294efaf253e52e4e9fedf4d6327', "fill-rule": "nonzero" }, h("path", { key: '803d7a773e43eafeff577daddc451f1b1eea8105', fill: "#FFF", stroke: "#CCD1D9", d: "m4.498 46.827 173.99-23.71a2 2 0 0 1 2.252 1.712l3.344 24.538a2 2 0 0 1-1.712 2.251L8.382 75.328a2 2 0 0 1-2.252-1.711L2.786 49.079a2 2 0 0 1 1.712-2.252z" }), h("path", { key: 'df5ce89b8c57fd93897f2475523ad9229649045d', fill: "#CCD1D9", d: "m15.164 54.089 7.438-1.014a2 2 0 0 1 2.251 1.712l1.014 7.437a2 2 0 0 1-1.712 2.252l-7.437 1.013a2 2 0 0 1-2.252-1.711l-1.013-7.438a2 2 0 0 1 1.711-2.251m19.006-2.595 133.793-18.232a2 2 0 0 1 2.252 1.711l1.013 7.438a2 2 0 0 1-1.711 2.251L35.723 62.895a2 2 0 0 1-2.252-1.712l-1.014-7.437a2 2 0 0 1 1.712-2.252z" }), h("path", { key: '7cbaa017c43939781f064cf81a23c657e669c5c0', fill: "#FFF", stroke: "#CCD1D9", d: "m23.312 19.557 173.737 25.5a2 2 0 0 1 1.688 2.27l-3.596 24.502a2 2 0 0 1-2.27 1.688l-173.736-25.5a2 2 0 0 1-1.689-2.27l3.597-24.502a2 2 0 0 1 2.269-1.688z" }), h("path", { key: '4add2a28e63fcb9230f8730bd1f6485698df90c3', fill: "#CCD1D9", d: "m31.545 29.492 7.426 1.09a2 2 0 0 1 1.689 2.269l-1.09 7.426a2 2 0 0 1-2.27 1.689l-7.426-1.09a2 2 0 0 1-1.688-2.27l1.09-7.426a2 2 0 0 1 2.269-1.688m18.8 3.023L184.03 52.771a2 2 0 0 1 1.678 2.277l-1.127 7.436a2 2 0 0 1-2.277 1.678L48.62 43.906a2 2 0 0 1-1.678-2.277l1.127-7.436a2 2 0 0 1 2.277-1.678z" }), h("g", { key: 'f820a08072a12d2e4429604d6b7b55feae9a8917', transform: "translate(12.195 44.61)" }, h("rect", { key: '9a28e1c2dcf130eba39058e2b13e00d7d70d1af9', width: "179.598", height: "28.765", fill: "#FFF", stroke: "#CCD1D9", rx: "2" }), h("rect", { key: 'cfc484783bd04d2f61157dda347d87e2fc1d8b24', width: "11.506", height: "11.506", x: "9.588", y: "8.629", fill: "#CCD1D9", rx: "2" }), h("rect", { key: '1bd1509a6e3c5030895fac4be471a2ff5e7ba262', width: "139.03", height: "11.506", x: "28.765", y: "8.629", fill: "#CCD1D9", rx: "2" })))))));
}
static get is() { return "kv-es-section-cell"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["../../../illustrations/illustrations.scss"]
};
}
static get styleUrls() {
return {
"$": ["../../../illustrations/illustrations.css"]
};
}
static get properties() {
return {
"customClass": {
"type": "string",
"attribute": "custom-class",
"mutable": false,
"complexType": {
"original": "CustomCssClass",
"resolved": "CssClassMap | string | string[]",
"references": {
"CustomCssClass": {
"location": "import",
"path": "../../../types",
"id": "src/types.ts::CustomCssClass"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(optional) Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces. It is also valid to provide\nCssClassMap with boolean logic."
},
"getter": false,
"setter": false,
"reflect": true,
"defaultValue": "''"
}
};
}
}