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

Tegel Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-ca8040ad.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) {
        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: '3b6baf50c44b45c9b31d90512fcf06e0f7bfec25', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '56e8ee677d733e9a0198856cb97a270fab78d69a', class: {
                'state-collapsed': this.collapsed,
            } }, index.h("slot", { key: 'f9fe71e7c9b14c9791d51b758b495c56fa95f8e6' }))));
    }
    get host() { return index.getElement(this); }
};
TdsSideMenuDropdownList.style = TdsSideMenuDropdownListStyle0;

exports.tds_side_menu_dropdown_list = TdsSideMenuDropdownList;