@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 5.52 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 KvNoResultsFoundLight$1 = /*@__PURE__*/ proxyCustomElement(class KvNoResultsFoundLight extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '417fbff1fb10d5ad26a7400db954ec4ad37a1513' }, h("svg", { key: 'cafa619ff29b5627146dd0402b518a577a444c1d', 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: 'f54573d4b67a286b8ca947885df98114887aec9c', id: "a", width: "100", height: "83", x: "0", y: "2", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("path", { key: '61b31cfbc30596b8465182d9b78deca20ccf7cef', fill: "#D9D9D9", d: "M0 2.63h100v82H0z" })), h("g", { key: '31e4261143908a59793b9e36c0270f1dd15f0e54', mask: "url(#a)" }, h("circle", { key: '543ca08943966174257bc895776186afcc315a4f', cx: "58.768", cy: "42.63", r: "40", fill: "#3F3F3F" }), h("mask", { key: '0db9da6eb2b4b9320596e26c2af7786933e00b91', id: "b", width: "81", height: "81", x: "18", y: "2", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("circle", { key: 'bb655e46a3355b00a4fdb342023fb4d3f307685c', cx: "58.768", cy: "42.63", r: "40", fill: "#202020" })), h("g", { key: 'fba24d29693e4f19e67021b875e1ebd5990f6ab0', mask: "url(#b)" }, h("path", { key: '99b2dd6a924d7c528d11f79c6f1143a7ab50c0a9', 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: 'b7370ef3e81e2b2159ad82f31dfedd72bab0b5df', stroke: "#202020", "stroke-width": "4", d: "m53.382 22.309 51.961 30" }), h("path", { key: 'c0df14219be04157e0c1d1ed46ee240540f3e212', fill: "#2A2A2A", 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: 'f2d630cf267fc16bf19c9c2160dd412bcb0d232b', fill: "#2A2A2A", d: "M49.173 34.63h-1v28h1z" }), h("rect", { key: 'dbf2d25f494c724dde7ad396d5546fab5c58092f', width: "24", height: "6", x: "45.173", y: "34.415", fill: "#707070", rx: "3", transform: "rotate(-60 45.173 34.415)" })), h("path", { key: '89a0af97484ef2bdc23f07d5a07127bbc53bfa58', fill: "#BEBEBE", d: "m27.463 66.688 1.295-1.544 6.945 5.828-1.295 1.543z" }), h("rect", { key: '5acdc047dbde30b24a473e5c4dedaefcb740897d', 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: '6abe81409260ecd9c0bc1a43b6695f98f70004c5', 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.244" }), h("path", { key: 'd1367f7f69a652372448842238c43959eee1c166', fill: "#BEBEBE", "fill-rule": "evenodd", d: "M27.995 65.83c4.96-5.91 4.188-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.722m1.647 1.38c5.722-6.818 4.832-16.985-1.987-22.707-6.82-5.722-16.986-4.832-22.708 1.987S.115 63.475 6.934 69.198c6.82 5.721 16.986 4.832 22.708-1.987", "clip-rule": "evenodd" }), h("path", { key: 'f60d5f7a1b7a04ee42d1d681134b6fa88e978fa1', 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.543-16.652 1.457-4.196 5.001-3.544 12.457 1.457 16.653 5 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-light", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-no-results-found-light"];
components.forEach(tagName => { switch (tagName) {
case "kv-no-results-found-light":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvNoResultsFoundLight$1);
}
break;
} });
}
defineCustomElement$1();
const KvNoResultsFoundLight = KvNoResultsFoundLight$1;
const defineCustomElement = defineCustomElement$1;
export { KvNoResultsFoundLight, defineCustomElement };