@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 5.52 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvNoResultsFoundDark {
constructor() {
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '03e99e681a84ab69ab3cd58f2c810245be69be03' }, h("svg", { key: '90f26c190b585d3480183e00ff3ac468906b11d6', 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("mask", { key: '6735fad28a6a600b79fce8496478d02279bd4587', id: "a", width: "100", height: "83", x: "0", y: "2", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("path", { key: '2a9da94162068a27603f29449d5e7a6caed59760', fill: "#D9D9D9", d: "M0 2.63h100v82H0z" })), h("g", { key: '7e49f17b146ceafc0e737303ff83199bc4e0d1e8', mask: "url(#a)" }, h("circle", { key: '263b29ca1a381e9ffa57b48f500916218ce95470', cx: "58.768", cy: "42.63", r: "40", fill: "#2A2A2A" }), h("mask", { key: '7aecae7dd313ffa3bcf9847d31caf5e74d37cbe5', id: "b", width: "81", height: "81", x: "18", y: "2", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("circle", { key: '01d7638cdde5188ed8f08bb7b6b060d1553ae702', cx: "58.768", cy: "42.63", r: "40", fill: "#202020" })), h("g", { key: 'd3f414b03c45333c284bc62902da43c54867927f', mask: "url(#b)" }, h("path", { key: '80a65134dcf23d06422b8f9a998e7bf41f43b938', fill: "#202020", d: "M85.396 86.686h3.663L77.788 34.981h-4.344L62.173 86.686h3.663l1.526-6.892H83.87zm-5.025-22.604h-9.534l1.832-8.284h5.847l1.832 8.284zm-2.653-11.997h-4.204l2.09-9.446 2.09 9.445zm-9.534 24.019 1.832-8.285h11.177l1.832 8.285H68.16z" }), h("path", { key: '244b2dc5d11d8ac40019a1a2d9282dce4ecfebc7', stroke: "#202020", "stroke-width": "4", d: "m53.382 22.309 51.961 30" }), h("path", { key: 'dbb2a99e60ca0318d37b45dd121e34985a537528', fill: "#3F3F3F", d: "M75.673 38.63c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5-3.5 1.57-3.5 3.5 1.57 3.5 3.5 3.5m-26.5 20h-1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1" }), h("path", { key: '67d12445196bbdae078ddcf7c884898aaa21a092', fill: "#3F3F3F", d: "M49.173 34.63h-1v28h1z" }), h("rect", { key: '700ace7e2a7ae1c7f6e10714a1f6a56c5ae7d359', width: "24", height: "6", x: "45.173", y: "34.415", fill: "#707070", rx: "3", transform: "rotate(-60 45.173 34.415)" })), h("path", { key: 'acfb4b4bf69d53cf47d517e0c9675b0c2f6215b6', fill: "#BEBEBE", d: "m27.463 66.688 1.296-1.544 6.945 5.828-1.296 1.543z" }), h("rect", { key: 'b2a65d1edb0b95f8bc0e59a3f59c9cd848191873', width: "20.148", height: "6.044", x: "44.688", y: "83.772", fill: "#8358FE", rx: "3", transform: "rotate(-140 44.688 83.772)" }), h("path", { key: '7c5883673dacc8d257bd6748ef424df305e4eea9', fill: "#714ED3", d: "M46.63 81.457 31.198 68.506c1.065-1.27 2.971-1.452 4.24-.387l10.838 9.094c1.27 1.065 1.42 2.974.356 4.244Z" }), h("path", { key: '8b85123bd5cbaf5bd7e538e814713f092fd462e9', fill: "#BEBEBE", "fill-rule": "evenodd", d: "M27.995 65.83c4.96-5.91 4.189-14.722-1.722-19.68-5.91-4.96-14.72-4.189-19.68 1.721s-4.188 14.721 1.722 19.68c5.91 4.96 14.721 4.188 19.68-1.722Zm1.647 1.38c5.722-6.818 4.832-16.985-1.987-22.707-6.82-5.722-16.986-4.833-22.708 1.987C-.775 53.309.115 63.475 6.934 69.198c6.82 5.721 16.986 4.832 22.708-1.987Z", "clip-rule": "evenodd" }), h("path", { key: '8e04bb2894242d041c9bbeccc36d6ec8c7ab1532', fill: "#E5E5E5", "fill-rule": "evenodd", d: "M26.349 64.449c4.196-5.001 3.544-12.456-1.457-16.653-5-4.196-12.456-3.544-16.652 1.457S4.696 61.709 9.697 65.906c5 4.196 12.456 3.543 16.652-1.457m1.646 1.381c4.96-5.91 4.188-14.72-1.722-19.68s-14.72-4.188-19.68 1.722-4.188 14.72 1.722 19.68 14.721 4.188 19.68-1.722", "clip-rule": "evenodd" })))));
}
static get is() { return "kv-no-results-found-dark"; }
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": "''"
}
};
}
}