@beaconsoftware/b-report-table 1.0.0

package/dist/b-report-table-header-row.js

@@ -0,0 +1,28 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+/**
+ * A row within the table header.
+ *
+ * @slot - Default slot for header cells (b-report-table-header-cell)
+ */
+let BReportTableHeaderRow = class BReportTableHeaderRow extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+BReportTableHeaderRow.styles = css `
+    :host {
+      display: table-row;
+    }
+  `;
+BReportTableHeaderRow = __decorate([
+    customElement('b-report-table-header-row')
+], BReportTableHeaderRow);
+export { BReportTableHeaderRow };
+//# sourceMappingURL=b-report-table-header-row.js.map

package/dist/b-report-table-header-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"b-report-table-header-row.js","sourceRoot":"","sources":["../src/b-report-table-header-row.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;GAIG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAOnD,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AARM,4BAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AALS,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CAUjC"}

package/dist/b-report-table-header.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ * Table header component that wraps header rows.
+ *
+ * @slot - Default slot for header rows (b-report-table-header-row)
+ */
+export declare class BReportTableHeader extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Whether the header should be sticky (fixed at the top when scrolling).
+     */
+    sticky: boolean;
+    private _resizeObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _setupResizeObserver;
+    private _calculateColumnConfigs;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'b-report-table-header': BReportTableHeader;
+    }
+}
+//# sourceMappingURL=b-report-table-header.d.ts.map

package/dist/b-report-table-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"b-report-table-header.d.ts","sourceRoot":"","sources":["../src/b-report-table-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C;;;;GAIG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAIX;IAEF;;OAEG;IAEH,MAAM,UAAS;IAEf,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEzC,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,uBAAuB;IAoE/B,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}

package/dist/b-report-table-header.js

@@ -0,0 +1,114 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * Table header component that wraps header rows.
+ *
+ * @slot - Default slot for header rows (b-report-table-header-row)
+ */
+let BReportTableHeader = class BReportTableHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether the header should be sticky (fixed at the top when scrolling).
+         */
+        this.sticky = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._setupResizeObserver();
+        // Delay initial calculation to ensure all children are rendered
+        requestAnimationFrame(() => {
+            this._calculateColumnConfigs();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._resizeObserver?.disconnect();
+    }
+    _setupResizeObserver() {
+        this._resizeObserver = new ResizeObserver(() => {
+            this._calculateColumnConfigs();
+        });
+        this._resizeObserver.observe(this);
+    }
+    _calculateColumnConfigs() {
+        const table = this.closest('b-report-table');
+        if (!table)
+            return;
+        // Find the first header row to get column configurations
+        const firstRow = this.querySelector('b-report-table-header-row');
+        if (!firstRow)
+            return;
+        const cells = Array.from(firstRow.querySelectorAll('b-report-table-header-cell'));
+        const configs = [];
+        let leftOffset = 0;
+        let rightOffset = 0;
+        // First pass: collect all cells and their sticky values
+        const cellData = cells.map((cell, index) => ({
+            index,
+            sticky: cell.sticky,
+            width: cell.offsetWidth || 100,
+        }));
+        // Calculate left sticky offsets
+        for (const data of cellData) {
+            if (data.sticky === 'left') {
+                configs.push({
+                    index: data.index,
+                    sticky: 'left',
+                    width: data.width,
+                    offset: leftOffset,
+                });
+                leftOffset += data.width;
+            }
+        }
+        // Calculate right sticky offsets (from right to left)
+        for (let i = cellData.length - 1; i >= 0; i--) {
+            const data = cellData[i];
+            if (data.sticky === 'right') {
+                configs.push({
+                    index: data.index,
+                    sticky: 'right',
+                    width: data.width,
+                    offset: rightOffset,
+                });
+                rightOffset += data.width;
+            }
+        }
+        // Add non-sticky columns
+        for (const data of cellData) {
+            if (data.sticky !== 'left' && data.sticky !== 'right') {
+                configs.push({
+                    index: data.index,
+                    sticky: null,
+                    width: data.width,
+                    offset: 0,
+                });
+            }
+        }
+        // Sort by index
+        configs.sort((a, b) => a.index - b.index);
+        table.updateColumnConfigs(configs);
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+BReportTableHeader.styles = css `
+    :host {
+      display: table-header-group;
+    }
+  `;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BReportTableHeader.prototype, "sticky", void 0);
+BReportTableHeader = __decorate([
+    customElement('b-report-table-header')
+], BReportTableHeader);
+export { BReportTableHeader };
+//# sourceMappingURL=b-report-table-header.js.map

package/dist/b-report-table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"b-report-table-header.js","sourceRoot":"","sources":["../src/b-report-table-header.ts"],"names":[],"mappings":"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"}

package/dist/b-report-table-row.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * A row within the table body.
+ *
+ * @slot - Default slot for cells (b-report-table-cell)
+ */
+export declare class BReportTableRow extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'b-report-table-row': BReportTableRow;
+    }
+}
+//# sourceMappingURL=b-report-table-row.d.ts.map

