'use strict';

var index = require('./index-B2lA-USD.js');

const verdocsTableCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-table{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none;border-collapse:collapse}verdocs-table .row.data-row{border:1px solid #d4d4d8;background-color:#ffffff}verdocs-table .header-col{color:#5c6575;font-weight:600;text-align:left;padding:8px 16px}verdocs-table .data-col{font-weight:400;padding:8px 16px}";

const VerdocsTable = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.colHeaderClick = index.createEvent(this, "colHeaderClick");
        this.rowClick = index.createEvent(this, "rowClick");
        /**
         * The columns to display
         */
        this.columns = [];
        /**
         * The rows to display
         */
        this.data = [];
    }
    render() {
        return (index.h(index.Host, { key: '027b0578ef1ddfcc704178f803bf086bbe1c15d4', class: "table-wrapper" }, index.h("table", { key: '10ddbad54ffc0f292a1a351d7aad7134ade3a7dc', class: "table" }, index.h("thead", { key: '9ca47afa590f59634f8c781f7a653ca6352428fa' }, index.h("tr", { key: 'a3f020abcf70a5f7547ee970c8f298e44b31ca30', class: "row header-row" }, this.columns.map((col, i) => {
            return (index.h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
        }))), index.h("tbody", { key: 'ed8bba8eb08a27a632483da969c00c6dab46f849' }, this.data.map(row => (index.h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
            return col.renderCell ? (index.h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (index.h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
        }))))))));
    }
};
VerdocsTable.style = verdocsTableCss;

exports.verdocs_table = VerdocsTable;
//# sourceMappingURL=verdocs-table.entry.cjs.js.map

//# sourceMappingURL=verdocs-table.cjs.entry.js.map