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

const sidebarTitleCss = ":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}:host{position:relative;display:var(--ifx-sidebar-title-display, block)}:host([data-show-in-collapsed=true]){display:var(--ifx-sidebar-title-show-in-collapsed-display, block)}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:var(--ifx-sidebar-title-padding, 12px 0)}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem \"Source Sans 3\";text-transform:uppercase;color:#575352;letter-spacing:3px;display:var(--ifx-sidebar-title-label-display, block)}";

const SidebarTitle = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.showInCollapsed = false;
    }
    componentWillLoad() {
        // Set data attribute for CSS targeting
        this.el.setAttribute('data-show-in-collapsed', this.showInCollapsed.toString());
    }
    render() {
        return (h("div", { key: 'd3aecfe3f2a5d62f265267cda82bcf7c0dd6aad3', class: 'sidebar__title' }, h("div", { key: 'e8b6d50f2d7cb7e622f6c533a745f64b0a1122d9', class: 'sidebar__title-label' }, h("slot", { key: '8c2ebf5d135bada72543aaae04ec61ca120977cb' }))));
    }
    get el() { return getElement(this); }
};
SidebarTitle.style = sidebarTitleCss;

export { SidebarTitle as ifx_sidebar_title };
//# sourceMappingURL=ifx-sidebar-title.entry.js.map

//# sourceMappingURL=ifx-sidebar-title.entry.js.map