package/dist/b-report-table-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"b-report-table-row.d.ts","sourceRoot":"","sources":["../src/b-report-table-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;GAIG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,0BAQX;IAEF,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}

package/dist/b-report-table-row.js

@@ -0,0 +1,32 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+/**
+ * A row within the table body.
+ *
+ * @slot - Default slot for cells (b-report-table-cell)
+ */
+let BReportTableRow = class BReportTableRow extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+BReportTableRow.styles = css `
+    :host {
+      display: table-row;
+    }
+
+    :host(:hover) {
+      background: #f8fafc;
+    }
+  `;
+BReportTableRow = __decorate([
+    customElement('b-report-table-row')
+], BReportTableRow);
+export { BReportTableRow };
+//# sourceMappingURL=b-report-table-row.js.map

package/dist/b-report-table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"b-report-table-row.js","sourceRoot":"","sources":["../src/b-report-table-row.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;GAIG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAW7C,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAZM,sBAAM,GAAG,GAAG,CAAA;;;;;;;;GAQlB,AARY,CAQX;AATS,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAc3B"}

package/dist/b-report-table.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+export interface ColumnStickyConfig {
+    index: number;
+    sticky: 'left' | 'right' | null;
+    width: number;
+    offset: number;
+}
+/**
+ * A report table component with support for sticky headers, footers, and columns.
+ *
+ * @slot header - The table header (b-report-table-header)
+ * @slot - Default slot for table body (b-report-table-body)
+ * @slot footer - The table footer (b-report-table-footer)
+ */
+export declare class BReportTable extends LitElement {
+    static styles: import("lit").CSSResult;
+    private _columnConfigs;
+    get columnConfigs(): ColumnStickyConfig[];
+    /**
+     * Updates the sticky column configuration based on header cells.
+     * This is called by the header component when it's connected or updated.
+     */
+    updateColumnConfigs(configs: ColumnStickyConfig[]): void;
+    private _notifyChildren;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'b-report-table': BReportTable;
+    }
+}
+//# sourceMappingURL=b-report-table.d.ts.map

