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

package/fesm2022/scrolling.mjs

@@ -8,7 +8,7 @@ import { Directionality } from './_directionality-chunk.mjs';
 import { getRtlScrollAxisType, RtlScrollAxisType, supportsScrollBehavior } from './_scrolling-chunk.mjs';
 import { BidiModule } from './bidi.mjs';
 export { Dir as ɵɵDir } from './bidi.mjs';
-import { _VIEW_REPEATER_STRATEGY, ArrayDataSource, _RecycleViewRepeaterStrategy } from './_recycle-view-repeater-strategy-chunk.mjs';
+import { _RecycleViewRepeaterStrategy, ArrayDataSource } from './_recycle-view-repeater-strategy-chunk.mjs';
 import { isDataSource } from './_data-source-chunk.mjs';
 import '@angular/common';
 
@@ -139,7 +139,7 @@ class CdkFixedSizeVirtualScroll {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkFixedSizeVirtualScroll,
     deps: [],
@@ -147,7 +147,7 @@ class CdkFixedSizeVirtualScroll {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkFixedSizeVirtualScroll,
     isStandalone: true,
     selector: "cdk-virtual-scroll-viewport[itemSize]",
@@ -167,7 +167,7 @@ class CdkFixedSizeVirtualScroll {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkFixedSizeVirtualScroll,
   decorators: [{
@@ -267,7 +267,7 @@ class ScrollDispatcher {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: ScrollDispatcher,
     deps: [],
@@ -275,7 +275,7 @@ class ScrollDispatcher {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: ScrollDispatcher,
     providedIn: 'root'
@@ -283,7 +283,7 @@ class ScrollDispatcher {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: ScrollDispatcher,
   decorators: [{
@@ -404,7 +404,7 @@ class CdkScrollable {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkScrollable,
     deps: [],
@@ -412,7 +412,7 @@ class CdkScrollable {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkScrollable,
     isStandalone: true,
     selector: "[cdk-scrollable], [cdkScrollable]",
@@ -421,7 +421,7 @@ class CdkScrollable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkScrollable,
   decorators: [{
@@ -437,7 +437,7 @@ const DEFAULT_RESIZE_TIME = 20;
 class ViewportRuler {
   _platform = inject(Platform);
   _listeners;
-  _viewportSize;
+  _viewportSize = null;
   _change = new Subject();
   _document = inject(DOCUMENT);
   constructor() {
@@ -519,7 +519,7 @@ class ViewportRuler {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: ViewportRuler,
     deps: [],
@@ -527,7 +527,7 @@ class ViewportRuler {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: ViewportRuler,
     providedIn: 'root'
@@ -535,7 +535,7 @@ class ViewportRuler {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: ViewportRuler,
   decorators: [{
@@ -558,7 +558,7 @@ class CdkVirtualScrollable extends CdkScrollable {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkVirtualScrollable,
     deps: [],
@@ -566,7 +566,7 @@ class CdkVirtualScrollable extends CdkScrollable {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkVirtualScrollable,
     isStandalone: true,
     usesInheritance: true,
@@ -575,7 +575,7 @@ class CdkVirtualScrollable extends CdkScrollable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkVirtualScrollable,
   decorators: [{
@@ -588,6 +588,7 @@ function rangesEqual(r1, r2) {
   return r1.start == r2.start && r1.end == r2.end;
 }
 const SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? animationFrameScheduler : asapScheduler;
+const CDK_VIRTUAL_SCROLL_VIEWPORT = new InjectionToken('CDK_VIRTUAL_SCROLL_VIEWPORT');
 class CdkVirtualScrollViewport extends CdkVirtualScrollable {
   elementRef = inject(ElementRef);
   _changeDetectorRef = inject(ChangeDetectorRef);
@@ -600,6 +601,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
   _platform = inject(Platform);
   _detachedSubject = new Subject();
   _renderedRangeSubject = new Subject();
+  _renderedContentOffsetSubject = new Subject();
   get orientation() {
     return this._orientation;
   }
@@ -614,6 +616,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
   scrolledIndexChange = new Observable(observer => this._scrollStrategy.scrolledIndexChange.subscribe(index => Promise.resolve().then(() => this.ngZone.run(() => observer.next(index)))));
   _contentWrapper;
   renderedRangeStream = this._renderedRangeSubject;
+  renderedContentOffset = this._renderedContentOffsetSubject.pipe(filter(offset => offset !== null), distinctUntilChanged());
   _totalContentSize = 0;
   _totalContentWidth = signal('', ...(ngDevMode ? [{
     debugName: "_totalContentWidth"
@@ -628,7 +631,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
   };
   _dataLength = 0;
   _viewportSize = 0;
-  _forOf;
+  _forOf = null;
   _renderedContentOffset = 0;
   _renderedContentOffsetNeedsRewrite = false;
   _changeDetectionNeeded = signal(false, ...(ngDevMode ? [{
@@ -655,12 +658,12 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
       if (this._changeDetectionNeeded()) {
         this._doChangeDetection();
       }
-    }, ...(ngDevMode ? [{
-      debugName: "ref",
+    }, {
+      ...(ngDevMode ? {
+        debugName: "ref"
+      } : {}),
       injector: inject(ApplicationRef).injector
-    }] : [{
-      injector: inject(ApplicationRef).injector
-    }]));
+    });
     inject(DestroyRef).onDestroy(() => void ref.destroy());
   }
   ngOnInit() {
@@ -845,6 +848,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
     this.ngZone.run(() => {
       this._changeDetectorRef.markForCheck();
       this._contentWrapper.nativeElement.style.transform = this._renderedContentTransform;
+      this._renderedContentOffsetSubject.next(this.getOffsetToRenderedContentStart());
       afterNextRender(() => {
         this._changeDetectionNeeded.set(false);
         const runAfterChangeDetection = this._runAfterChangeDetection;
@@ -863,7 +867,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkVirtualScrollViewport,
     deps: [],
@@ -871,7 +875,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkVirtualScrollViewport,
     isStandalone: true,
     selector: "cdk-virtual-scroll-viewport",
@@ -894,6 +898,9 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
       useFactory: () => inject(VIRTUAL_SCROLLABLE, {
         optional: true
       }) || inject(CdkVirtualScrollViewport)
+    }, {
+      provide: CDK_VIRTUAL_SCROLL_VIEWPORT,
+      useExisting: CdkVirtualScrollViewport
     }],
     viewQueries: [{
       propertyName: "_contentWrapper",
@@ -912,7 +919,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkVirtualScrollViewport,
   decorators: [{
@@ -931,6 +938,9 @@ i0.ɵɵngDeclareClassMetadata({
         useFactory: () => inject(VIRTUAL_SCROLLABLE, {
           optional: true
         }) || inject(CdkVirtualScrollViewport)
+      }, {
+        provide: CDK_VIRTUAL_SCROLL_VIEWPORT,
+        useExisting: CdkVirtualScrollViewport
       }],
       template: "<!--\n  Wrap the rendered content in an element that will be used to offset it based on the scroll\n  position.\n-->\n<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\">\n  <ng-content></ng-content>\n</div>\n<!--\n  Spacer used to force the scrolling container to the correct size for the *total* number of items\n  so that the scrollbar captures the size of the entire data set.\n-->\n<div class=\"cdk-virtual-scroll-spacer\"\n     [style.width]=\"_totalContentWidth()\" [style.height]=\"_totalContentHeight()\"></div>\n",
       styles: ["cdk-virtual-scroll-viewport{display:block;position:relative;transform:translateZ(0)}.cdk-virtual-scrollable{overflow:auto;will-change:scroll-position;contain:strict}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .cdk-virtual-scroll-content-wrapper{right:0;left:auto}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{min-height:100%}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:none}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{min-width:100%}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:none}.cdk-virtual-scroll-spacer{height:1px;transform-origin:0 0;flex:0 0 auto}[dir=rtl] .cdk-virtual-scroll-spacer{transform-origin:100% 0}\n"]
@@ -974,8 +984,8 @@ class CdkVirtualForOf {
   _viewContainerRef = inject(ViewContainerRef);
   _template = inject(TemplateRef);
   _differs = inject(IterableDiffers);
-  _viewRepeater = inject(_VIEW_REPEATER_STRATEGY);
-  _viewport = inject(CdkVirtualScrollViewport, {
+  _viewRepeater = new _RecycleViewRepeaterStrategy();
+  _viewport = inject(CDK_VIRTUAL_SCROLL_VIEWPORT, {
     skipSelf: true
   });
   viewChange = new Subject();
@@ -1014,9 +1024,12 @@ class CdkVirtualForOf {
   }
   dataStream = this._dataSourceChanges.pipe(startWith(null), pairwise(), switchMap(([prev, cur]) => this._changeDataSource(prev, cur)), shareReplay(1));
   _differ = null;
-  _data;
-  _renderedItems;
-  _renderedRange;
+  _data = [];
+  _renderedItems = [];
+  _renderedRange = {
+    start: 0,
+    end: 0
+  };
   _needsUpdate = false;
   _destroyed = new Subject();
   constructor() {
@@ -1153,7 +1166,7 @@ class CdkVirtualForOf {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkVirtualForOf,
     deps: [],
@@ -1161,7 +1174,7 @@ class CdkVirtualForOf {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkVirtualForOf,
     isStandalone: true,
     selector: "[cdkVirtualFor][cdkVirtualForOf]",
@@ -1171,26 +1184,18 @@ class CdkVirtualForOf {
       cdkVirtualForTemplate: "cdkVirtualForTemplate",
       cdkVirtualForTemplateCacheSize: "cdkVirtualForTemplateCacheSize"
     },
-    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: CdkVirtualForOf,
   decorators: [{
     type: Directive,
     args: [{
-      selector: '[cdkVirtualFor][cdkVirtualForOf]',
-      providers: [{
-        provide: _VIEW_REPEATER_STRATEGY,
-        useClass: _RecycleViewRepeaterStrategy
-      }]
+      selector: '[cdkVirtualFor][cdkVirtualForOf]'
     }]
   }],
   ctorParameters: () => [],
@@ -1219,7 +1224,7 @@ class CdkVirtualScrollableElement extends CdkVirtualScrollable {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkVirtualScrollableElement,
     deps: [],
@@ -1227,7 +1232,7 @@ class CdkVirtualScrollableElement extends CdkVirtualScrollable {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkVirtualScrollableElement,
     isStandalone: true,
     selector: "[cdkVirtualScrollingElement]",
@@ -1244,7 +1249,7 @@ class CdkVirtualScrollableElement extends CdkVirtualScrollable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkVirtualScrollableElement,
   decorators: [{
@@ -1275,7 +1280,7 @@ class CdkVirtualScrollableWindow extends CdkVirtualScrollable {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkVirtualScrollableWindow,
     deps: [],
@@ -1283,7 +1288,7 @@ class CdkVirtualScrollableWindow extends CdkVirtualScrollable {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkVirtualScrollableWindow,
     isStandalone: true,
     selector: "cdk-virtual-scroll-viewport[scrollWindow]",
@@ -1297,7 +1302,7 @@ class CdkVirtualScrollableWindow extends CdkVirtualScrollable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkVirtualScrollableWindow,
   decorators: [{
@@ -1316,7 +1321,7 @@ i0.ɵɵngDeclareClassMetadata({
 class CdkScrollableModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkScrollableModule,
     deps: [],
@@ -1324,7 +1329,7 @@ class CdkScrollableModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkScrollableModule,
     imports: [CdkScrollable],
@@ -1332,14 +1337,14 @@ class CdkScrollableModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkScrollableModule
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkScrollableModule,
   decorators: [{
@@ -1353,7 +1358,7 @@ i0.ɵɵngDeclareClassMetadata({
 class ScrollingModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: ScrollingModule,
     deps: [],
@@ -1361,7 +1366,7 @@ class ScrollingModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: ScrollingModule,
     imports: [BidiModule, CdkScrollableModule, CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkVirtualScrollableWindow, CdkVirtualScrollableElement],
@@ -1369,7 +1374,7 @@ class ScrollingModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: ScrollingModule,
     imports: [BidiModule, CdkScrollableModule, BidiModule, CdkScrollableModule]
@@ -1377,7 +1382,7 @@ class ScrollingModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: ScrollingModule,
   decorators: [{
@@ -1389,5 +1394,5 @@ i0.ɵɵngDeclareClassMetadata({
   }]
 });
 
-export { CdkFixedSizeVirtualScroll, CdkScrollable, CdkScrollableModule, CdkVirtualForOf, CdkVirtualScrollViewport, CdkVirtualScrollable, CdkVirtualScrollableElement, CdkVirtualScrollableWindow, DEFAULT_RESIZE_TIME, DEFAULT_SCROLL_TIME, FixedSizeVirtualScrollStrategy, ScrollDispatcher, ScrollingModule, VIRTUAL_SCROLLABLE, VIRTUAL_SCROLL_STRATEGY, ViewportRuler, _fixedSizeVirtualScrollStrategyFactory };
+export { CDK_VIRTUAL_SCROLL_VIEWPORT, CdkFixedSizeVirtualScroll, CdkScrollable, CdkScrollableModule, CdkVirtualForOf, CdkVirtualScrollViewport, CdkVirtualScrollable, CdkVirtualScrollableElement, CdkVirtualScrollableWindow, DEFAULT_RESIZE_TIME, DEFAULT_SCROLL_TIME, FixedSizeVirtualScrollStrategy, ScrollDispatcher, ScrollingModule, VIRTUAL_SCROLLABLE, VIRTUAL_SCROLL_STRATEGY, ViewportRuler, _fixedSizeVirtualScrollStrategyFactory };
 //# sourceMappingURL=scrolling.mjs.map