@scania/tegel
Version:
Tegel Design System
50 lines (49 loc) • 1.72 kB
JavaScript
import { Host, h } from "@stencil/core";
/**
* @slot <default> - <b>Unnamed slot.</b> For injection of <code>tds-side-menu-dropdown-list-item</code> subcomponents.
* */
export class TdsSideMenuDropdownList {
constructor() {
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' }))));
}
static get is() { return "tds-side-menu-dropdown-list"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["side-menu-dropdown-list.scss"]
};
}
static get styleUrls() {
return {
"$": ["side-menu-dropdown-list.css"]
};
}
static get states() {
return {
"collapsed": {}
};
}
static get elementRef() { return "host"; }
static get listeners() {
return [{
"name": "internalTdsSideMenuPropChange",
"method": "collapsedSideMenuEventHandler",
"target": "body",
"capture": false,
"passive": false
}];
}
}