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

const sidebarTitleCss = () => `: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);
    }
    get el() { return getElement(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: '1ab4a06b390124d277c8833cb300367e7805ea6a', class: "sidebar__title" }, h("div", { key: 'ec19179c311e77ad52b1296c7d02ce73c6148132', class: "sidebar__title-label" }, h("slot", { key: 'd71adcbae5ff61b20eea5664e098e9a462cf01d9' }))));
    }
};
SidebarTitle.style = sidebarTitleCss();

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

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