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

Kelvin UI Components

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

const breadcrumbItemCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}.breadcrumb-item{user-select:none}.breadcrumb-item--active kv-link,.breadcrumb-item--active ::slotted(*){--kv-link-pointer-events:none;--kv-link-cursor:default;--kv-link-font-weight:600}";

const KvBreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class KvBreadcrumbItem extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.breadcrumbItemClick = createEvent(this, "breadcrumbItemClick", 7);
        this.onItemClick = () => {
            this.breadcrumbItemClick.emit({
                label: this.label,
                active: this.active
            });
        };
    }
    render() {
        return (h(Host, { key: '7e7bf20f371776be3a6bb51d528ecd5093f76601' }, h("div", { key: 'cb31f5f0d0433177afd10aee82334f04daad9379', class: {
                'breadcrumb-item': true,
                'breadcrumb-item--active': this.active
            }, onClick: this.onItemClick }, h("slot", { key: '321610e4b7c8631e3221669af8ff554967e07135' }, this.label && h("kv-link", { key: '1d51baf8e586e3c7b3b22aa6cdcca9fbb0593288', label: this.label })))));
    }
    static get style() { return breadcrumbItemCss; }
}, [257, "kv-breadcrumb-item", {
        "label": [513],
        "active": [516]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["kv-breadcrumb-item", "kv-icon", "kv-link"];
    components.forEach(tagName => { switch (tagName) {
        case "kv-breadcrumb-item":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, KvBreadcrumbItem);
            }
            break;
        case "kv-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
        case "kv-link":
            if (!customElements.get(tagName)) {
                defineCustomElement$1();
            }
            break;
    } });
}
defineCustomElement();

export { KvBreadcrumbItem as K, defineCustomElement as d };