@beaconsoftware/b-report-table 1.0.0 → 1.1.0

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

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import type { ColumnStickyConfig } from './b-report-table.js';
 /**
  * A cell within a table body row.
  *
@@ -7,10 +8,13 @@ import { LitElement } from 'lit';
 export declare class BReportTableCell extends LitElement {
     static styles: import("lit").CSSResult;
     connectedCallback(): void;
-    disconnectedCallback(): void;
     private _findTable;
     private _applyInitialConfig;
-    private _handleConfigChange;
+    /**
+     * Public method called by the table to apply column configurations.
+     * This is the primary way cells receive sticky column updates.
+     */
+    applyColumnConfigs(configs: ColumnStickyConfig[]): void;
     private _applyConfig;
     private _getColumnIndex;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -1 +1 @@
-{"version":3,"file":"b-report-table-cell.d.ts","sourceRoot":"","sources":["../src/b-report-table-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BA6BX;IAGF,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB,CAGzB;IAEF,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,eAAe;IAOvB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,gBAAgB,CAAC;KACzC;CACF"}
+{"version":3,"file":"b-report-table-cell.d.ts","sourceRoot":"","sources":["../src/b-report-table-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAqBX;IAGF,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,mBAAmB;IAgB3B;;;OAGG;IACH,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,IAAI;IAIvD,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,eAAe;IAOvB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,gBAAgB,CAAC;KACzC;CACF"}

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

@@ -12,25 +12,12 @@ import { customElement } from 'lit/decorators.js';
  * @slot - Default slot for cell content
  */
 let BReportTableCell = class BReportTableCell extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._handleConfigChange = (event) => {
-            const customEvent = event;
-            this._applyConfig(customEvent.detail.configs);
-        };
-    }
     connectedCallback() {
         super.connectedCallback();
-        const table = this._findTable();
-        if (table) {
-            table.addEventListener('column-config-change', this._handleConfigChange);
-            // Check if configs are already available
-            this._applyInitialConfig();
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._findTable()?.removeEventListener('column-config-change', this._handleConfigChange);
+        // Check if configs are already available when cell connects
+        // Use requestAnimationFrame to ensure the cell is fully in the DOM tree
+        // (handles case where cell is added to a row before row is added to table)
+        this._applyInitialConfig();
     }
     _findTable() {
         return this.closest('b-report-table');
@@ -40,6 +27,23 @@ let BReportTableCell = class BReportTableCell extends LitElement {
         if (table?.columnConfigs) {
             this._applyConfig(table.columnConfigs);
         }
+        else {
+            // Table not found yet - retry on next frame
+            // This handles the case where cell is added to row before row is added to body
+            requestAnimationFrame(() => {
+                const table = this._findTable();
+                if (table?.columnConfigs) {
+                    this._applyConfig(table.columnConfigs);
+                }
+            });
+        }
+    }
+    /**
+     * Public method called by the table to apply column configurations.
+     * This is the primary way cells receive sticky column updates.
+     */
+    applyColumnConfigs(configs) {
+        this._applyConfig(configs);
     }
     _applyConfig(configs) {
         const index = this._getColumnIndex();
@@ -67,33 +71,25 @@ let BReportTableCell = class BReportTableCell extends LitElement {
     }
 };
 BReportTableCell.styles = css `
+    /* Required for table structure */
     :host {
       display: table-cell;
-      padding: 12px 16px;
-      border-bottom: 1px solid #e2e8f0;
-      background: inherit;
     }
 
+    /* Required for horizontal sticky columns */
     :host([data-sticky='left']),
     :host([data-sticky='right']) {
       position: sticky;
       z-index: 1;
-      background: #fff;
+      background: var(--b-report-table-cell-sticky-bg, #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;
     }
   `;
 BReportTableCell = __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"b-report-table-cell.js","sourceRoot":"","sources":["../src/b-report-table-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD;;;;GAIG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QA8DG,wBAAmB,GAAG,CAAC,KAAY,EAAQ,EAAE;YACnD,MAAM,WAAW,GAAG,KAAuD,CAAC;YAC5E,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAChD,CAAC,CAAC;IA2BJ,CAAC;IA3DC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAChC,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACzE,yCAAyC;YACzC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,UAAU,EAAE,EAAE,mBAAmB,CACpC,sBAAsB,EACtB,IAAI,CAAC,mBAAmB,CACzB,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,CAAC;IAEO,mBAAmB;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAS,CAAC;QACvC,IAAI,KAAK,EAAE,aAAa,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAOO,YAAY,CAAC,OAA6B;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAEtD,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;gBAClB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;YAClE,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;gBACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;QAC/B,IAAI,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACtE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA1FM,uBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BlB,AA7BY,CA6BX;AA9BS,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CA4F5B"}
+{"version":3,"file":"b-report-table-cell.js","sourceRoot":"","sources":["../src/b-report-table-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD;;;;GAIG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAyB9C,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,4DAA4D;QAC5D,wEAAwE;QACxE,2EAA2E;QAC3E,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,CAAC;IAEO,mBAAmB;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAS,CAAC;QACvC,IAAI,KAAK,EAAE,aAAa,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,4CAA4C;YAC5C,+EAA+E;YAC/E,qBAAqB,CAAC,GAAG,EAAE;gBACzB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAS,CAAC;gBACvC,IAAI,KAAK,EAAE,aAAa,EAAE,CAAC;oBACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;gBACzC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,kBAAkB,CAAC,OAA6B;QAC9C,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;IAEO,YAAY,CAAC,OAA6B;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAEtD,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;gBAClB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;YAClE,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;gBACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;QAC/B,IAAI,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACtE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AApFM,uBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBlB,AArBY,CAqBX;AAtBS,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAsF5B"}

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

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import type { ColumnStickyConfig } from './b-report-table.js';
 /**
  * A cell within a table footer row.
  * Inherits sticky behavior from corresponding header columns.
@@ -8,11 +9,13 @@ import { LitElement } from 'lit';
 export declare class BReportTableFooterCell extends LitElement {
     static styles: import("lit").CSSResult;
     connectedCallback(): void;
-    private _updateVerticalSticky;
-    disconnectedCallback(): void;
     private _findTable;
     private _applyInitialConfig;
-    private _handleConfigChange;
+    /**
+     * Public method called by the table to apply column configurations.
+     * This is the primary way cells receive sticky column updates.
+     */
+    applyColumnConfigs(configs: ColumnStickyConfig[]): void;
     private _applyConfig;
     private _getColumnIndex;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -1 +1 @@
-{"version":3,"file":"b-report-table-footer-cell.d.ts","sourceRoot":"","sources":["../src/b-report-table-footer-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;GAKG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,0BAuCX;IAGF,iBAAiB,IAAI,IAAI;IAYzB,OAAO,CAAC,qBAAqB;IAS7B,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB,CAGzB;IAEF,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,eAAe;IAOvB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,sBAAsB,CAAC;KACtD;CACF"}
+{"version":3,"file":"b-report-table-footer-cell.d.ts","sourceRoot":"","sources":["../src/b-report-table-footer-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D;;;;;GAKG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,0BAqBX;IAGF,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,mBAAmB;IAgB3B;;;OAGG;IACH,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,IAAI;IAIvD,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,eAAe;IAOvB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,sBAAsB,CAAC;KACtD;CACF"}

package/dist/b-report-table-footer-cell.js

@@ -13,36 +13,12 @@ import { customElement } from 'lit/decorators.js';
  * @slot - Default slot for cell content
  */
 let BReportTableFooterCell = class BReportTableFooterCell extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._handleConfigChange = (event) => {
-            const customEvent = event;
-            this._applyConfig(customEvent.detail.configs);
-        };
-    }
     connectedCallback() {
         super.connectedCallback();
-        const table = this._findTable();
-        if (table) {
-            table.addEventListener('column-config-change', this._handleConfigChange);
-            // Check if configs are already available
-            this._applyInitialConfig();
-        }
-        // Check if parent footer has sticky attribute
-        this._updateVerticalSticky();
-    }
-    _updateVerticalSticky() {
-        const footer = this.closest('b-report-table-footer');
-        if (footer?.hasAttribute('sticky')) {
-            this.setAttribute('data-sticky-bottom', '');
-        }
-        else {
-            this.removeAttribute('data-sticky-bottom');
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._findTable()?.removeEventListener('column-config-change', this._handleConfigChange);
+        // Check if configs are already available when cell connects
+        // Use requestAnimationFrame to ensure the cell is fully in the DOM tree
+        // (handles case where cell is added to a row before row is added to table)
+        this._applyInitialConfig();
     }
     _findTable() {
         return this.closest('b-report-table');
@@ -52,6 +28,23 @@ let BReportTableFooterCell = class BReportTableFooterCell extends LitElement {
         if (table?.columnConfigs) {
             this._applyConfig(table.columnConfigs);
         }
+        else {
+            // Table not found yet - retry on next frame
+            // This handles the case where cell is added to row before row is added to body
+            requestAnimationFrame(() => {
+                const table = this._findTable();
+                if (table?.columnConfigs) {
+                    this._applyConfig(table.columnConfigs);
+                }
+            });
+        }
+    }
+    /**
+     * Public method called by the table to apply column configurations.
+     * This is the primary way cells receive sticky column updates.
+     */
+    applyColumnConfigs(configs) {
+        this._applyConfig(configs);
     }
     _applyConfig(configs) {
         const index = this._getColumnIndex();
@@ -79,43 +72,25 @@ let BReportTableFooterCell = class BReportTableFooterCell extends LitElement {
     }
 };
 BReportTableFooterCell.styles = css `
+    /* Required for table structure */
     :host {
       display: table-cell;
-      padding: 12px 16px;
-      font-weight: 600;
-      background: #f8fafc;
-      border-top: 2px solid #e2e8f0;
-    }
-
-    /* Vertical sticky (when parent footer has sticky attribute) */
-    :host([data-sticky-bottom]) {
-      position: sticky;
-      bottom: 0;
-      z-index: 2;
     }
 
-    /* Horizontal sticky columns */
+    /* Required for horizontal sticky columns */
     :host([data-sticky='left']),
     :host([data-sticky='right']) {
       position: sticky;
       z-index: 2;
-      background: #f1f5f9;
-    }
-
-    /* Both vertical and horizontal sticky */
-    :host([data-sticky-bottom][data-sticky='left']),
-    :host([data-sticky-bottom][data-sticky='right']) {
-      z-index: 4;
+      background: var(--b-report-table-footer-cell-sticky-bg, var(--b-report-table-footer-bg, #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);
     }
   `;
 BReportTableFooterCell = __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"b-report-table-footer-cell.js","sourceRoot":"","sources":["../src/b-report-table-footer-cell.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"b-report-table-footer-cell.js","sourceRoot":"","sources":["../src/b-report-table-footer-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD;;;;;GAKG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAyBpD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,4DAA4D;QAC5D,wEAAwE;QACxE,2EAA2E;QAC3E,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,CAAC;IAEO,mBAAmB;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAS,CAAC;QACvC,IAAI,KAAK,EAAE,aAAa,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,4CAA4C;YAC5C,+EAA+E;YAC/E,qBAAqB,CAAC,GAAG,EAAE;gBACzB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAS,CAAC;gBACvC,IAAI,KAAK,EAAE,aAAa,EAAE,CAAC;oBACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;gBACzC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,kBAAkB,CAAC,OAA6B;QAC9C,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;IAEO,YAAY,CAAC,OAA6B;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAEtD,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;gBAClB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;YAClE,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;gBACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;QAC/B,IAAI,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,CAAC,CAAC;QAC7E,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AApFM,6BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBlB,AArBY,CAqBX;AAtBS,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CAsFlC"}

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

@@ -1 +1 @@
-{"version":3,"file":"b-report-table-footer.d.ts","sourceRoot":"","sources":["../src/b-report-table-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;GAIG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAIX;IAEF;;OAEG;IAEH,MAAM,UAAS;IAEf,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"b-report-table-footer.d.ts","sourceRoot":"","sources":["../src/b-report-table-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;GAIG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAWX;IAEF;;OAEG;IAEH,MAAM,UAAS;IAEf,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}

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

@@ -27,6 +27,13 @@ BReportTableFooter.styles = css `
     :host {
       display: table-footer-group;
     }
+
+    :host([sticky]) {
+      position: sticky;
+      bottom: 0;
+      z-index: 10;
+      background: var(--b-report-table-footer-bg, #fff);
+    }
   `;
 __decorate([
     property({ type: Boolean, reflect: true })

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

@@ -1 +1 @@
-{"version":3,"file":"b-report-table-footer.js","sourceRoot":"","sources":["../src/b-report-table-footer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;GAIG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAOL;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;IAKjB,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAdM,yBAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAC5B;AAXJ,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAgB9B"}
+{"version":3,"file":"b-report-table-footer.js","sourceRoot":"","sources":["../src/b-report-table-footer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;GAIG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAcL;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;IAKjB,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AArBM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;GAWlB,AAXY,CAWX;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAC5B;AAlBJ,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAuB9B"}

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

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import type { ColumnStickyConfig } from './b-report-table.js';
 /**
  * A header cell within a table header row.
  *
@@ -14,11 +15,11 @@ export declare class BReportTableHeaderCell extends LitElement {
      */
     sticky: 'left' | 'right' | null;
     private _offset;
-    connectedCallback(): void;
-    private _updateVerticalSticky;
-    disconnectedCallback(): void;
-    private _findTable;
-    private _handleConfigChange;
+    /**
+     * Public method called by the table to apply column configurations.
+     * This updates the sticky offset for header cells.
+     */
+    applyColumnConfigs(configs: ColumnStickyConfig[]): void;
     private _getColumnIndex;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"b-report-table-header-cell.d.ts","sourceRoot":"","sources":["../src/b-report-table-header-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;GAIG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,0BAyCX;IAEF;;;;;OAKG;IAEH,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAQ;IAGvC,OAAO,CAAC,OAAO,CAAK;IAEpB,iBAAiB,IAAI,IAAI;IAUzB,OAAO,CAAC,qBAAqB;IAS7B,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,mBAAmB,CAUzB;IAEF,OAAO,CAAC,eAAe;IASvB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,sBAAsB,CAAC;KACtD;CACF"}
+{"version":3,"file":"b-report-table-header-cell.d.ts","sourceRoot":"","sources":["../src/b-report-table-header-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D;;;;GAIG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,0BAqBX;IAEF;;;;;OAKG;IAEH,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAQ;IAGvC,OAAO,CAAC,OAAO,CAAK;IAEpB;;;OAGG;IACH,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,IAAI;IAUvD,OAAO,CAAC,eAAe;IASvB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,sBAAsB,CAAC;KACtD;CACF"}

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

@@ -22,39 +22,19 @@ let BReportTableHeaderCell = class BReportTableHeaderCell extends LitElement {
          */
         this.sticky = null;
         this._offset = 0;
-        this._handleConfigChange = (event) => {
-            const customEvent = event;
-            const configs = customEvent.detail.configs;
-            const index = this._getColumnIndex();
-            const config = configs.find((c) => c.index === index);
-            if (config && config.sticky) {
-                this._offset = config.offset;
-                this.style.setProperty('--sticky-offset', `${this._offset}px`);
-            }
-        };
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this._findTable()?.addEventListener('column-config-change', this._handleConfigChange);
-        // Check if parent header has sticky attribute
-        this._updateVerticalSticky();
-    }
-    _updateVerticalSticky() {
-        const header = this.closest('b-report-table-header');
-        if (header?.hasAttribute('sticky')) {
-            this.setAttribute('data-sticky-top', '');
-        }
-        else {
-            this.removeAttribute('data-sticky-top');
+    /**
+     * Public method called by the table to apply column configurations.
+     * This updates the sticky offset for header cells.
+     */
+    applyColumnConfigs(configs) {
+        const index = this._getColumnIndex();
+        const config = configs.find((c) => c.index === index);
+        if (config && config.sticky) {
+            this._offset = config.offset;
+            this.style.setProperty('--sticky-offset', `${this._offset}px`);
         }
     }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._findTable()?.removeEventListener('column-config-change', this._handleConfigChange);
-    }
-    _findTable() {
-        return this.closest('b-report-table');
-    }
     _getColumnIndex() {
         const row = this.parentElement;
         if (!row)
@@ -67,45 +47,25 @@ let BReportTableHeaderCell = class BReportTableHeaderCell extends LitElement {
     }
 };
 BReportTableHeaderCell.styles = css `
+    /* Required for table structure */
     :host {
       display: table-cell;
-      padding: 12px 16px;
-      text-align: left;
-      font-weight: 600;
-      background: #f8fafc;
-      border-bottom: 2px solid #e2e8f0;
-      white-space: nowrap;
-    }
-
-    /* Vertical sticky (when parent header has sticky attribute) */
-    :host([data-sticky-top]) {
-      position: sticky;
-      top: 0;
-      z-index: 2;
     }
 
-    /* Horizontal sticky columns */
+    /* Required for horizontal sticky columns */
     :host([sticky='left']),
     :host([sticky='right']) {
       position: sticky;
       z-index: 2;
-      background: #f1f5f9;
-    }
-
-    /* Both vertical and horizontal sticky */
-    :host([data-sticky-top][sticky='left']),
-    :host([data-sticky-top][sticky='right']) {
-      z-index: 4;
+      background: var(--b-report-table-header-cell-sticky-bg, var(--b-report-table-header-bg, #fff));
     }
 
     :host([sticky='left']) {
       left: var(--sticky-offset, 0px);
-      box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.1);
     }
 
     :host([sticky='right']) {
       right: var(--sticky-offset, 0px);
-      box-shadow: -2px 0 4px -2px rgba(0, 0, 0, 0.1);
     }
   `;
 __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"b-report-table-header-cell.js","sourceRoot":"","sources":["../src/b-report-table-header-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGnE;;;;GAIG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QA4CL;;;;;WAKG;QAEH,WAAM,GAA4B,IAAI,CAAC;QAG/B,YAAO,GAAG,CAAC,CAAC;QAiCZ,wBAAmB,GAAG,CAAC,KAAY,EAAQ,EAAE;YACnD,MAAM,WAAW,GAAG,KAAuD,CAAC;YAC5E,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC;YAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAErC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;YACtD,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;gBAC5B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;gBAC7B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC;YACjE,CAAC;QACH,CAAC,CAAC;IAcJ,CAAC;IAvDC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,EAAE,EAAE,gBAAgB,CACjC,sBAAsB,EACtB,IAAI,CAAC,mBAAmB,CACzB,CAAC;QACF,8CAA8C;QAC9C,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAEO,qBAAqB;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;QACrD,IAAI,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,UAAU,EAAE,EAAE,mBAAmB,CACpC,sBAAsB,EACtB,IAAI,CAAC,mBAAmB,CACzB,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,CAAC;IAcO,eAAe;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;QAC/B,IAAI,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,GAAG,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,CACnD,CAAC;QACF,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA7GM,6BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyClB,AAzCY,CAyCX;AASF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACH;AAG/B;IADP,KAAK,EAAE;uDACY;AAtDT,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CA+GlC"}
+{"version":3,"file":"b-report-table-header-cell.js","sourceRoot":"","sources":["../src/b-report-table-header-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGnE;;;;GAIG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAwBL;;;;;WAKG;QAEH,WAAM,GAA4B,IAAI,CAAC;QAG/B,YAAO,GAAG,CAAC,CAAC;IA4BtB,CAAC;IA1BC;;;OAGG;IACH,kBAAkB,CAAC,OAA6B;QAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAEtD,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAC5B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;QAC/B,IAAI,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,GAAG,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,CACnD,CAAC;QACF,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA5DM,6BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBlB,AArBY,CAqBX;AASF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACH;AAG/B;IADP,KAAK,EAAE;uDACY;AAlCT,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CA8DlC"}

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

@@ -1 +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"}
+{"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,0BAWX;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

@@ -103,6 +103,13 @@ BReportTableHeader.styles = css `
     :host {
       display: table-header-group;
     }
+
+    :host([sticky]) {
+      position: sticky;
+      top: 0;
+      z-index: 10;
+      background: var(--b-report-table-header-bg, #fff);
+    }
   `;
 __decorate([
     property({ type: Boolean, reflect: true })

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

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

@@ -1 +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"}
+{"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,0BAKX;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

@@ -17,13 +17,10 @@ let BReportTableRow = class BReportTableRow extends LitElement {
     }
 };
 BReportTableRow.styles = css `
+    /* Required for table structure */
     :host {
       display: table-row;
     }
-
-    :host(:hover) {
-      background: #f8fafc;
-    }
   `;
 BReportTableRow = __decorate([
     customElement('b-report-table-row')

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

@@ -1 +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"}
+{"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;IAQ7C,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AATM,sBAAM,GAAG,GAAG,CAAA;;;;;GAKlB,AALY,CAKX;AANS,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAW3B"}

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

@@ -11,9 +11,19 @@ export interface ColumnStickyConfig {
  * @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)
+ *
+ * @csspart scroll-container - The scrollable container wrapping the table
+ * @csspart table - The table element
  */
 export declare class BReportTable extends LitElement {
     static styles: import("lit").CSSResult;
+    /**
+     * Maximum height of the table scroll container.
+     * Can be any valid CSS height value (e.g., '500px', '80vh', '100%').
+     * When content exceeds this height, the container becomes scrollable
+     * and sticky headers/footers will work.
+     */
+    maxHeight: string;
     private _columnConfigs;
     get columnConfigs(): ColumnStickyConfig[];
     /**

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

@@ -1 +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"}
+{"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;AAM5C,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;;;;;;;;;GASG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAsBX;IAEF;;;;;OAKG;IAEH,SAAS,SAAU;IAGnB,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;IAoBvB,MAAM;CAgBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/b-report-table.js

@@ -5,17 +5,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { LitElement, html, css } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
+import { customElement, property, 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)
+ *
+ * @csspart scroll-container - The scrollable container wrapping the table
+ * @csspart table - The table element
  */
 let BReportTable = class BReportTable extends LitElement {
     constructor() {
         super(...arguments);
+        /**
+         * Maximum height of the table scroll container.
+         * Can be any valid CSS height value (e.g., '500px', '80vh', '100%').
+         * When content exceeds this height, the container becomes scrollable
+         * and sticky headers/footers will work.
+         */
+        this.maxHeight = '100%';
         this._columnConfigs = [];
     }
     get columnConfigs() {
@@ -30,40 +40,65 @@ let BReportTable = class BReportTable extends LitElement {
         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,
-        }));
+        // Directly notify all header cells (for offset updates)
+        const headerCells = this.querySelectorAll('b-report-table-header-cell');
+        headerCells.forEach((cell) => {
+            cell.applyColumnConfigs(this._columnConfigs);
+        });
+        // Directly notify all body cells
+        const bodyCells = this.querySelectorAll('b-report-table-cell');
+        bodyCells.forEach((cell) => {
+            cell.applyColumnConfigs(this._columnConfigs);
+        });
+        // Directly notify all footer cells
+        const footerCells = this.querySelectorAll('b-report-table-footer-cell');
+        footerCells.forEach((cell) => {
+            cell.applyColumnConfigs(this._columnConfigs);
+        });
     }
     render() {
+        const style = this.maxHeight !== '100%' ? `--table-max-height: ${this.maxHeight}` : '';
         return html `
-      <table role="table">
-        <slot name="header"></slot>
-        <slot></slot>
-        <slot name="footer"></slot>
-      </table>
+      <div
+        class="scroll-container"
+        part="scroll-container"
+        style="${style}"
+      >
+        <div class="table" role="table" part="table">
+          <slot name="header"></slot>
+          <slot></slot>
+          <slot name="footer"></slot>
+        </div>
+      </div>
     `;
     }
 };
 BReportTable.styles = css `
+    /* Required for table structure */
     :host {
       display: block;
     }
 
-    table {
-      width: 100%;
-      border-collapse: separate;
-      border-spacing: 0;
-      font-family: system-ui, -apple-system, sans-serif;
-      font-size: 14px;
+    .scroll-container {
+      position: relative;
+    }
+
+    :host([max-height]) .scroll-container {
+      overflow: auto;
+      max-height: var(--table-max-height);
+    }
+
+    .table {
+      display: table;
     }
 
     ::slotted(*) {
       display: table-row-group;
     }
   `;
+__decorate([
+    property({ type: String, attribute: 'max-height' })
+], BReportTable.prototype, "maxHeight", void 0);
 __decorate([
     state()
 ], BReportTable.prototype, "_columnConfigs", void 0);

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

@@ -1 +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"}
+{"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,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAYnE;;;;;;;;;GASG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAyBL;;;;;WAKG;QAEH,cAAS,GAAG,MAAM,CAAC;QAGX,mBAAc,GAAyB,EAAE,CAAC;IAmDpD,CAAC;IAjDC,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,wDAAwD;QACxD,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,4BAA4B,CAAuC,CAAC;QAC9G,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,iCAAiC;QACjC,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAiC,CAAC;QAC/F,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACzB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,mCAAmC;QACnC,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,4BAA4B,CAAuC,CAAC;QAC9G,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvF,OAAO,IAAI,CAAA;;;;iBAIE,KAAK;;;;;;;;KAQjB,CAAC;IACJ,CAAC;;AApFM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsBlB,AAtBY,CAsBX;AASF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;+CACjC;AAGX;IADP,KAAK,EAAE;oDAC0C;AAnCvC,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAsFxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beaconsoftware/b-report-table",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A report table web component with sticky headers, footers, and columns",
   "type": "module",
   "main": "dist/index.js",
@@ -38,4 +38,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

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

@@ -10,53 +10,35 @@ import type { ColumnStickyConfig } from './b-report-table.js';
 @customElement('b-report-table-cell')
 export class BReportTableCell extends LitElement {
   static styles = css`
+    /* Required for table structure */
     :host {
       display: table-cell;
-      padding: 12px 16px;
-      border-bottom: 1px solid #e2e8f0;
-      background: inherit;
     }
 
+    /* Required for horizontal sticky columns */
     :host([data-sticky='left']),
     :host([data-sticky='right']) {
       position: sticky;
       z-index: 1;
-      background: #fff;
+      background: var(--b-report-table-cell-sticky-bg, #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
-    );
+    // Check if configs are already available when cell connects
+    // Use requestAnimationFrame to ensure the cell is fully in the DOM tree
+    // (handles case where cell is added to a row before row is added to table)
+    this._applyInitialConfig();
   }
 
   private _findTable(): HTMLElement | null {
@@ -67,13 +49,25 @@ export class BReportTableCell extends LitElement {
     const table = this._findTable() as any;
     if (table?.columnConfigs) {
       this._applyConfig(table.columnConfigs);
+    } else {
+      // Table not found yet - retry on next frame
+      // This handles the case where cell is added to row before row is added to body
+      requestAnimationFrame(() => {
+        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);
-  };
+  /**
+   * Public method called by the table to apply column configurations.
+   * This is the primary way cells receive sticky column updates.
+   */
+  applyColumnConfigs(configs: ColumnStickyConfig[]): void {
+    this._applyConfig(configs);
+  }
 
   private _applyConfig(configs: ColumnStickyConfig[]): void {
     const index = this._getColumnIndex();

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

@@ -11,74 +11,35 @@ import type { ColumnStickyConfig } from './b-report-table.js';
 @customElement('b-report-table-footer-cell')
 export class BReportTableFooterCell extends LitElement {
   static styles = css`
+    /* Required for table structure */
     :host {
       display: table-cell;
-      padding: 12px 16px;
-      font-weight: 600;
-      background: #f8fafc;
-      border-top: 2px solid #e2e8f0;
     }
 
-    /* Vertical sticky (when parent footer has sticky attribute) */
-    :host([data-sticky-bottom]) {
-      position: sticky;
-      bottom: 0;
-      z-index: 2;
-    }
-
-    /* Horizontal sticky columns */
+    /* Required for horizontal sticky columns */
     :host([data-sticky='left']),
     :host([data-sticky='right']) {
       position: sticky;
       z-index: 2;
-      background: #f1f5f9;
-    }
-
-    /* Both vertical and horizontal sticky */
-    :host([data-sticky-bottom][data-sticky='left']),
-    :host([data-sticky-bottom][data-sticky='right']) {
-      z-index: 4;
+      background: var(--b-report-table-footer-cell-sticky-bg, var(--b-report-table-footer-bg, #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);
     }
   `;
 
 
   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();
-    }
-    // Check if parent footer has sticky attribute
-    this._updateVerticalSticky();
-  }
-
-  private _updateVerticalSticky(): void {
-    const footer = this.closest('b-report-table-footer');
-    if (footer?.hasAttribute('sticky')) {
-      this.setAttribute('data-sticky-bottom', '');
-    } else {
-      this.removeAttribute('data-sticky-bottom');
-    }
-  }
-
-  disconnectedCallback(): void {
-    super.disconnectedCallback();
-    this._findTable()?.removeEventListener(
-      'column-config-change',
-      this._handleConfigChange
-    );
+    // Check if configs are already available when cell connects
+    // Use requestAnimationFrame to ensure the cell is fully in the DOM tree
+    // (handles case where cell is added to a row before row is added to table)
+    this._applyInitialConfig();
   }
 
   private _findTable(): HTMLElement | null {
@@ -89,13 +50,25 @@ export class BReportTableFooterCell extends LitElement {
     const table = this._findTable() as any;
     if (table?.columnConfigs) {
       this._applyConfig(table.columnConfigs);
+    } else {
+      // Table not found yet - retry on next frame
+      // This handles the case where cell is added to row before row is added to body
+      requestAnimationFrame(() => {
+        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);
-  };
+  /**
+   * Public method called by the table to apply column configurations.
+   * This is the primary way cells receive sticky column updates.
+   */
+  applyColumnConfigs(configs: ColumnStickyConfig[]): void {
+    this._applyConfig(configs);
+  }
 
   private _applyConfig(configs: ColumnStickyConfig[]): void {
     const index = this._getColumnIndex();

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

@@ -12,6 +12,13 @@ export class BReportTableFooter extends LitElement {
     :host {
       display: table-footer-group;
     }
+
+    :host([sticky]) {
+      position: sticky;
+      bottom: 0;
+      z-index: 10;
+      background: var(--b-report-table-footer-bg, #fff);
+    }
   `;
 
   /**

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

@@ -10,45 +10,25 @@ import type { ColumnStickyConfig } from './b-report-table.js';
 @customElement('b-report-table-header-cell')
 export class BReportTableHeaderCell extends LitElement {
   static styles = css`
+    /* Required for table structure */
     :host {
       display: table-cell;
-      padding: 12px 16px;
-      text-align: left;
-      font-weight: 600;
-      background: #f8fafc;
-      border-bottom: 2px solid #e2e8f0;
-      white-space: nowrap;
     }
 
-    /* Vertical sticky (when parent header has sticky attribute) */
-    :host([data-sticky-top]) {
-      position: sticky;
-      top: 0;
-      z-index: 2;
-    }
-
-    /* Horizontal sticky columns */
+    /* Required for horizontal sticky columns */
     :host([sticky='left']),
     :host([sticky='right']) {
       position: sticky;
       z-index: 2;
-      background: #f1f5f9;
-    }
-
-    /* Both vertical and horizontal sticky */
-    :host([data-sticky-top][sticky='left']),
-    :host([data-sticky-top][sticky='right']) {
-      z-index: 4;
+      background: var(--b-report-table-header-cell-sticky-bg, var(--b-report-table-header-bg, #fff));
     }
 
     :host([sticky='left']) {
       left: var(--sticky-offset, 0px);
-      box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.1);
     }
 
     :host([sticky='right']) {
       right: var(--sticky-offset, 0px);
-      box-shadow: -2px 0 4px -2px rgba(0, 0, 0, 0.1);
     }
   `;
 
@@ -64,48 +44,19 @@ export class BReportTableHeaderCell extends LitElement {
   @state()
   private _offset = 0;
 
-  connectedCallback(): void {
-    super.connectedCallback();
-    this._findTable()?.addEventListener(
-      'column-config-change',
-      this._handleConfigChange
-    );
-    // Check if parent header has sticky attribute
-    this._updateVerticalSticky();
-  }
-
-  private _updateVerticalSticky(): void {
-    const header = this.closest('b-report-table-header');
-    if (header?.hasAttribute('sticky')) {
-      this.setAttribute('data-sticky-top', '');
-    } else {
-      this.removeAttribute('data-sticky-top');
-    }
-  }
-
-  disconnectedCallback(): void {
-    super.disconnectedCallback();
-    this._findTable()?.removeEventListener(
-      'column-config-change',
-      this._handleConfigChange
-    );
-  }
-
-  private _findTable(): HTMLElement | null {
-    return this.closest('b-report-table');
-  }
-
-  private _handleConfigChange = (event: Event): void => {
-    const customEvent = event as CustomEvent<{ configs: ColumnStickyConfig[] }>;
-    const configs = customEvent.detail.configs;
+  /**
+   * Public method called by the table to apply column configurations.
+   * This updates the sticky offset for header cells.
+   */
+  applyColumnConfigs(configs: ColumnStickyConfig[]): void {
     const index = this._getColumnIndex();
-
     const config = configs.find((c) => c.index === index);
+    
     if (config && config.sticky) {
       this._offset = config.offset;
       this.style.setProperty('--sticky-offset', `${this._offset}px`);
     }
-  };
+  }
 
   private _getColumnIndex(): number {
     const row = this.parentElement;

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

@@ -14,6 +14,13 @@ export class BReportTableHeader extends LitElement {
     :host {
       display: table-header-group;
     }
+
+    :host([sticky]) {
+      position: sticky;
+      top: 0;
+      z-index: 10;
+      background: var(--b-report-table-header-bg, #fff);
+    }
   `;
 
   /**

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

@@ -9,13 +9,10 @@ import { customElement } from 'lit/decorators.js';
 @customElement('b-report-table-row')
 export class BReportTableRow extends LitElement {
   static styles = css`
+    /* Required for table structure */
     :host {
       display: table-row;
     }
-
-    :host(:hover) {
-      background: #f8fafc;
-    }
   `;
 
   render() {

package/src/b-report-table.ts

@@ -1,5 +1,8 @@
 import { LitElement, html, css } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
+import type { BReportTableCell } from './b-report-table-cell.js';
+import type { BReportTableFooterCell } from './b-report-table-footer-cell.js';
+import type { BReportTableHeaderCell } from './b-report-table-header-cell.js';
 
 export interface ColumnStickyConfig {
   index: number;
@@ -14,20 +17,29 @@ export interface ColumnStickyConfig {
  * @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)
+ *
+ * @csspart scroll-container - The scrollable container wrapping the table
+ * @csspart table - The table element
  */
 @customElement('b-report-table')
 export class BReportTable extends LitElement {
   static styles = css`
+    /* Required for table structure */
     :host {
       display: block;
     }
 
-    table {
-      width: 100%;
-      border-collapse: separate;
-      border-spacing: 0;
-      font-family: system-ui, -apple-system, sans-serif;
-      font-size: 14px;
+    .scroll-container {
+      position: relative;
+    }
+
+    :host([max-height]) .scroll-container {
+      overflow: auto;
+      max-height: var(--table-max-height);
+    }
+
+    .table {
+      display: table;
     }
 
     ::slotted(*) {
@@ -35,6 +47,15 @@ export class BReportTable extends LitElement {
     }
   `;
 
+  /**
+   * Maximum height of the table scroll container.
+   * Can be any valid CSS height value (e.g., '500px', '80vh', '100%').
+   * When content exceeds this height, the container becomes scrollable
+   * and sticky headers/footers will work.
+   */
+  @property({ type: String, attribute: 'max-height' })
+  maxHeight = '100%';
+
   @state()
   private _columnConfigs: ColumnStickyConfig[] = [];
 
@@ -52,23 +73,39 @@ export class BReportTable extends LitElement {
   }
 
   private _notifyChildren(): void {
-    // 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,
-      })
-    );
+    // Directly notify all header cells (for offset updates)
+    const headerCells = this.querySelectorAll('b-report-table-header-cell') as NodeListOf<BReportTableHeaderCell>;
+    headerCells.forEach((cell) => {
+      cell.applyColumnConfigs(this._columnConfigs);
+    });
+
+    // Directly notify all body cells
+    const bodyCells = this.querySelectorAll('b-report-table-cell') as NodeListOf<BReportTableCell>;
+    bodyCells.forEach((cell) => {
+      cell.applyColumnConfigs(this._columnConfigs);
+    });
+
+    // Directly notify all footer cells
+    const footerCells = this.querySelectorAll('b-report-table-footer-cell') as NodeListOf<BReportTableFooterCell>;
+    footerCells.forEach((cell) => {
+      cell.applyColumnConfigs(this._columnConfigs);
+    });
   }
 
   render() {
+    const style = this.maxHeight !== '100%' ? `--table-max-height: ${this.maxHeight}` : '';
     return html`
-      <table role="table">
-        <slot name="header"></slot>
-        <slot></slot>
-        <slot name="footer"></slot>
-      </table>
+      <div
+        class="scroll-container"
+        part="scroll-container"
+        style="${style}"
+      >
+        <div class="table" role="table" part="table">
+          <slot name="header"></slot>
+          <slot></slot>
+          <slot name="footer"></slot>
+        </div>
+      </div>
     `;
   }
 }