1 | import { r as registerInstance, h } from './index-d9cbe763.js';
|
2 |
|
3 | const tableCss = ".table-container:not(:last-child),.table:not(:last-child){margin-bottom:1.5rem}.table{background-color:white;color:#363636}.table td,.table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:0.5em 0.75em;vertical-align:top}.table td.is-white,.table th.is-white{background-color:white;border-color:white;color:#0a0a0a}.table td.is-black,.table th.is-black{background-color:#0a0a0a;border-color:#0a0a0a;color:white}.table td.is-light,.table th.is-light{background-color:whitesmoke;border-color:whitesmoke;color:rgba(0, 0, 0, 0.7)}.table td.is-dark,.table th.is-dark{background-color:#363636;border-color:#363636;color:#fff}.table td.is-primary,.table th.is-primary{background-color:#5851ff;border-color:#5851ff;color:#fff}.table td.is-info,.table th.is-info{background-color:#3298dc;border-color:#3298dc;color:#fff}.table td.is-success,.table th.is-success{background-color:#48c774;border-color:#48c774;color:#fff}.table td.is-warning,.table th.is-warning{background-color:#ffdd57;border-color:#ffdd57;color:rgba(0, 0, 0, 0.7)}.table td.is-danger,.table th.is-danger{background-color:#f14668;border-color:#f14668;color:#fff}.table td.is-narrow,.table th.is-narrow{white-space:nowrap;width:1%}.table td.is-selected,.table th.is-selected{background-color:#5851ff;color:#fff}.table td.is-selected a,.table td.is-selected strong,.table th.is-selected a,.table th.is-selected strong{color:currentColor}.table th{color:#363636}.table th:not([align]){text-align:left}.table tr.is-selected{background-color:#5851ff;color:#fff}.table tr.is-selected a,.table tr.is-selected strong{color:currentColor}.table tr.is-selected td,.table tr.is-selected th{border-color:#fff;color:currentColor}.table thead{background-color:transparent}.table thead td,.table thead th{border-width:0 0 2px;color:#363636}.table tfoot{background-color:transparent}.table tfoot td,.table tfoot th{border-width:2px 0 0;color:#363636}.table tbody{background-color:transparent}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom-width:0}.table.is-bordered td,.table.is-bordered th{border-width:1px}.table.is-bordered tr:last-child td,.table.is-bordered tr:last-child th{border-bottom-width:1px}.table.is-fullwidth{width:100%}.table.is-hoverable tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even){background-color:whitesmoke}.table.is-narrow td,.table.is-narrow th{padding:0.25em 0.5em}.table.is-striped tbody tr:not(.is-selected):nth-child(even){background-color:#fafafa}.table-container{-webkit-overflow-scrolling:touch;overflow:auto;overflow-y:hidden;max-width:100%}";
|
4 |
|
5 | const Table = class {
|
6 | constructor(hostRef) {
|
7 | registerInstance(this, hostRef);
|
8 | |
9 |
|
10 |
|
11 | this.isBordered = false;
|
12 | |
13 |
|
14 |
|
15 | this.isStriped = false;
|
16 | |
17 |
|
18 |
|
19 | this.isScrollable = false;
|
20 | |
21 |
|
22 |
|
23 | this.isNarrow = false;
|
24 | |
25 |
|
26 |
|
27 | this.isHoverable = false;
|
28 | |
29 |
|
30 |
|
31 | this.isFullwidth = false;
|
32 | }
|
33 | render() {
|
34 | const table = (h("table", { class: {
|
35 | table: true,
|
36 | [this.class]: Boolean(this.class),
|
37 | 'is-bordered': this.isBordered,
|
38 | 'is-striped': this.isStriped,
|
39 | 'is-narrow': this.isNarrow,
|
40 | 'is-hoverable': this.isHoverable,
|
41 | 'is-fullwidth': this.isFullwidth,
|
42 | } }, h("slot", null)));
|
43 | return this.isScrollable ? h("div", { class: "table-container" }, table) : table;
|
44 | }
|
45 | };
|
46 | Table.style = tableCss;
|
47 |
|
48 | export { Table as bm_table };
|