@bulmil/core
Version:
149 lines (148 loc) • 4.72 kB
JavaScript
/*!
* Bulmil - MIT License
*/
import { h } from "@stencil/core";
export class Table {
constructor() {
this.isBordered = false;
this.isStriped = false;
this.isScrollable = false;
this.isNarrow = false;
this.isHoverable = false;
this.isFullwidth = false;
}
render() {
const table = (h("table", { key: '4c8264248f8630539d9371839d03f593042388b7', class: {
table: true,
'is-bordered': this.isBordered,
'is-striped': this.isStriped,
'is-narrow': this.isNarrow,
'is-hoverable': this.isHoverable,
'is-fullwidth': this.isFullwidth,
} }, h("slot", { key: '2cdf1beca69fd27cbaba1acf48e4af72fcae2a55' })));
return this.isScrollable ? h("div", { class: "table-container" }, table) : table;
}
static get is() { return "bm-table"; }
static get originalStyleUrls() {
return {
"$": ["table.scss"]
};
}
static get styleUrls() {
return {
"$": ["table.css"]
};
}
static get properties() {
return {
"isBordered": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Bordered"
},
"attribute": "is-bordered",
"reflect": false,
"defaultValue": "false"
},
"isStriped": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Striped"
},
"attribute": "is-striped",
"reflect": false,
"defaultValue": "false"
},
"isScrollable": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Scrollable"
},
"attribute": "is-scrollable",
"reflect": false,
"defaultValue": "false"
},
"isNarrow": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Narrow"
},
"attribute": "is-narrow",
"reflect": false,
"defaultValue": "false"
},
"isHoverable": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Hoverable"
},
"attribute": "is-hoverable",
"reflect": false,
"defaultValue": "false"
},
"isFullwidth": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Fullwidth"
},
"attribute": "is-fullwidth",
"reflect": false,
"defaultValue": "false"
}
};
}
}