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

Kelvin UI Components

import { H as proxyCustomElement, I as H, K as h, t as EIconName, L as Host } from './p-BP5CxQcH.js';
import { d as defineCustomElement$1 } from './p-DQ7v6WT-.js';

const dirtyDotCss = "@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{--dot-color:var(--color-purple-500);--dot-height:6px;--dot-width:6px}.dot{--icon-color:var(--dot-color);--icon-height:var(--dot-height);--icon-width:var(--dot-width)}";

const KvDirtyDot = /*@__PURE__*/ proxyCustomElement(class KvDirtyDot extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    render() {
        return (h(Host, { key: '920c8524ac48990e81ef9ba12cf72d533f824050' }, h("kv-icon", { key: 'def82cec1666feb0101bbe63531ca2ca7e270278', name: EIconName.Circle, class: "dot", part: "dot" })));
    }
    static get style() { return dirtyDotCss; }
}, [257, "kv-dirty-dot"]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["kv-dirty-dot", "kv-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "kv-dirty-dot":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, KvDirtyDot);
            }
            break;
        case "kv-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$1();
            }
            break;
    } });
}
defineCustomElement();

export { KvDirtyDot as K, defineCustomElement as d };