@kelvininc/ui-components
Version:
Kelvin UI Components
33 lines (29 loc) • 1.99 kB
JavaScript
import { H as proxyCustomElement, I as H, J as createEvent, K as h, L as Host } from './p-BP5CxQcH.js';
const breadcrumbListCss = "@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{--breadcrumb-separator-color:var(--text-surface-neutral-secondary);--breadcrumb-separator-content:\"/\"}.breadcrumb-list{display:flex;align-items:center}.breadcrumb-list ::slotted(kv-breadcrumb-item:not(:last-child)){display:flex;align-items:center}.breadcrumb-list ::slotted(kv-breadcrumb-item:not(:last-child))::after{font-family:Proxima Nova;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;display:inline-block;content:var(--breadcrumb-separator-content);margin:0 var(--spacing-md);color:var(--breadcrumb-separator-color)}";
const KvBreadcrumbList = /*@__PURE__*/ proxyCustomElement(class KvBreadcrumbList extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
this.breadcrumbItemClick = createEvent(this, "breadcrumbItemClick", 7);
}
render() {
return (h(Host, { key: '7377f39725adbbf766e6d6c5a6506ff4c52be792' }, h("div", { key: '5d865c84d2c2991bf145ef67ac39c9c7fa01facc', class: "breadcrumb-list", part: "breadcrumb-list" }, h("slot", { key: 'c42ca51a18a11565479a6ed25a2822c651425fe5' }))));
}
static get style() { return breadcrumbListCss; }
}, [257, "kv-breadcrumb-list"]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-breadcrumb-list"];
components.forEach(tagName => { switch (tagName) {
case "kv-breadcrumb-list":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvBreadcrumbList);
}
break;
} });
}
defineCustomElement();
export { KvBreadcrumbList as K, defineCustomElement as d };