import { r as registerInstance, c as createEvent, h, H as Host } from './index-BIRwgFLv.js';

const verdocsTableCss = "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) {
        registerInstance(this, hostRef);
        this.colHeaderClick = createEvent(this, "colHeaderClick");
        this.rowClick = createEvent(this, "rowClick");
        /**
         * The columns to display
         */
        this.columns = [];
        /**
         * The rows to display
         */
        this.data = [];
    }
    render() {
        return (h(Host, { key: 'c893bf01d55e2c71e2b35c6627168510cfe3b10d', class: "table-wrapper" }, h("table", { key: 'f8ce9f4a94f6324b847d5fb6bc3baf0fbdc267f8', class: "table" }, h("thead", { key: 'aceb31d47b701c7eaac0ee1ecd2890a8f6eac62c' }, h("tr", { key: 'cb02345ee1c473e860ebd06ec333cddc0515f201', class: "row header-row" }, this.columns.map((col, i) => {
            return (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 }));
        }))), h("tbody", { key: '03570505e1a4d4c942c7391b183ddf0f8e6903f9' }, this.data.map(row => (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 ? (h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
        }))))))));
    }
};
VerdocsTable.style = verdocsTableCss;

export { VerdocsTable as verdocs_table };
//# sourceMappingURL=verdocs-table.entry.js.map
