@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 6.86 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvEsMetadata {
constructor() {
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '61fadd3157dfa06b9452dd01a982487c8b01a65a' }, h("svg", { key: '01e16f49fa1580427e285839d84b4d7f310628fd', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 408 138", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: '9c866bf15273c592c05f621ad45e8ea100fca44c', fill: "none", "fill-rule": "evenodd" }, h("path", { key: 'a308ddc6fda79de4c0a99420ce6cbb4a937d3b7a', d: "M0 0h408v138H0z" }), h("path", { key: 'cad2c6ca5ad8ad2ddaad13afd449cf2fcd40f5c4', "fill-rule": "nonzero", d: "M108.36 60.47h55.16a6.45 6.45 0 0 1 .001-12.901h143.738a6.45 6.45 0 1 1 0 12.9q-14.365-.803-17.382.631a6.44 6.44 0 0 0-3.68 5.822q0 2.49 4.133 6.158c3.562 0 5.033 3.178 5.033 6.74a6.45 6.45 0 0 1-6.449 6.45h-24.941a6.457 6.457 0 0 0 0 12.907h74.852a6.45 6.45 0 0 1-.001 12.9h-77.38a6.451 6.451 0 0 0 0 12.901h-1.155a6.451 6.451 0 0 1 0 12.901h-58.973a6.45 6.45 0 0 1 0-12.9h13.157a6.45 6.45 0 0 0 0-12.901h-21.967a6.45 6.45 0 0 1 0-12.9H116.55a6.457 6.457 0 0 1 0-12.907h9.277a6.45 6.45 0 0 0 0-12.901h-17.46a6.45 6.45 0 1 1 0-12.9zm-37.983-.492H83.13c3.522 0 6.377 2.932 6.377 6.549s-2.855 6.55-6.377 6.55H70.377c-3.522 0-6.377-2.933-6.377-6.55s2.855-6.55 6.377-6.55z", style: { "fill": "#f6f6f6" } }), h("path", { key: '30e952855beedbcccab6d6bcb97b86d50fc25aec', fill: "#FFF", "fill-rule": "nonzero", d: "M229.102.69h-50.22l-32.154 32.002V112.7a4.493 4.493 0 0 0 4.489 4.497h77.885c2.48 0 4.49-2.013 4.49-4.497V5.186a4.494 4.494 0 0 0-4.49-4.497z" }), h("path", { key: 'b1cf96b8ff612aa6bf1d83e801197618a0ce4f7e', fill: "var(--illustration-color-light-90)", "fill-rule": "nonzero", d: "M179.13 27.945V.69h-.057l-32.345 31.713h27.885c2.494 0 4.516-1.996 4.516-4.457zm89.268-17.604h-14.512v106.976a4.497 4.497 0 0 1-4.49 4.504h-63.373v.524a4.497 4.497 0 0 0 4.49 4.504h77.885c2.48 0 4.49-2.017 4.49-4.504v-107.5a4.497 4.497 0 0 0-4.49-4.504" }), h("path", { key: '8a967535beb1045e27aaa181a736f25ddac7cbd0', fill: "var(--illustration-color-light-80)", "fill-rule": "nonzero", d: "M253.584 117.488V10.028a4.51 4.51 0 0 0-4.503-4.513h-15.395v107.173a4.51 4.51 0 0 1-4.504 4.512h-63.151v.31a4.51 4.51 0 0 0 4.503 4.513h78.547a4.5 4.5 0 0 0 3.192-1.33 4.51 4.51 0 0 0 1.311-3.205" }), h("path", { key: '4f3fc5b3a4b108e0b8ec9a19c98f001b589a4dc4', fill: "#CCD1D9", "fill-rule": "nonzero", d: "M229.504 117.197h-78a4.785 4.785 0 0 1-4.776-4.783V32.2L179.093 0h50.411a4.786 4.786 0 0 1 4.777 4.783v107.631a4.79 4.79 0 0 1-4.777 4.783m-82.214-84.76v79.977a4.22 4.22 0 0 0 4.215 4.22h77.999a4.227 4.227 0 0 0 4.215-4.22V4.784a4.223 4.223 0 0 0-4.215-4.221h-50.175z" }), h("path", { key: 'b3a2a673bd425d809a8609e876fa418dd8d1f2b3', fill: "#CCD1D9", "fill-rule": "nonzero", d: "M249.482 122.023h-78.66c-2.645-.003-4.788-2.138-4.791-4.772v-.309h.563v.309a4.225 4.225 0 0 0 4.228 4.21h78.66a4.224 4.224 0 0 0 4.228-4.21V10.288a4.23 4.23 0 0 0-4.228-4.211h-15.417v-.562h15.417c2.644.006 4.785 2.14 4.792 4.773V117.25c-.004 2.634-2.147 4.77-4.792 4.772z" }), h("path", { key: '7f5fb3cf6413bf4ee6c07ef5c684666efe7ba4b1', fill: "#CCD1D9", "fill-rule": "nonzero", d: "M268.11 126.849h-78c-2.636-.003-4.773-2.147-4.776-4.792v-.524h.562v.524a4.22 4.22 0 0 0 4.215 4.228h78a4.226 4.226 0 0 0 4.214-4.228V14.444a4.227 4.227 0 0 0-4.215-4.229h-14.533v-.563h14.533a4.79 4.79 0 0 1 4.777 4.792v107.613a4.79 4.79 0 0 1-4.777 4.792m-93.738-94.447h-27.644v-.565h27.644c2.318 0 4.198-1.894 4.198-4.231V0h.56v27.606c-.004 2.647-2.132 4.793-4.758 4.796" }), h("path", { key: 'f0f12b2b7df4999e1c65ca80032035fa0b4a06e7', fill: "#CCD1D9", "fill-rule": "nonzero", d: "m177.061 92.259 16.63-16.425 4.052 4.067-12.25 12.358 12.25 12.364-4.375 4.302zm48.947.24-16.624 16.426-4.058-4.068 12.25-12.358-12.25-12.358 4.375-4.307z" }), h("path", { key: '11a000ff9e88155f7f3f0e2f08f7d9d7a8c5f399', fill: "var(--illustration-color-light-90)", "fill-rule": "nonzero", d: "M154.311 99.273h16.546v6.205h-16.546z" }), h("path", { key: 'e136029e34ea31614d51b2510d0222b5996f802a', fill: "#CCD1D9", "fill-rule": "nonzero", d: "M154.311 86.175h16.546v6.205h-16.546z" }), h("path", { key: '4915e14f7cfc3cb81397ffe636d0a190f2542016', fill: "var(--illustration-color-light-90)", "fill-rule": "nonzero", d: "M154.311 73.765h28.955v6.205h-28.955zm0-13.098h27.576v6.205h-27.576z" }), h("path", { key: 'ebf5d9c23105da9801ac19a2b2815aab77520d7f', fill: "#CCD1D9", "fill-rule": "nonzero", d: "M154.311 47.568h20.682v6.205h-20.682z" }), h("path", { key: '9834d73392a0b30b3898116f7ee98b7361e63a93', fill: "var(--illustration-color-light-90)", "fill-rule": "nonzero", d: "M154.311 35.159h30.333v6.205h-30.333zm34.47 0h37.227v6.205h-37.227zm-9.652 12.409h46.879v6.205h-46.879z" }), h("path", { key: 'ab34f95d38bb2eb437b7606bb8fc1a948366b448', fill: "#CCD1D9", "fill-rule": "nonzero", d: "M186.023 60.667h28.265v6.205h-28.265zm-1.379-38.606h41.364v6.205h-41.364z" })))));
}
static get is() { return "kv-es-metadata"; }
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": "''"
}
};
}
}