@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 5.51 kB
JavaScript
import { p as proxyCustomElement, H, h, e as Host } from './p-D6GMjtmE.js';
import { g as getClassMap } from './p-DKOxy79t.js';
const illustrationsCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}.illustration{--illustration-color:var(--kv-illustrations-color, #005cc7);--illustration-color-light-90:var(--kv-illustrations-color-light-90, rgb(228.225, 237.885, 249.12));--illustration-color-light-80:var(--kv-illustrations-color-light-80, rgb(200.175, 219.955, 242.96));--illustration-color-dark-55:var(--kv-illustrations-color-dark-55, rgb(0, 41.86, 90.545));--illustration-color-dark-35:var(--kv-illustrations-color-dark-35, rgb(0, 58.88, 127.36));--illustration-success-color:var(--kv-illustrations-success-color, #05a357);width:var(--illustration-width);height:var(--illustration-height);display:flex}.illustration-full-size{width:100%;height:100%}";
const KvNoResultsFoundDark$1 = /*@__PURE__*/ proxyCustomElement(class KvNoResultsFoundDark extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @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 style() { return illustrationsCss; }
}, [1, "kv-no-results-found-dark", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-no-results-found-dark"];
components.forEach(tagName => { switch (tagName) {
case "kv-no-results-found-dark":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvNoResultsFoundDark$1);
}
break;
} });
}
defineCustomElement$1();
const KvNoResultsFoundDark = KvNoResultsFoundDark$1;
const defineCustomElement = defineCustomElement$1;
export { KvNoResultsFoundDark, defineCustomElement };