gov-gui
Version:
Gov UI Component Library Typscript Build
214 lines (213 loc) • 7.54 kB
JavaScript
import { h } from "@stencil/core";
export class LayoutComponent {
constructor() {
this.topBarItems = '';
this.sidebarItems = '';
this.sidebarUsername = '';
this.topBarUsername = '';
this.avatarImgUrl = '';
this.avatarInitials = '';
this.showTopBarAvatar = true;
this.showSideBarAvatar = true;
this.menuType = 'admin';
}
render() {
return (h("gov-box", { key: '6f4a8ea06c16db582d309312598eab535487b845', size: 12, classes: 'm-0 p-0' }, h("gov-topbar", { key: 'e306cc772d20e7e3318b173aaeea30288bcae7a8', showTopBarAvatar: this.showTopBarAvatar, menuType: this.menuType, siteMenuItems: this.topBarItems, avatarInitials: this.avatarInitials, topBarUsername: this.topBarUsername, avatarImgUrl: this.avatarImgUrl }), h("gov-row", { key: 'c382c7b601af9051e9c4de58b7b24f53fee7f475' }, h("gov-sidebar", { key: '90e9a14836ece5c753f2579a274ff54b85cfc6d4', showSideBarAvatar: this.showSideBarAvatar, items: this.sidebarItems, avatarInitials: this.avatarInitials, sidebarUsername: this.sidebarUsername, avatarImgUrl: this.avatarImgUrl }), h("gov-box", { key: '141bc47deb0d9b3d77e87c93dab085dd2da3b3f8', classes: 'flex-grow-1 m-0 p-0' }, h("slot", { key: 'e6b545c4fe0c615880dd8feb9e11ce993c797428' })))));
}
static get is() { return "gov-layout"; }
static get originalStyleUrls() {
return {
"$": ["gov-layout.css"]
};
}
static get styleUrls() {
return {
"$": ["gov-layout.css"]
};
}
static get properties() {
return {
"topBarItems": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "top-bar-items",
"reflect": false,
"defaultValue": "''"
},
"sidebarItems": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "sidebar-items",
"reflect": false,
"defaultValue": "''"
},
"sidebarUsername": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "sidebar-username",
"reflect": false,
"defaultValue": "''"
},
"topBarUsername": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "top-bar-username",
"reflect": false,
"defaultValue": "''"
},
"avatarImgUrl": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "avatar-img-url",
"reflect": false,
"defaultValue": "''"
},
"avatarInitials": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "avatar-initials",
"reflect": false,
"defaultValue": "''"
},
"showTopBarAvatar": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "show-top-bar-avatar",
"reflect": false,
"defaultValue": "true"
},
"showSideBarAvatar": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "show-side-bar-avatar",
"reflect": false,
"defaultValue": "true"
},
"menuType": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'admin' | 'site'",
"resolved": "\"admin\" | \"site\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "menu-type",
"reflect": false,
"defaultValue": "'admin'"
}
};
}
}
//# sourceMappingURL=gov-layout.js.map