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

Tegel Design System

import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.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$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuDropdownList extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        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 this; }
    static get style() { return TdsSideMenuDropdownListStyle0; }
}, [1, "tds-side-menu-dropdown-list", {
        "collapsed": [32]
    }, [[16, "internalTdsSideMenuPropChange", "collapsedSideMenuEventHandler"]]]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["tds-side-menu-dropdown-list"];
    components.forEach(tagName => { switch (tagName) {
        case "tds-side-menu-dropdown-list":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, TdsSideMenuDropdownList$1);
            }
            break;
    } });
}
defineCustomElement$1();

const TdsSideMenuDropdownList = TdsSideMenuDropdownList$1;
const defineCustomElement = defineCustomElement$1;

export { TdsSideMenuDropdownList, defineCustomElement };