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

Kelvin UI Components

import { p as proxyCustomElement, H, h, e as Host } from './p-D6GMjtmE.js';

const illustrationCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}: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: '47909f5918ae32f8b878b411e1832bd82b2099ca' }, h(Tag, { key: '16901b4c761f86ba8ce3bea806d097c6bfbaa588', customClass: this.customClass })));
    }
    static get style() { return illustrationCss; }
}, [1, "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 };