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

Tegel Design System

'use strict';

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

exports.tds_side_menu_dropdown_list = TdsSideMenuDropdownList;