@kelvininc/ui-components/components/p-RSgE4CBK.js

Kelvin UI Components

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

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

const KvIllustration = /*@__PURE__*/ proxyCustomElement(class KvIllustration extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        /** @inheritdoc */
        this.customClass = '';
    }
    render() {
        const Tag = this.name;
        return (h(Host, { key: 'be09bdafb2f53e47aa4e4c6c9e4a0bf9663d30a8' }, h(Tag, { key: 'b8546b4cf114031060b53af9e0870bbe31250a97', customClass: this.customClass })));
    }
    static get style() { return illustrationCss; }
}, [257, "kv-illustration", {
        "name": [513],
        "customClass": [513, "custom-class"]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["kv-illustration"];
    components.forEach(tagName => { switch (tagName) {
        case "kv-illustration":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, KvIllustration);
            }
            break;
    } });
}
defineCustomElement();

export { KvIllustration as K, defineCustomElement as d };