@scania/tegel
Version:
Tegel Design System
102 lines (101 loc) • 3.86 kB
JavaScript
import { h, Host } from "@stencil/core";
/**
* @slot thumbnail - Slot for the thumbnail.
* @slot header - Slot for the header.
*/
export class TdsHeaderDropdownListLgUser {
constructor() {
this.imgUrl = undefined;
this.imgAlt = undefined;
this.header = undefined;
this.subheader = undefined;
}
render() {
return (h(Host, { key: 'ce178361998f3e7e64972a5a2971b3c39d9cd1eb', role: "listitem" }, h("div", { key: 'cd52038858fe6fb243f013d741343abd0bc529f1', class: "user-box" }, this.imgUrl && h("img", { key: '2f269c20c2e54695630b559002464f92a4f332bc', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '567bcc9d198d5e9e1a9ffd4c213dd2cf80ffbbb6', name: "thumbanil" }), h("div", { key: '06a2def2886269e2399a1b95850b077e8235fdfb', class: "user-content" }, h("div", { key: 'bb189ed4a6a22a884837d876255dcff7495c5200', class: "header" }, this.header, h("slot", { key: 'b88637de2dbff8fdc5f2280f123abd8b44d8f20e', name: "header" })), h("div", { key: '34b503dd4ec0ac5c450947e4019783af7074b777', class: "subheader" }, this.subheader, h("slot", { key: '8ffcd878217abd7036b304ed70ae12a4bd992350', 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",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Image URL."
},
"attribute": "img-url",
"reflect": false
},
"imgAlt": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Image alt text."
},
"attribute": "img-alt",
"reflect": false
},
"header": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Header text, usually the users first name and last name."
},
"attribute": "header",
"reflect": false
},
"subheader": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Subheader text."
},
"attribute": "subheader",
"reflect": false
}
};
}
static get elementRef() { return "host"; }
}