@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 3.56 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvEsAssetPlaceholder {
constructor() {
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '9143be1a0fae7741a6e7d24eb8a7da04515423e8' }, h("svg", { key: 'd4bed0eb1c2e5f6b11b50aef5d58ad35dabc8b63', 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: '8693bdb701c38f5010feb4e009fc1b44517da747', fill: "none", "fill-rule": "evenodd" }, h("g", { key: '51aa741d9223da50852f5b2974079cb5fecda252', transform: "rotate(11 10.844 90.927)" }, h("rect", { key: 'be624179596facbb074b140fd05f8694b0eed271', width: "74", height: "72", fill: "#C4C4C4", rx: "3" }), h("rect", { key: '9db44ce4d3baf134e879264948128d387879d187', width: "66", height: "53", x: "3.932", y: "3.91", fill: "#FFF", rx: "3" })), h("g", { key: '8ba2c978af81f8b62b0ec2e7fb94203432737595', transform: "rotate(-18 68.912 11.088)" }, h("rect", { key: '51cc7648da8262361cc790d56a51db81a9c988b5', width: "72", height: "70", fill: "#D8D8D8", rx: "3" }), h("rect", { key: '1fad343f7931cdc6ff26572939b534a145c51912', width: "64", height: "51", x: "4", y: "4", fill: "#FFF", rx: "3" }), h("g", { key: '7a5cbf221abde5e80d15a2bef6e5a7c13aef182b', opacity: "0.696" }, h("path", { key: '6580af457e7896585fbb69612cba0d083d12620a', d: "M18.36 11.887h35v35h-35z" }), h("path", { key: '7af0ba143d5d868a5334ab727dc5d79e239f499e', 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-14m1.372 5.6h-2.758l-5.782 15.4h2.66l1.4-3.934h6.23l1.372 3.934h2.66zm-1.316 2.856 2.24 6.37H33.55l2.24-6.37z" })))))));
}
static get is() { return "kv-es-asset-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": "''"
}
};
}
}