@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 3.75 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvEsPartPlaceholder {
constructor() {
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: 'eace64b1b3070826fdbb7f393830321fd2fddc6a' }, h("svg", { key: '53910111de934ca9c2c0e1701a7c37c5f4d117d0', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 92 90", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: 'ed4343a728d79cd783c142acce6d149068b8f2be', fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'dd6d6f32e52bfb11baa1e8fa5e6eb5aa65ca2dca', transform: "rotate(11 6.151 96.62)" }, h("rect", { key: '56dfbcc3443b1dcd1d4775f266aecccb1e9e2933', width: "74", height: "72", fill: "#C4C4C4", rx: "3" }), h("rect", { key: '03ad5a96b24df3570ead8bee7c39ede4ccb1c60d', width: "66", height: "53", x: "3.932", y: "3.91", fill: "#FFF", rx: "3" })), h("g", { key: '2359ce080a1eca0cc72abc119595a6413ad68255', transform: "rotate(-18 72.569 8.431)" }, h("rect", { key: '6b6b32b4af9b9307fbe66bfe3ebdc57b53e0b875', width: "72", height: "70", fill: "#D8D8D8", rx: "3" }), h("rect", { key: 'b702ea45c3c408b36a0111b5806aeb72824883f7', width: "64", height: "51", x: "4", y: "4", fill: "#FFF", rx: "3" }), h("g", { key: '490960bf46d6fd2fcc55128e916f15d85541a762', opacity: "0.696" }, h("path", { key: '69c2686907b93e01544b6a78d489f76b6173c1cf', d: "M18.36 11.887h35v35h-35z" }), h("path", { key: '9b066057c6222049c20b6994044f3dd0b11838f6', fill: "#C4C4C4", d: "M35.86 15.387c7.728 0 14 6.272 14 14s-6.272 14-14 14-14-6.272-14-14 6.272-14 14-14m-.259 7H30.61v15.4h3.11v-5.81h2.026q2.112-.001 3.226-.22.82-.18 1.614-.73.791-.552 1.305-1.52.517-.965.516-2.384 0-1.837-.892-3-.894-1.16-2.216-1.507-.862-.23-3.698-.23zm-.378 2.603q1.68 0 2.238.105.755.138 1.25.684.492.546.493 1.387 0 .68-.353 1.197a2.02 2.02 0 0 1-.973.756q-.614.243-2.456.243h-1.703V24.99z" })))))));
}
static get is() { return "kv-es-part-placeholder"; }
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": "''"
}
};
}
}