@angular/cdk 21.1.0-next.1 → 21.1.0-next.3

package/fesm2022/table.mjs

@@ -1,18 +1,18 @@
 import { isDataSource } from './_data-source-chunk.mjs';
 export { DataSource } from './_data-source-chunk.mjs';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, TemplateRef, Directive, booleanAttribute, Input, ContentChild, ElementRef, IterableDiffers, ViewContainerRef, Component, ChangeDetectionStrategy, ViewEncapsulation, afterNextRender, ChangeDetectorRef, DOCUMENT, EventEmitter, Injector, HostAttributeToken, Output, ContentChildren, ViewChild, NgModule } from '@angular/core';
-import { Subject, BehaviorSubject, isObservable, of } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { _VIEW_REPEATER_STRATEGY, _RecycleViewRepeaterStrategy, _ViewRepeaterOperation } from './_recycle-view-repeater-strategy-chunk.mjs';
+import { InjectionToken, inject, TemplateRef, Directive, booleanAttribute, Input, ContentChild, ElementRef, IterableDiffers, ViewContainerRef, Component, ChangeDetectionStrategy, ViewEncapsulation, afterNextRender, ChangeDetectorRef, Injector, DOCUMENT, EventEmitter, HostAttributeToken, Output, ContentChildren, ViewChild, NgModule } from '@angular/core';
+import { Subject, BehaviorSubject, isObservable, of, combineLatest, animationFrameScheduler, asapScheduler } from 'rxjs';
+import { takeUntil, auditTime } from 'rxjs/operators';
+import { ViewportRuler, CDK_VIRTUAL_SCROLL_VIEWPORT, ScrollingModule } from './scrolling.mjs';
 import { _DisposeViewRepeaterStrategy } from './_dispose-view-repeater-strategy-chunk.mjs';
+import { _RecycleViewRepeaterStrategy, _ViewRepeaterOperation } from './_recycle-view-repeater-strategy-chunk.mjs';
 import { Directionality } from './_directionality-chunk.mjs';
 import { Platform } from './_platform-chunk.mjs';
-import { ViewportRuler, ScrollingModule } from './scrolling.mjs';
-import '@angular/common';
 import './_element-chunk.mjs';
 import './_scrolling-chunk.mjs';
 import './bidi.mjs';
+import '@angular/common';
 
 const CDK_TABLE = new InjectionToken('CDK_TABLE');
 const TEXT_COLUMN_OPTIONS = new InjectionToken('text-column-options');
