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

Kelvin UI Components

import { p as proxyCustomElement, H, h, e as Host } from './p-D6GMjtmE.js';
import { b as EIconName } from './p-DBphUUgi.js';
import { d as defineCustomElement$1 } from './p-B41PGLQm.js';

const dirtyDotCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--dot-color:var(--kv-secondary-5, #8358fe);--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: '9744993691fcad91fb41cf486c42f06e626de62e' }, h("kv-icon", { key: '2e82415195d005db5067f183fedf48b142b76764', name: EIconName.Circle, class: "dot", part: "dot" })));
    }
    static get style() { return dirtyDotCss; }
}, [1, "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 };