'use strict';

var index = require('./index-pX0sBY0-.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{min-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);word-break:break-all}`;

const SidebarTitle = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    get el() { return index.getElement(this); }
    /** Show item/content when the sidebar is collapsed */
    showInCollapsed = false;
    componentWillLoad() {
        // Set data attribute for CSS targeting
        this.el.setAttribute("data-show-in-collapsed", this.showInCollapsed.toString());
    }
    render() {
        return (index.h("div", { key: '90f54e2c30b7c0e7c3e1c0162d876a9814f32a9f', class: "sidebar__title" }, index.h("div", { key: 'fad2cc871a0cc82d9e10f13ae26aab085c5e7b35', class: "sidebar__title-label" }, index.h("slot", { key: 'eff391544e3ba41623234297d616a40ab3b2909a' }))));
    }
};
SidebarTitle.style = sidebarTitleCss();

exports.ifx_sidebar_title = SidebarTitle;
