@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: 'be6eed63bf245e92c16a6ff6eae4df18dbaf66fa', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '40ea53b550c7d0b73cc678f0a10fa144f4dd67f1', class: {
'state-collapsed': this.collapsed,
} }, h("slot", { key: '73460a96d9b3e4ebacaf6ac5f21061c091eed16e' }))));
}
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
}];
}
}