@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 4.76 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvNoMatchingResults {
constructor() {
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '0d1ddb3089b205e452f84a86d592966c201b7c1c' }, h("svg", { key: 'ad5bbdd6611582a65a324fe4252605990932cdf2', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 87", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("circle", { key: '5f6d72eefbc04762d0836980ace064319046935f', cx: "57.422", cy: "43.63", r: "40", fill: "#2A2A2A" }), h("mask", { key: '6309797b849734db0e4e616cc78ac1e5eb843294', id: "a", width: "81", height: "81", x: "17", y: "3", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("circle", { key: '8db9e1df49c1014f9a8011f20602bc229573c5a2', cx: "57.422", cy: "43.63", r: "40", fill: "#2A2A2A" })), h("g", { key: '79f1f559c5c55fe1f79873f8a7ccb31f37e2ef8d', mask: "url(#a)" }, h("path", { key: '7912b225045b94c70f9987edf37edc9776744afc', fill: "#3F3F3F", d: "M111.422 43.63h-103v13h103z" }), h("path", { key: '7fe32ffb90e393c6b544c17cb092c2e91a074664', fill: "#3F3F3F", d: "M77.422 42.63h-23v15h23z" }), h("rect", { key: '3b32df5dbcf3ab79d630ff5f71f6dd39016b8d7f', width: "3", height: "17", x: "53.422", y: "41.63", fill: "#202020", rx: "1.5" }), h("rect", { key: '20262bb37f44123ad7066be0b08cfa0ec4a0b436', width: "3", height: "17", x: "75.422", y: "41.63", fill: "#202020", rx: "1.5" }), h("path", { key: '1dcad20d5af6bdd51a619f83ec118ed7b81a7df7', fill: "#202020", d: "m67.319 41.133 9.504-9.503-1.415-1.414-9.503 9.503z" }), h("path", { key: 'd2c1a1f344ec5e94dc89862d7e3baf6b5154c201', fill: "#202020", d: "m64.525 41.133-9.503-9.503 1.414-1.414 9.503 9.503z" }), h("path", { key: '04f49079d145e1a70cfdfad304379f529e8f1553', fill: "#202020", d: "M67.422 40.63v-9h-3v9z" }), h("path", { key: '3682242be9ce63e8ab70748496a8761a934e0f67', fill: "#202020", d: "M70.422 39.63h-9v3h9z" }), h("rect", { key: 'cc174e2113eba3e4884e9ff133e2c750cfee774f', width: "29", height: "4", x: "51.422", y: "29.63", fill: "#707070", rx: "2" })), h("rect", { key: '1bd13ffa6e7ec015fb51c884da9212a6c813d01d', width: "14", height: "6", x: "15.59", y: "77.63", fill: "#DDD", rx: "3" }), h("path", { key: '13c872d66a2bc0e16c351197e6fb45972ed5a50f', fill: "#BEBEBE", d: "M15.59 80.63h14a3 3 0 0 1-3 3h-8a3 3 0 0 1-3-3" }), h("rect", { key: 'cddffa624aeeb3bd7f06deb7044ffb866c5c4d0b', width: "28", height: "6", x: "8.59", y: "65.63", fill: "#8358FE", rx: "3" }), h("path", { key: '0602df7bbfc34efaec93cdbc71db38ccf546280a', fill: "#714ED3", d: "M8.59 68.63h28a3 3 0 0 1-3 3h-22a3 3 0 0 1-3-3" }), h("rect", { key: '96c85260e5592f3dc8f643e97faa56d3daf0e0f5', width: "40", height: "6", x: "2.59", y: "53.63", fill: "#DDD", rx: "3" }), h("path", { key: '5764382c7dc8d5b762520b967cae479310eaeddb', fill: "#BEBEBE", d: "M2.59 56.63h40a3 3 0 0 1-3 3h-34a3 3 0 0 1-3-3" }))));
}
static get is() { return "kv-no-matching-results"; }
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": "''"
}
};
}
}