@kelvininc/ui-components/components/kv-no-matching-results.js

Kelvin UI Components

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 KvNoMatchingResults$1 = /*@__PURE__*/ proxyCustomElement(class KvNoMatchingResults extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        /** @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 style() { return illustrationsCss; }
}, [1, "kv-no-matching-results", {
        "customClass": [513, "custom-class"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["kv-no-matching-results"];
    components.forEach(tagName => { switch (tagName) {
        case "kv-no-matching-results":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, KvNoMatchingResults$1);
            }
            break;
    } });
}
defineCustomElement$1();

const KvNoMatchingResults = KvNoMatchingResults$1;
const defineCustomElement = defineCustomElement$1;

export { KvNoMatchingResults, defineCustomElement };