@ds-mo/ui 14.24.0 → 14.25.0

package/dist/styles/table.css

@@ -209,10 +209,22 @@
 }
 
 /* Bound style and layout invalidation to recycled row shells during window updates. */
-:where(.ds-table__table--virtual .ds-table__row) {
+:where(.ds-table__table--windowed .ds-table__row) {
   contain: layout style;
 }
 
+/*
+ * Pagination and infinite windows keep every loaded semantic row in the DOM.
+ * Let the browser skip off-screen row contents while retaining a stable scroll
+ * range from the same token-aligned row estimates used by virtual mode. The
+ * `auto` form caches each real height after the row has been laid out.
+ */
+:where(.ds-table__table--deferred-rows .ds-table__row) {
+  content-visibility: auto;
+  contain-intrinsic-block-size: auto
+    var(--_table-row-intrinsic-block-size, var(--_table-row-min-block-size));
+}
+
 :where(.ds-table__table--native-group-sticky .ds-table__header-row),
 :where(.ds-table__table--native-group-sticky .ds-table__row),
 :where(.ds-table__table--native-group-sticky .ds-table__skeleton-row) {

package/dist/types/components/Table/Table.d.ts

@@ -230,13 +230,13 @@ export declare class Table {
     private currentLoadedRowCount;
     private createRenderModel;
     private get highlightMatcher();
-    private get virtualizationEnabled();
+    private get rowWindowingEnabled();
     private get virtualViewportMissing();
     private get hasVirtualViewportBounds();
     private estimateVirtualViewportSize;
     private virtualPinnedRowIds;
     private syncVirtualItems;
-    private shouldVirtualize;
+    private shouldWindowRows;
     private get resolvedMaxHeight();
     private get resolvedHeight();
     private warnModelIssues;

package/dist/types/components/Table/table-row-view.d.ts

@@ -15,6 +15,7 @@ export interface TableRowViewOptions {
     highlightFieldIds: string[];
     ariaRowIndex?: number;
     variableVirtualSize?: boolean;
+    intrinsicBlockSize?: number;
     rowKey?: string;
     renderSelectionControl: (label: string, checked: boolean, indeterminate: boolean, disabled: boolean, onActivate: () => void) => unknown;
     renderStickyEdge: (sticky: TableColumn['sticky']) => unknown;
@@ -25,5 +26,5 @@ export interface TableRowViewOptions {
     onActionMenuToggle: (row: TableRow, column: TableColumn, event: MouseEvent) => void;
 }
 /** Render one semantic body row and the complete declarative table-cell vocabulary. */
-export declare function renderTableRow({ row, model, visibleColumns, emptyCellLabel, actionMenuElementId, actionMenu, highlightMatcher, highlightFieldIds, ariaRowIndex, variableVirtualSize, rowKey, renderSelectionControl, renderStickyEdge, onRowActivate, onRowKeyDown, onRowSelection, onCellAction, onActionMenuToggle, }: TableRowViewOptions): any;
+export declare function renderTableRow({ row, model, visibleColumns, emptyCellLabel, actionMenuElementId, actionMenu, highlightMatcher, highlightFieldIds, ariaRowIndex, variableVirtualSize, intrinsicBlockSize, rowKey, renderSelectionControl, renderStickyEdge, onRowActivate, onRowKeyDown, onRowSelection, onCellAction, onActionMenuToggle, }: TableRowViewOptions): any;
 //# sourceMappingURL=table-row-view.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "14.24.0",
+  "version": "14.25.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",