86 lines
2.1 KiB
JavaScript
86 lines
2.1 KiB
JavaScript
import { h, Host } from "@stencil/core";
|
|
export class ListGroup {
|
|
constructor() {
|
|
this.flush = false;
|
|
this.bulletpoint = false;
|
|
this.notification = false;
|
|
}
|
|
render() {
|
|
return (h(Host, null, h("div", { class: `list-group-container
|
|
${this.flush ? 'flush' : ""}
|
|
${this.bulletpoint ? 'bulletpoint' : ""}` }, h("slot", { name: 'list-item' }), h("slot", { name: "list-notification" }))));
|
|
}
|
|
static get is() { return "ifx-list-group"; }
|
|
static get encapsulation() { return "shadow"; }
|
|
static get originalStyleUrls() {
|
|
return {
|
|
"$": ["list-group.scss"]
|
|
};
|
|
}
|
|
static get styleUrls() {
|
|
return {
|
|
"$": ["list-group.css"]
|
|
};
|
|
}
|
|
static get properties() {
|
|
return {
|
|
"flush": {
|
|
"type": "boolean",
|
|
"mutable": false,
|
|
"complexType": {
|
|
"original": "boolean",
|
|
"resolved": "boolean",
|
|
"references": {}
|
|
},
|
|
"required": false,
|
|
"optional": false,
|
|
"docs": {
|
|
"tags": [],
|
|
"text": ""
|
|
},
|
|
"attribute": "flush",
|
|
"reflect": false,
|
|
"defaultValue": "false"
|
|
},
|
|
"bulletpoint": {
|
|
"type": "boolean",
|
|
"mutable": false,
|
|
"complexType": {
|
|
"original": "boolean",
|
|
"resolved": "boolean",
|
|
"references": {}
|
|
},
|
|
"required": false,
|
|
"optional": false,
|
|
"docs": {
|
|
"tags": [],
|
|
"text": ""
|
|
},
|
|
"attribute": "bulletpoint",
|
|
"reflect": false,
|
|
"defaultValue": "false"
|
|
},
|
|
"notification": {
|
|
"type": "boolean",
|
|
"mutable": false,
|
|
"complexType": {
|
|
"original": "boolean",
|
|
"resolved": "boolean",
|
|
"references": {}
|
|
},
|
|
"required": false,
|
|
"optional": false,
|
|
"docs": {
|
|
"tags": [],
|
|
"text": ""
|
|
},
|
|
"attribute": "notification",
|
|
"reflect": false,
|
|
"defaultValue": "false"
|
|
}
|
|
};
|
|
}
|
|
static get elementRef() { return "el"; }
|
|
}
|
|
//# sourceMappingURL=list-group.js.map
|