import { r as registerInstance, g as getElement, h } from './index-fdf7135e.js';

const BreadcrumbItem = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    get el() { return getElement(this); }
    /** 链接地址 */
    href;
    render() {
        const Tag = this.href ? 'a' : 'span';
        // 从父级 hb-breadcrumb 读取分隔符 prop
        // 优先级：item 的 separator slot > breadcrumb.separator > 默认 '/'
        const parentSeparator = this.el.closest('hb-breadcrumb')?.separator;
        return (h("span", { key: 'f9ced0c34ef309a1240258786b4ecba3055caeed', class: "hb-breadcrumb-item" }, h(Tag, { key: '2218776bb05edeba450f3ecaa23c6602f4ff3480', class: "hb-breadcrumb-item__inner", href: this.href }, h("slot", { key: '5598e7b2fbd95c16b5ad5456f36c97e708104cf9' })), h("span", { key: 'fcb0f6f10b2707a8d1d3d882e80854b0b24cb665', class: "hb-breadcrumb-item__separator" }, h("slot", { key: '502eec59718fdd8391132d2395bc4d4420e851b1', name: "separator" }, parentSeparator ?? '/'))));
    }
};

export { BreadcrumbItem as hb_breadcrumb_item };

//# sourceMappingURL=hb-breadcrumb-item.entry.js.map