@angular/cdk 20.1.1 → 20.1.3

package/dialog/index.d.ts

@@ -6,11 +6,11 @@ import { F as FocusTrapFactory, A as A11yModule } from '../a11y-module.d--J1yhM7
 import { B as BasePortalOutlet, f as CdkPortalOutlet, C as ComponentPortal, T as TemplatePortal, D as DomPortal, a as ComponentType, h as PortalModule } from '../portal-directives.d-DbeNrI5D.js';
 export { c as ɵɵCdkPortal, g as ɵɵPortalHostDirective, d as ɵɵTemplatePortalDirective } from '../portal-directives.d-DbeNrI5D.js';
 import { a as Direction } from '../bidi-module.d-IN1Vp56w.js';
-import { P as PositionStrategy, S as ScrollStrategy, O as OverlayRef, a as OverlayModule } from '../overlay-module.d-C2CxnwqT.js';
+import { P as PositionStrategy, S as ScrollStrategy, O as OverlayRef, a as OverlayModule } from '../overlay-module.d-BvvR6Y05.js';
 import * as _angular_cdk_portal from '@angular/cdk/portal';
 import '../observers/index.js';
 import '../number-property.d-CJVxXUcb.js';
-import '../scrolling-module.d-C_w4tIrZ.js';
+import '../scrolling-module.d-3Rw5UxLk.js';
 import '../data-source.d-Bblv7Zvh.js';
 import '@angular/common';
 import '../scrolling/index.js';

package/drag-drop/index.d.ts

@@ -4,8 +4,8 @@ import { a as Direction } from '../bidi-module.d-IN1Vp56w.js';
 import { Subject, Observable } from 'rxjs';
 import { ViewportRuler } from '../scrolling/index.js';
 import { N as NumberInput } from '../number-property.d-CJVxXUcb.js';
-import { b as CdkScrollableModule } from '../scrolling-module.d-C_w4tIrZ.js';
-export { C as ɵɵCdkScrollable } from '../scrolling-module.d-C_w4tIrZ.js';
+import { b as CdkScrollableModule } from '../scrolling-module.d-3Rw5UxLk.js';
+export { C as ɵɵCdkScrollable } from '../scrolling-module.d-3Rw5UxLk.js';
 import '../data-source.d-Bblv7Zvh.js';
 
 /** Possible values that can be used to configure the drag start delay. */

package/fesm2022/cdk.mjs

@@ -1,7 +1,7 @@
 import { Version } from '@angular/core';
 
 /** Current version of the Angular Component Development Kit. */
-const VERSION = new Version('20.1.1');
+const VERSION = new Version('20.1.3');
 
 export { VERSION };
 //# sourceMappingURL=cdk.mjs.map

package/fesm2022/cdk.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdk.mjs","sources":["../../../../../k8-fastbuild-ST-46c76129e412/bin/src/cdk/version.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Angular Component Development Kit. */\nexport const VERSION = new Version('20.1.1');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"cdk.mjs","sources":["../../../../../k8-fastbuild-ST-46c76129e412/bin/src/cdk/version.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Angular Component Development Kit. */\nexport const VERSION = new Version('20.1.3');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}

package/fesm2022/scrolling.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, forwardRef, Directive, Input, inject, NgZone, RendererFactory2, Injectable, ElementRef, Renderer2, DOCUMENT, ChangeDetectorRef, signal, Injector, afterNextRender, booleanAttribute, Optional, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, ViewChild, ViewContainerRef, TemplateRef, IterableDiffers, NgModule } from '@angular/core';
+import { InjectionToken, forwardRef, Directive, Input, inject, NgZone, RendererFactory2, Injectable, ElementRef, Renderer2, DOCUMENT, ChangeDetectorRef, signal, Injector, effect, ApplicationRef, DestroyRef, untracked, afterNextRender, booleanAttribute, Optional, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, ViewChild, ViewContainerRef, TemplateRef, IterableDiffers, NgModule } from '@angular/core';
 import { Subject, of, Observable, Subscription, animationFrameScheduler, asapScheduler, isObservable } from 'rxjs';
 import { distinctUntilChanged, auditTime, filter, startWith, takeUntil, pairwise, switchMap, shareReplay } from 'rxjs/operators';
 import { c as coerceNumberProperty, a as coerceElement } from './element-x4z00URv.mjs';
@@ -733,8 +733,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
      * be rewritten as an offset to the start of the content).
      */
     _renderedContentOffsetNeedsRewrite = false;
-    /** Whether there is a pending change detection cycle. */
-    _isChangeDetectionPending = false;
+    _changeDetectionNeeded = signal(false);
     /** A list of functions to run after the next change detection cycle. */
     _runAfterChangeDetection = [];
     /** Subscription to changes in the viewport size. */
@@ -755,6 +754,15 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
             this.elementRef.nativeElement.classList.add('cdk-virtual-scrollable');
             this.scrollable = this;
         }
+        const ref = effect(() => {
+            if (this._changeDetectionNeeded()) {
+                this._doChangeDetection();
+            }
+        }, 
+        // Using ApplicationRef injector is important here because we want this to be a root
+        // effect that runs before change detection of any application views (since we're depending on markForCheck marking parents dirty)
+        { injector: inject(ApplicationRef).injector });
+        inject(DestroyRef).onDestroy(() => void ref.destroy());
     }
     ngOnInit() {
         // Scrolling depends on the element dimensions which we can't get during SSR.
@@ -1004,14 +1012,16 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
         if (runAfter) {
             this._runAfterChangeDetection.push(runAfter);
         }
-        // Use a Promise to batch together calls to `_doChangeDetection`. This way if we set a bunch of
-        // properties sequentially we only have to run `_doChangeDetection` once at the end.
-        if (!this._isChangeDetectionPending) {
-            this._isChangeDetectionPending = true;
-            this.ngZone.runOutsideAngular(() => Promise.resolve().then(() => {
-                this._doChangeDetection();
-            }));
+        if (untracked(this._changeDetectionNeeded)) {
+            return;
         }
+        this.ngZone.runOutsideAngular(() => {
+            Promise.resolve().then(() => {
+                this.ngZone.run(() => {
+                    this._changeDetectionNeeded.set(true);
+                });
+            });
+        });
     }
     /** Run change detection. */
     _doChangeDetection() {
@@ -1029,7 +1039,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
             // the `Number` function first to coerce it to a numeric value.
             this._contentWrapper.nativeElement.style.transform = this._renderedContentTransform;
             afterNextRender(() => {
-                this._isChangeDetectionPending = false;
+                this._changeDetectionNeeded.set(false);
                 const runAfterChangeDetection = this._runAfterChangeDetection;
                 this._runAfterChangeDetection = [];
                 for (const fn of runAfterChangeDetection) {