@kelvininc/ui-components
Version:
Kelvin UI Components
33 lines (29 loc) • 2.03 kB
JavaScript
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-D6GMjtmE.js';
const breadcrumbListCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--breadcrumb-separator-color:var(--kv-neutral-4, #bebebe);--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:var(--kv-primary-font, \"proxima-nova\", sans-serif, \"Arial\");font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;display:inline-block;content:var(--breadcrumb-separator-content);margin:0 var(--kv-spacing-2x, 8px);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: '0a62a60909a4fd96485c99b3a337d3f1f2773298' }, h("div", { key: '18578534b7050cf2045876833a205a187079ffae', class: "breadcrumb-list", part: "breadcrumb-list" }, h("slot", { key: '1ea166d7f6283aecf096ebafac0d6c18ec9953a0' }))));
}
static get style() { return breadcrumbListCss; }
}, [1, "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 };