@kelvininc/ui-components/components/kv-no-data-available.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 KvNoDataAvailable$1 = /*@__PURE__*/ proxyCustomElement(class KvNoDataAvailable extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        /** @inheritdoc */
        this.customClass = '';
    }
    render() {
        return (h(Host, { key: 'f0ae8702b12d6de03b2ca0d2b8e6b05316c89fe5' }, h("svg", { key: '1cfd8828f28e7956b473b71dd3c28f18f72d950d', 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: '32cd13fdbb154cad302f81aff2161283d477082d', cx: "56", cy: "43.63", r: "40", fill: "#2A2A2A" }), h("path", { key: '92a5013df8d2df6f9d24f6535eedbb9c871f9f9e', fill: "#3F3F3F", d: "M66.975 42.543C62.307 34.503 56 23.63 56 23.63v39.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: '52432ada49b9ab0182f2ac31ffead022bba2c7a7', fill: "#707070", "fill-rule": "evenodd", d: "M45.016 42.551C49.692 34.511 56 23.638 56 23.638V63.63c-.235 0-.462-.008-.69-.017-7.135-.353-12.81-6.171-12.81-13.31 0-2.89 1.16-5.425 2.516-7.75Z", "clip-rule": "evenodd" }), h("rect", { key: 'de4a77c0ab89c2689e41adfb20027b356be326d3', width: "40.582", height: "6.087", x: "4", y: "79.326", fill: "#8358FE", rx: "3", transform: "rotate(-45 4 79.326)" }), h("path", { key: 'aae5ba0c1a5a1208f41ce37566a96841a36de72e', fill: "#714ED3", d: "m6.152 81.478 28.696-28.696.03.031a3 3 0 0 1 0 4.243L10.427 81.509a3 3 0 0 1-4.243 0l-.03-.031Z" }), h("rect", { key: '02b807650165cdcec79c6b410f22b0ccd519c621', width: "40.582", height: "6.087", fill: "#DDD", rx: "3", transform: "scale(-1 1)rotate(-45 77.254 84.328)" }), h("path", { key: '55ffe373fb946117c2c7cce2a98d51683c71d19e', fill: "#BEBEBE", d: "M34.85 81.478 6.154 52.782l-.03.03a3 3 0 0 0 0 4.243l24.452 24.453a3 3 0 0 0 4.243 0z" }))));
    }
    static get style() { return illustrationsCss; }
}, [1, "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 };