@@ -22,7 +22,7 @@ class CdkCellDef {
   constructor() {}
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkCellDef,
     deps: [],
@@ -30,7 +30,7 @@ class CdkCellDef {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkCellDef,
     isStandalone: true,
     selector: "[cdkCellDef]",
@@ -39,7 +39,7 @@ class CdkCellDef {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkCellDef,
   decorators: [{
@@ -55,7 +55,7 @@ class CdkHeaderCellDef {
   constructor() {}
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkHeaderCellDef,
     deps: [],
@@ -63,7 +63,7 @@ class CdkHeaderCellDef {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkHeaderCellDef,
     isStandalone: true,
     selector: "[cdkHeaderCellDef]",
@@ -72,7 +72,7 @@ class CdkHeaderCellDef {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkHeaderCellDef,
   decorators: [{
@@ -88,7 +88,7 @@ class CdkFooterCellDef {
   constructor() {}
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkFooterCellDef,
     deps: [],
@@ -96,7 +96,7 @@ class CdkFooterCellDef {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkFooterCellDef,
     isStandalone: true,
     selector: "[cdkFooterCellDef]",
@@ -105,7 +105,7 @@ class CdkFooterCellDef {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkFooterCellDef,
   decorators: [{
@@ -174,7 +174,7 @@ class CdkColumnDef {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkColumnDef,
     deps: [],
@@ -182,7 +182,7 @@ class CdkColumnDef {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkColumnDef,
     isStandalone: true,
     selector: "[cdkColumnDef]",
@@ -216,7 +216,7 @@ class CdkColumnDef {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkColumnDef,
   decorators: [{
@@ -272,7 +272,7 @@ class CdkHeaderCell extends BaseCdkCell {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkHeaderCell,
     deps: [],
@@ -280,7 +280,7 @@ class CdkHeaderCell extends BaseCdkCell {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkHeaderCell,
     isStandalone: true,
     selector: "cdk-header-cell, th[cdk-header-cell]",
@@ -296,7 +296,7 @@ class CdkHeaderCell extends BaseCdkCell {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkHeaderCell,
   decorators: [{
@@ -323,7 +323,7 @@ class CdkFooterCell extends BaseCdkCell {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkFooterCell,
     deps: [],
@@ -331,7 +331,7 @@ class CdkFooterCell extends BaseCdkCell {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkFooterCell,
     isStandalone: true,
     selector: "cdk-footer-cell, td[cdk-footer-cell]",
@@ -344,7 +344,7 @@ class CdkFooterCell extends BaseCdkCell {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkFooterCell,
   decorators: [{
@@ -370,7 +370,7 @@ class CdkCell extends BaseCdkCell {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkCell,
     deps: [],
@@ -378,7 +378,7 @@ class CdkCell extends BaseCdkCell {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkCell,
     isStandalone: true,
     selector: "cdk-cell, td[cdk-cell]",
@@ -391,7 +391,7 @@ class CdkCell extends BaseCdkCell {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkCell,
   decorators: [{
@@ -435,7 +435,7 @@ class BaseRowDef {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: BaseRowDef,
     deps: [],
@@ -443,7 +443,7 @@ class BaseRowDef {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: BaseRowDef,
     isStandalone: true,
     usesOnChanges: true,
@@ -452,7 +452,7 @@ class BaseRowDef {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: BaseRowDef,
   decorators: [{
@@ -491,7 +491,7 @@ class CdkHeaderRowDef extends BaseRowDef {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkHeaderRowDef,
     deps: [],
@@ -499,7 +499,7 @@ class CdkHeaderRowDef extends BaseRowDef {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkHeaderRowDef,
     isStandalone: true,
     selector: "[cdkHeaderRowDef]",
@@ -514,7 +514,7 @@ class CdkHeaderRowDef extends BaseRowDef {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkHeaderRowDef,
   decorators: [{
@@ -569,7 +569,7 @@ class CdkFooterRowDef extends BaseRowDef {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkFooterRowDef,
     deps: [],
@@ -577,7 +577,7 @@ class CdkFooterRowDef extends BaseRowDef {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkFooterRowDef,
     isStandalone: true,
     selector: "[cdkFooterRowDef]",
@@ -592,7 +592,7 @@ class CdkFooterRowDef extends BaseRowDef {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkFooterRowDef,
   decorators: [{
@@ -626,7 +626,7 @@ class CdkRowDef extends BaseRowDef {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkRowDef,
     deps: [],
@@ -634,7 +634,7 @@ class CdkRowDef extends BaseRowDef {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkRowDef,
     isStandalone: true,
     selector: "[cdkRowDef]",
@@ -648,7 +648,7 @@ class CdkRowDef extends BaseRowDef {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkRowDef,
   decorators: [{
@@ -681,7 +681,7 @@ class CdkCellOutlet {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkCellOutlet,
     deps: [],
@@ -689,7 +689,7 @@ class CdkCellOutlet {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkCellOutlet,
     isStandalone: true,
     selector: "[cdkCellOutlet]",
@@ -698,7 +698,7 @@ class CdkCellOutlet {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkCellOutlet,
   decorators: [{
@@ -712,7 +712,7 @@ i0.ɵɵngDeclareClassMetadata({
 class CdkHeaderRow {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkHeaderRow,
     deps: [],
@@ -720,7 +720,7 @@ class CdkHeaderRow {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkHeaderRow,
     isStandalone: true,
     selector: "cdk-header-row, tr[cdk-header-row]",
@@ -744,7 +744,7 @@ class CdkHeaderRow {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkHeaderRow,
   decorators: [{
@@ -765,7 +765,7 @@ i0.ɵɵngDeclareClassMetadata({
 class CdkFooterRow {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkFooterRow,
     deps: [],
@@ -773,7 +773,7 @@ class CdkFooterRow {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkFooterRow,
     isStandalone: true,
     selector: "cdk-footer-row, tr[cdk-footer-row]",
@@ -797,7 +797,7 @@ class CdkFooterRow {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkFooterRow,
   decorators: [{
@@ -818,7 +818,7 @@ i0.ɵɵngDeclareClassMetadata({
 class CdkRow {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkRow,
     deps: [],
@@ -826,7 +826,7 @@ class CdkRow {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkRow,
     isStandalone: true,
     selector: "cdk-row, tr[cdk-row]",
@@ -850,7 +850,7 @@ class CdkRow {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkRow,
   decorators: [{
@@ -876,7 +876,7 @@ class CdkNoDataRow {
   constructor() {}
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkNoDataRow,
     deps: [],
@@ -884,7 +884,7 @@ class CdkNoDataRow {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkNoDataRow,
     isStandalone: true,
     selector: "ng-template[cdkNoDataRow]",
@@ -893,7 +893,7 @@ class CdkNoDataRow {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkNoDataRow,
   decorators: [{
@@ -1267,12 +1267,12 @@ function getTableTextColumnMissingNameError() {
   return Error(`Table text column must have a name.`);
 }
 
-const STICKY_POSITIONING_LISTENER = new InjectionToken('CDK_SPL');
+const STICKY_POSITIONING_LISTENER = new InjectionToken('STICKY_POSITIONING_LISTENER');
 
 class CdkRecycleRows {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkRecycleRows,
     deps: [],
@@ -1280,30 +1280,22 @@ class CdkRecycleRows {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkRecycleRows,
     isStandalone: true,
     selector: "cdk-table[recycleRows], table[cdk-table][recycleRows]",
-    providers: [{
-      provide: _VIEW_REPEATER_STRATEGY,
-      useClass: _RecycleViewRepeaterStrategy
-    }],
     ngImport: i0
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkRecycleRows,
   decorators: [{
     type: Directive,
     args: [{
-      selector: 'cdk-table[recycleRows], table[cdk-table][recycleRows]',
-      providers: [{
-        provide: _VIEW_REPEATER_STRATEGY,
-        useClass: _RecycleViewRepeaterStrategy
-      }]
+      selector: 'cdk-table[recycleRows], table[cdk-table][recycleRows]'
     }]
   }]
 });
@@ -1317,7 +1309,7 @@ class DataRowOutlet {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: DataRowOutlet,
     deps: [],
@@ -1325,7 +1317,7 @@ class DataRowOutlet {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: DataRowOutlet,
     isStandalone: true,
     selector: "[rowOutlet]",
@@ -1334,7 +1326,7 @@ class DataRowOutlet {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: DataRowOutlet,
   decorators: [{
@@ -1355,7 +1347,7 @@ class HeaderRowOutlet {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: HeaderRowOutlet,
     deps: [],
@@ -1363,7 +1355,7 @@ class HeaderRowOutlet {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: HeaderRowOutlet,
     isStandalone: true,
     selector: "[headerRowOutlet]",
@@ -1372,7 +1364,7 @@ class HeaderRowOutlet {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: HeaderRowOutlet,
   decorators: [{
@@ -1393,7 +1385,7 @@ class FooterRowOutlet {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: FooterRowOutlet,
     deps: [],
@@ -1401,7 +1393,7 @@ class FooterRowOutlet {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: FooterRowOutlet,
     isStandalone: true,
     selector: "[footerRowOutlet]",
@@ -1410,7 +1402,7 @@ class FooterRowOutlet {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: FooterRowOutlet,
   decorators: [{
@@ -1431,7 +1423,7 @@ class NoDataRowOutlet {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: NoDataRowOutlet,
     deps: [],
@@ -1439,7 +1431,7 @@ class NoDataRowOutlet {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: NoDataRowOutlet,
     isStandalone: true,
     selector: "[noDataRowOutlet]",
@@ -1448,7 +1440,7 @@ class NoDataRowOutlet {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: NoDataRowOutlet,
   decorators: [{
@@ -1467,28 +1459,36 @@ class CdkTable {
     optional: true
   });
   _platform = inject(Platform);
-  _viewRepeater = inject(_VIEW_REPEATER_STRATEGY);
+  _viewRepeater;
   _viewportRuler = inject(ViewportRuler);
-  _stickyPositioningListener = inject(STICKY_POSITIONING_LISTENER, {
+  _injector = inject(Injector);
+  _virtualScrollViewport = inject(CDK_VIRTUAL_SCROLL_VIEWPORT, {
+    optional: true,
+    host: true
+  });
+  _positionListener = inject(STICKY_POSITIONING_LISTENER, {
+    optional: true
+  }) || inject(STICKY_POSITIONING_LISTENER, {
     optional: true,
     skipSelf: true
   });
   _document = inject(DOCUMENT);
   _data;
+  _renderedRange;
   _onDestroy = new Subject();
   _renderRows;
-  _renderChangeSubscription;
+  _renderChangeSubscription = null;
   _columnDefsByName = new Map();
   _rowDefs;
   _headerRowDefs;
   _footerRowDefs;
   _dataDiffer;
-  _defaultRowDef;
+  _defaultRowDef = null;
   _customColumnDefs = new Set();
   _customRowDefs = new Set();
   _customHeaderRowDefs = new Set();
   _customFooterRowDefs = new Set();
-  _customNoDataRow;
+  _customNoDataRow = null;
   _headerRowDefChanged = true;
   _footerRowDefChanged = true;
   _stickyColumnStylesNeedReset = true;
@@ -1502,6 +1502,9 @@ class CdkTable {
   _isShowingNoDataRow = false;
   _hasAllOutlets = false;
   _hasInitialized = false;
+  _headerRowStickyUpdates = new Subject();
+  _footerRowStickyUpdates = new Subject();
+  _disableVirtualScrolling = false;
   _getCellRole() {
     if (this._cellRoleInternal === undefined) {
       const tableRole = this._elementRef.nativeElement.getAttribute('role');
@@ -1526,9 +1529,12 @@ class CdkTable {
   set dataSource(dataSource) {
     if (this._dataSource !== dataSource) {
       this._switchDataSource(dataSource);
+      this._changeDetectorRef.markForCheck();
     }
   }
   _dataSource;
+  _dataSourceChanges = new Subject();
+  _dataStream = new Subject();
   get multiTemplateDataRows() {
     return this._multiTemplateDataRows;
   }
@@ -1541,7 +1547,7 @@ class CdkTable {
   }
   _multiTemplateDataRows = false;
   get fixedLayout() {
-    return this._fixedLayout;
+    return this._virtualScrollEnabled() ? true : this._fixedLayout;
   }
   set fixedLayout(value) {
     this._fixedLayout = value;
@@ -1549,6 +1555,7 @@ class CdkTable {
     this._stickyColumnStylesNeedReset = true;
   }
   _fixedLayout = false;
+  recycleRows = false;
   contentChanged = new EventEmitter();
   viewChange = new BehaviorSubject({
     start: 0,
@@ -1563,7 +1570,6 @@ class CdkTable {
   _contentHeaderRowDefs;
   _contentFooterRowDefs;
   _noDataRow;
-  _injector = inject(Injector);
   constructor() {
     const role = inject(new HostAttributeToken('role'), {
       optional: true
@@ -1584,6 +1590,10 @@ class CdkTable {
     });
   }
   ngAfterContentInit() {
+    this._viewRepeater = this.recycleRows || this._virtualScrollEnabled() ? new _RecycleViewRepeaterStrategy() : new _DisposeViewRepeaterStrategy();
+    if (this._virtualScrollEnabled()) {
+      this._setupVirtualScrolling(this._virtualScrollViewport);
+    }
     this._hasInitialized = true;
   }
   ngAfterContentChecked() {
@@ -1599,6 +1609,8 @@ class CdkTable {
     this._headerRowDefs = [];
     this._footerRowDefs = [];
     this._defaultRowDef = null;
+    this._headerRowStickyUpdates.complete();
+    this._footerRowStickyUpdates.complete();
     this._onDestroy.next();
     this._onDestroy.complete();
     if (isDataSource(this.dataSource)) {
@@ -1690,7 +1702,7 @@ class CdkTable {
     const headerRows = this._getRenderedRows(this._headerRowOutlet);
     const dataRows = this._getRenderedRows(this._rowOutlet);
     const footerRows = this._getRenderedRows(this._footerRowOutlet);
-    if (this._isNativeHtmlTable && !this._fixedLayout || this._stickyColumnStylesNeedReset) {
+    if (this._isNativeHtmlTable && !this.fixedLayout || this._stickyColumnStylesNeedReset) {
       this._stickyStyler.clearStickyPositioning([...headerRows, ...dataRows, ...footerRows], ['left', 'right']);
       this._stickyColumnStylesNeedReset = false;
     }
@@ -1711,6 +1723,20 @@ class CdkTable {
     });
     Array.from(this._columnDefsByName.values()).forEach(def => def.resetStickyChanged());
   }
+  stickyColumnsUpdated(update) {
+    this._positionListener?.stickyColumnsUpdated(update);
+  }
+  stickyEndColumnsUpdated(update) {
+    this._positionListener?.stickyEndColumnsUpdated(update);
+  }
+  stickyHeaderRowsUpdated(update) {
+    this._headerRowStickyUpdates.next(update);
+    this._positionListener?.stickyHeaderRowsUpdated(update);
+  }
+  stickyFooterRowsUpdated(update) {
+    this._footerRowStickyUpdates.next(update);
+    this._positionListener?.stickyFooterRowsUpdated(update);
+  }
   _outletAssigned() {
     if (!this._hasAllOutlets && this._rowOutlet && this._headerRowOutlet && this._footerRowOutlet && this._noDataRowOutlet) {
       this._hasAllOutlets = true;
@@ -1748,14 +1774,15 @@ class CdkTable {
     this._checkStickyStates();
   }
   _getAllRenderRows() {
+    if (!Array.isArray(this._data) || !this._renderedRange) {
+      return [];
+    }
     const renderRows = [];
+    const end = Math.min(this._data.length, this._renderedRange.end);
     const prevCachedRenderRows = this._cachedRenderRowsMap;
     this._cachedRenderRowsMap = new Map();
-    if (!this._data) {
-      return renderRows;
-    }
-    for (let i = 0; i < this._data.length; i++) {
-      let data = this._data[i];
+    for (let i = this._renderedRange.start; i < end; i++) {
+      const data = this._data[i];
       const renderRowsForData = this._getRenderRowsForData(data, i, prevCachedRenderRows.get(data));
       if (!this._cachedRenderRowsMap.has(data)) {
         this._cachedRenderRowsMap.set(data, new WeakMap());
@@ -1863,8 +1890,10 @@ class CdkTable {
     if (dataStream === undefined && (typeof ngDevMode === 'undefined' || ngDevMode)) {
       throw getTableUnknownDataSourceError();
     }
-    this._renderChangeSubscription = dataStream.pipe(takeUntil(this._onDestroy)).subscribe(data => {
+    this._renderChangeSubscription = combineLatest([dataStream, this.viewChange]).pipe(takeUntil(this._onDestroy)).subscribe(([data, range]) => {
       this._data = data || [];
+      this._renderedRange = range;
+      this._dataStream.next(data);
       this.renderRows();
     });
   }
@@ -1892,7 +1921,7 @@ class CdkTable {
     });
     const stickyStartStates = columnDefs.map(columnDef => columnDef.sticky);
     const stickyEndStates = columnDefs.map(columnDef => columnDef.stickyEnd);
-    this._stickyStyler.updateStickyColumns(rows, stickyStartStates, stickyEndStates, !this._fixedLayout || this._forceRecalculateCellWidths);
+    this._stickyStyler.updateStickyColumns(rows, stickyStartStates, stickyEndStates, !this.fixedLayout || this._forceRecalculateCellWidths);
   }
   _getRenderedRows(rowOutlet) {
     const renderedRows = [];
@@ -1996,12 +2025,53 @@ class CdkTable {
   }
   _setupStickyStyler() {
     const direction = this._dir ? this._dir.value : 'ltr';
-    this._stickyStyler = new StickyStyler(this._isNativeHtmlTable, this.stickyCssClass, this._platform.isBrowser, this.needsPositionStickyOnElement, direction, this._stickyPositioningListener, this._injector);
+    const injector = this._injector;
+    this._stickyStyler = new StickyStyler(this._isNativeHtmlTable, this.stickyCssClass, this._platform.isBrowser, this.needsPositionStickyOnElement, direction, this, injector);
     (this._dir ? this._dir.change : of()).pipe(takeUntil(this._onDestroy)).subscribe(value => {
       this._stickyStyler.direction = value;
       this.updateStickyColumnStyles();
     });
   }
+  _setupVirtualScrolling(viewport) {
+    const virtualScrollScheduler = typeof requestAnimationFrame !== 'undefined' ? animationFrameScheduler : asapScheduler;
+    this.viewChange.next({
+      start: 0,
+      end: 0
+    });
+    viewport.renderedRangeStream.pipe(auditTime(0, virtualScrollScheduler), takeUntil(this._onDestroy)).subscribe(this.viewChange);
+    viewport.attach({
+      dataStream: this._dataStream,
+      measureRangeSize: (range, orientation) => this._measureRangeSize(range, orientation)
+    });
+    combineLatest([viewport.renderedContentOffset, this._headerRowStickyUpdates]).pipe(takeUntil(this._onDestroy)).subscribe(([offsetFromTop, update]) => {
+      if (!update.sizes || !update.offsets || !update.elements) {
+        return;
+      }
+      for (let i = 0; i < update.elements.length; i++) {
+        const cells = update.elements[i];
+        if (cells) {
+          const current = update.offsets[i];
+          const offset = offsetFromTop !== 0 ? Math.max(offsetFromTop - current, current) : -current;
+          for (const cell of cells) {
+            cell.style.top = `${-offset}px`;
+          }
+        }
+      }
+    });
+    combineLatest([viewport.renderedContentOffset, this._footerRowStickyUpdates]).pipe(takeUntil(this._onDestroy)).subscribe(([offsetFromTop, update]) => {
+      if (!update.sizes || !update.offsets || !update.elements) {
+        return;
+      }
+      for (let i = 0; i < update.elements.length; i++) {
+        const cells = update.elements[i];
+        if (cells) {
+          for (const cell of cells) {
+            cell.style.bottom = `${offsetFromTop + update.offsets[i]}px`;
+          }
+        }
+      }
+    });
+  }
   _getOwnDefs(items) {
     return items.filter(item => !item._table || item._table === this);
   }
@@ -2032,9 +2102,43 @@ class CdkTable {
     this._isShowingNoDataRow = shouldShow;
     this._changeDetectorRef.markForCheck();
   }
+  _measureRangeSize(range, orientation) {
+    if (range.start >= range.end || orientation !== 'vertical') {
+      return 0;
+    }
+    const renderedRange = this.viewChange.value;
+    const viewContainerRef = this._rowOutlet.viewContainer;
+    if ((range.start < renderedRange.start || range.end > renderedRange.end) && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+      throw Error(`Error: attempted to measure an item that isn't rendered.`);
+    }
+    const renderedStartIndex = range.start - renderedRange.start;
+    const rangeLen = range.end - range.start;
+    let firstNode;
+    let lastNode;
+    for (let i = 0; i < rangeLen; i++) {
+      const view = viewContainerRef.get(i + renderedStartIndex);
+      if (view && view.rootNodes.length) {
+        firstNode = lastNode = view.rootNodes[0];
+        break;
+      }
+    }
+    for (let i = rangeLen - 1; i > -1; i--) {
+      const view = viewContainerRef.get(i + renderedStartIndex);
+      if (view && view.rootNodes.length) {
+        lastNode = view.rootNodes[view.rootNodes.length - 1];
+        break;
+      }
+    }
+    const startRect = firstNode?.getBoundingClientRect?.();
+    const endRect = lastNode?.getBoundingClientRect?.();
+    return startRect && endRect ? endRect.bottom - startRect.top : 0;
+  }
+  _virtualScrollEnabled() {
+    return !this._disableVirtualScrolling && this._virtualScrollViewport != null;
+  }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkTable,
     deps: [],
@@ -2042,7 +2146,7 @@ class CdkTable {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkTable,
     isStandalone: true,
     selector: "cdk-table, table[cdk-table]",
@@ -2050,7 +2154,8 @@ class CdkTable {
       trackBy: "trackBy",
       dataSource: "dataSource",
       multiTemplateDataRows: ["multiTemplateDataRows", "multiTemplateDataRows", booleanAttribute],
-      fixedLayout: ["fixedLayout", "fixedLayout", booleanAttribute]
+      fixedLayout: ["fixedLayout", "fixedLayout", booleanAttribute],
+      recycleRows: ["recycleRows", "recycleRows", booleanAttribute]
     },
     outputs: {
       contentChanged: "contentChanged"
@@ -2064,9 +2169,6 @@ class CdkTable {
     providers: [{
       provide: CDK_TABLE,
       useExisting: CdkTable
-    }, {
-      provide: _VIEW_REPEATER_STRATEGY,
-      useClass: _DisposeViewRepeaterStrategy
     }, {
       provide: STICKY_POSITIONING_LISTENER,
       useValue: null
@@ -2150,7 +2252,7 @@ class CdkTable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkTable,
   decorators: [{
@@ -2197,9 +2299,6 @@ i0.ɵɵngDeclareClassMetadata({
       providers: [{
         provide: CDK_TABLE,
         useExisting: CdkTable
-      }, {
-        provide: _VIEW_REPEATER_STRATEGY,
-        useClass: _DisposeViewRepeaterStrategy
       }, {
         provide: STICKY_POSITIONING_LISTENER,
         useValue: null
@@ -2228,6 +2327,12 @@ i0.ɵɵngDeclareClassMetadata({
         transform: booleanAttribute
       }]
     }],
+    recycleRows: [{
+      type: Input,
+      args: [{
+        transform: booleanAttribute
+      }]
+    }],
     contentChanged: [{
       type: Output
     }],
@@ -2341,7 +2446,7 @@ class CdkTextColumn {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkTextColumn,
     deps: [],
@@ -2349,7 +2454,7 @@ class CdkTextColumn {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkTextColumn,
     isStandalone: true,
     selector: "cdk-text-column",
@@ -2418,7 +2523,7 @@ class CdkTextColumn {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkTextColumn,
   decorators: [{
@@ -2479,7 +2584,7 @@ const EXPORTED_DECLARATIONS = [CdkTable, CdkRowDef, CdkCellDef, CdkCellOutlet, C
 class CdkTableModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkTableModule,
     deps: [],
@@ -2487,7 +2592,7 @@ class CdkTableModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkTableModule,
     imports: [ScrollingModule, CdkTable, CdkRowDef, CdkCellDef, CdkCellOutlet, CdkHeaderCellDef, CdkFooterCellDef, CdkColumnDef, CdkCell, CdkRow, CdkHeaderCell, CdkFooterCell, CdkHeaderRow, CdkHeaderRowDef, CdkFooterRow, CdkFooterRowDef, DataRowOutlet, HeaderRowOutlet, FooterRowOutlet, CdkTextColumn, CdkNoDataRow, CdkRecycleRows, NoDataRowOutlet],
@@ -2495,7 +2600,7 @@ class CdkTableModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkTableModule,
     imports: [ScrollingModule]
@@ -2503,7 +2608,7 @@ class CdkTableModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkTableModule,
   decorators: [{