package/dist/b-report-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"b-report-table.d.ts","sourceRoot":"","sources":["../src/b-report-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAgBX;IAGF,OAAO,CAAC,cAAc,CAA4B;IAElD,IAAI,aAAa,IAAI,kBAAkB,EAAE,CAExC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,IAAI;IAKxD,OAAO,CAAC,eAAe;IAWvB,MAAM;CASP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/b-report-table.js

@@ -0,0 +1,74 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+/**
+ * A report table component with support for sticky headers, footers, and columns.
+ *
+ * @slot header - The table header (b-report-table-header)
+ * @slot - Default slot for table body (b-report-table-body)
+ * @slot footer - The table footer (b-report-table-footer)
+ */
+let BReportTable = class BReportTable extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._columnConfigs = [];
+    }
+    get columnConfigs() {
+        return this._columnConfigs;
+    }
+    /**
+     * Updates the sticky column configuration based on header cells.
+     * This is called by the header component when it's connected or updated.
+     */
+    updateColumnConfigs(configs) {
+        this._columnConfigs = configs;
+        this._notifyChildren();
+    }
+    _notifyChildren() {
+        // Dispatch event to notify all children of column config changes
+        this.dispatchEvent(new CustomEvent('column-config-change', {
+            detail: { configs: this._columnConfigs },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return html `
+      <table role="table">
+        <slot name="header"></slot>
+        <slot></slot>
+        <slot name="footer"></slot>
+      </table>
+    `;
+    }
+};
+BReportTable.styles = css `
+    :host {
+      display: block;
+    }
+
+    table {
+      width: 100%;
+      border-collapse: separate;
+      border-spacing: 0;
+      font-family: system-ui, -apple-system, sans-serif;
+      font-size: 14px;
+    }
+
+    ::slotted(*) {
+      display: table-row-group;
+    }
+  `;
+__decorate([
+    state()
+], BReportTable.prototype, "_columnConfigs", void 0);
+BReportTable = __decorate([
+    customElement('b-report-table')
+], BReportTable);
+export { BReportTable };
+//# sourceMappingURL=b-report-table.js.map

package/dist/b-report-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"b-report-table.js","sourceRoot":"","sources":["../src/b-report-table.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AASzD;;;;;;GAMG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAoBG,mBAAc,GAAyB,EAAE,CAAC;IAmCpD,CAAC;IAjCC,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAA6B;QAC/C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;QAC9B,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEO,eAAe;QACrB,iEAAiE;QACjE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE;YACxC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;KAMV,CAAC;IACJ,CAAC;;AArDM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;GAgBlB,AAhBY,CAgBX;AAGM;IADP,KAAK,EAAE;oDAC0C;AApBvC,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAuDxB"}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export { BReportTable } from './b-report-table.js';
+export { BReportTableHeader } from './b-report-table-header.js';
+export { BReportTableHeaderRow } from './b-report-table-header-row.js';
+export { BReportTableHeaderCell } from './b-report-table-header-cell.js';
+export { BReportTableBody } from './b-report-table-body.js';
+export { BReportTableRow } from './b-report-table-row.js';
+export { BReportTableCell } from './b-report-table-cell.js';
+export { BReportTableFooter } from './b-report-table-footer.js';
+export { BReportTableFooterRow } from './b-report-table-footer-row.js';
+export { BReportTableFooterCell } from './b-report-table-footer-cell.js';
+export type { ColumnStickyConfig } from './b-report-table.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,11 @@
+export { BReportTable } from './b-report-table.js';
+export { BReportTableHeader } from './b-report-table-header.js';
+export { BReportTableHeaderRow } from './b-report-table-header-row.js';
+export { BReportTableHeaderCell } from './b-report-table-header-cell.js';
+export { BReportTableBody } from './b-report-table-body.js';
+export { BReportTableRow } from './b-report-table-row.js';
+export { BReportTableCell } from './b-report-table-cell.js';
+export { BReportTableFooter } from './b-report-table-footer.js';
+export { BReportTableFooterRow } from './b-report-table-footer-row.js';
+export { BReportTableFooterCell } from './b-report-table-footer-cell.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@beaconsoftware/b-report-table",
+  "version": "1.0.0",
+  "description": "A report table web component with sticky headers, footers, and columns",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "build:watch": "tsc --watch",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "lit": "^3.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.0"
+  },
+  "keywords": [
+    "web-components",
+    "lit",
+    "table",
+    "sticky",
+    "beacon"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/b-report-table-body.ts

@@ -0,0 +1,26 @@
+import { LitElement, html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+
+/**
+ * Table body component that wraps body rows.
+ *
+ * @slot - Default slot for body rows (b-report-table-row)
+ */
+@customElement('b-report-table-body')
+export class BReportTableBody extends LitElement {
+  static styles = css`
+    :host {
+      display: table-row-group;
+    }
+  `;
+
+  render() {
+    return html`<slot></slot>`;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'b-report-table-body': BReportTableBody;
+  }
+}

package/src/b-report-table-cell.ts

@@ -0,0 +1,109 @@
+import { LitElement, html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import type { ColumnStickyConfig } from './b-report-table.js';
+
+/**
+ * A cell within a table body row.
+ *
+ * @slot - Default slot for cell content
+ */
+@customElement('b-report-table-cell')
+export class BReportTableCell extends LitElement {
+  static styles = css`
+    :host {
+      display: table-cell;
+      padding: 12px 16px;
+      border-bottom: 1px solid #e2e8f0;
+      background: inherit;
+    }
+
+    :host([data-sticky='left']),
+    :host([data-sticky='right']) {
+      position: sticky;
+      z-index: 1;
+      background: #fff;
+    }
+
+    :host([data-sticky='left']) {
+      left: var(--sticky-offset, 0px);
+      box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.1);
+    }
+
+    :host([data-sticky='right']) {
+      right: var(--sticky-offset, 0px);
+      box-shadow: -2px 0 4px -2px rgba(0, 0, 0, 0.1);
+    }
+
+    :host-context(b-report-table-row:hover)[data-sticky='left'],
+    :host-context(b-report-table-row:hover)[data-sticky='right'] {
+      background: #f8fafc;
+    }
+  `;
+
+
+  connectedCallback(): void {
+    super.connectedCallback();
+    const table = this._findTable();
+    if (table) {
+      table.addEventListener('column-config-change', this._handleConfigChange);
+      // Check if configs are already available
+      this._applyInitialConfig();
+    }
+  }
+
+  disconnectedCallback(): void {
+    super.disconnectedCallback();
+    this._findTable()?.removeEventListener(
+      'column-config-change',
+      this._handleConfigChange
+    );
+  }
+
+  private _findTable(): HTMLElement | null {
+    return this.closest('b-report-table');
+  }
+
+  private _applyInitialConfig(): void {
+    const table = this._findTable() as any;
+    if (table?.columnConfigs) {
+      this._applyConfig(table.columnConfigs);
+    }
+  }
+
+  private _handleConfigChange = (event: Event): void => {
+    const customEvent = event as CustomEvent<{ configs: ColumnStickyConfig[] }>;
+    this._applyConfig(customEvent.detail.configs);
+  };
+
+  private _applyConfig(configs: ColumnStickyConfig[]): void {
+    const index = this._getColumnIndex();
+    const config = configs.find((c) => c.index === index);
+
+    if (config) {
+      if (config.sticky) {
+        this.setAttribute('data-sticky', config.sticky);
+        this.style.setProperty('--sticky-offset', `${config.offset}px`);
+      } else {
+        this.removeAttribute('data-sticky');
+        this.style.removeProperty('--sticky-offset');
+      }
+    }
+  }
+
+  private _getColumnIndex(): number {
+    const row = this.parentElement;
+    if (!row) return -1;
+    const cells = Array.from(row.querySelectorAll('b-report-table-cell'));
+    return cells.indexOf(this);
+  }
+
+  render() {
+    return html`<slot></slot>`;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'b-report-table-cell': BReportTableCell;
+  }
+}