@scania/tegel/dist/esm/tds-side-menu-dropdown-list.entry.js

Tegel Design System

import { r as registerInstance, h, H as Host, g as getElement } from './index-51d04e39.js';

const sideMenuDropdownListCss = ":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}";
const TdsSideMenuDropdownListStyle0 = sideMenuDropdownListCss;

const TdsSideMenuDropdownList = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.collapsed = false;
    }
    collapsedSideMenuEventHandler(event) {
        this.collapsed = event.detail.collapsed;
    }
    connectedCallback() {
        var _a;
        this.sideMenuEl = this.host.closest('tds-side-menu');
        this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
    }
    render() {
        return (h(Host, { key: '3b6baf50c44b45c9b31d90512fcf06e0f7bfec25', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '56e8ee677d733e9a0198856cb97a270fab78d69a', class: {
                'state-collapsed': this.collapsed,
            } }, h("slot", { key: 'f9fe71e7c9b14c9791d51b758b495c56fa95f8e6' }))));
    }
    get host() { return getElement(this); }
};
TdsSideMenuDropdownList.style = TdsSideMenuDropdownListStyle0;

export { TdsSideMenuDropdownList as tds_side_menu_dropdown_list };