@scania/tegel
Version:
Tegel Design System
104 lines (103 loc) • 4.01 kB
JavaScript
import { h, Host } from "@stencil/core";
/**
* @slot thumbnail - Slot for the thumbnail.
* @slot header - Slot for the header.
*/
export class TdsHeaderDropdownListLgUser {
render() {
return (h(Host, { key: '6c6f1f4e7b328ab7e571ec60ae5912de5c64f8cc', role: "listitem" }, h("div", { key: '656ac37d2b82507a4771ca15fa1037075d7ddf7e', class: "user-box" }, this.imgUrl && h("img", { key: '8c818c2b2a929ae4bb4fd727993cb6149b14299f', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '2bd1268fd2af70838c3483ce9a620120eae0fd26', name: "thumbanil" }), h("div", { key: 'ca8742b1cd62dbb17dfcb36a37a718b06745219d', class: "user-content" }, h("div", { key: '381f7d63597faeb7c65ff5c40aae0e7b9cd0d514', class: "header" }, this.header, h("slot", { key: '3d19b2d30935fab20c53b84583ab0df2f76e58aa', name: "header" })), h("div", { key: '14f89aeea1314b510c7f34d4e806b1d6db36e78b', class: "subheader" }, this.subheader, h("slot", { key: 'a7e725df6a29c4ebb1c83dc75c7a2414f0806103', name: "subheader" }))))));
}
static get is() { return "tds-header-dropdown-list-user"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["header-dropdown-list-user.scss"]
};
}
static get styleUrls() {
return {
"$": ["header-dropdown-list-user.css"]
};
}
static get properties() {
return {
"imgUrl": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string | undefined",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": "Image URL."
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "img-url"
},
"imgAlt": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string | undefined",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": "Image alt text."
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "img-alt"
},
"header": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string | undefined",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": "Header text, usually the users first name and last name."
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "header"
},
"subheader": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string | undefined",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": "Subheader text."
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "subheader"
}
};
}
static get elementRef() { return "host"; }
}