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

Tegel Design System

import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.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 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: 'be6eed63bf245e92c16a6ff6eae4df18dbaf66fa', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '40ea53b550c7d0b73cc678f0a10fa144f4dd67f1', class: {
                'state-collapsed': this.collapsed,
            } }, h("slot", { key: '73460a96d9b3e4ebacaf6ac5f21061c091eed16e' }))));
    }
    get host() { return getElement(this); }
};
TdsSideMenuDropdownList.style = sideMenuDropdownListCss();

export { TdsSideMenuDropdownList as tds_side_menu_dropdown_list };