@kelvininc/ui-components/components/kv-no-data-available.js

Kelvin UI Components

import { H as proxyCustomElement, I as H, K as h, L as Host } from './p-BP5CxQcH.js';
import { a as getClassMap } from './p-DCOsOAOy.js';

const illustrationsCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}.illustration{width:var(--illustration-width);height:var(--illustration-height);display:flex}.illustration-full-size{width:100%;height:100%}";

const KvNoDataAvailable$1 = /*@__PURE__*/ proxyCustomElement(class KvNoDataAvailable extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        /** @inheritdoc */
        this.customClass = '';
    }
    render() {
        return (h(Host, { key: '83de034efb4e07748655ecb24b968e3128679a4b' }, h("svg", { key: '544baa013af20877d8ff57e2f3c051a622069a80', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 86", fill: "none", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("circle", { key: '147e8ac3a4a86911f44a5edd2fc020d029fd2d65', cx: "56", cy: "43", r: "40", fill: "var(--illustrations-background, #262626)" }), h("path", { key: '8734220454f3a97234e6411e220bf1a7088b7a25', fill: "var(--illustrations-shape-secondary, #404040)", d: "M66.975 41.914C62.307 33.874 56 23 56 23v39.984c.227 0 .463 0 .69-.016 7.135-.354 12.81-6.181 12.81-13.312 0-2.89-1.161-5.417-2.517-7.75z" }), h("path", { key: 'f7459478408058870298a8fbc7546b1dcf5232ef', fill: "var(--illustrations-shape-primary, #595959)", "fill-rule": "evenodd", d: "M45.016 41.921C49.692 33.881 56 23.008 56 23.008V63c-.235 0-.462-.008-.69-.016-7.135-.355-12.81-6.174-12.81-13.312 0-2.89 1.16-5.425 2.516-7.75", "clip-rule": "evenodd" }), h("rect", { key: '187b7123215cdf415f29c2f66a8f5dd2009afc7b', width: "40.582", height: "6.087", x: "4", y: "78.696", fill: "var(--illustrations-accent-primary, #7c4dff)", rx: "3", transform: "rotate(-45 4 78.696)" }), h("path", { key: 'b93ae6894fbb03802524331f8a1f37040a355b8a', fill: "var(--illustrations-accent-secondary, #6933ff)", d: "m6.152 80.848 28.696-28.696.03.031a3 3 0 0 1 0 4.243L10.427 80.879a3 3 0 0 1-4.243 0z" }), h("rect", { key: 'abeefc8d8d1debaeac0d4d2037edb15c57d958e6', width: "40.582", height: "6.087", fill: "var(--illustrations-icon-primary, #e5e5e5)", rx: "3", transform: "scale(-1 1)rotate(-45 76.494 84.015)" }), h("path", { key: '44695f366c45499828bdc7658398bc178b33d179', fill: "var(--illustrations-icon-secondary, #bfbfbf)", d: "M34.85 80.848 6.154 52.152l-.03.031a3 3 0 0 0 0 4.243l24.452 24.453a3 3 0 0 0 4.243 0z" }))));
    }
    static get style() { return illustrationsCss; }
}, [257, "kv-no-data-available", {
        "customClass": [513, "custom-class"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["kv-no-data-available"];
    components.forEach(tagName => { switch (tagName) {
        case "kv-no-data-available":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, KvNoDataAvailable$1);
            }
            break;
    } });
}
defineCustomElement$1();

const KvNoDataAvailable = KvNoDataAvailable$1;
const defineCustomElement = defineCustomElement$1;

export { KvNoDataAvailable, defineCustomElement };