@angular/cdk-experimental 21.0.0 → 21.1.0-next.0

package/fesm2022/cdk-experimental.mjs

@@ -1,6 +1,6 @@
 import { Version } from '@angular/core';
 
-const VERSION = new Version('21.0.0');
+const VERSION = new Version('21.1.0-next.0');
 
 export { VERSION };
 //# sourceMappingURL=cdk-experimental.mjs.map

package/fesm2022/cdk-experimental.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/cdk-experimental/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 CDK Experimental package. */\nexport const VERSION = new Version('21.0.0');\n"],"names":["VERSION","Version"],"mappings":";;MAWaA,OAAO,GAAG,IAAIC,OAAO,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/cdk-experimental/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 CDK Experimental package. */\nexport const VERSION = new Version('21.1.0-next.0');\n"],"names":["VERSION","Version"],"mappings":";;MAWaA,OAAO,GAAG,IAAIC,OAAO,CAAC,mBAAmB;;;;"}

package/fesm2022/column-resize.mjs

@@ -76,7 +76,7 @@ class ColumnResize {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ColumnResize,
     deps: [],
@@ -84,7 +84,7 @@ class ColumnResize {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     type: ColumnResize,
     isStandalone: true,
     inputs: {
@@ -95,7 +95,7 @@ class ColumnResize {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: ColumnResize,
   decorators: [{
@@ -114,7 +114,7 @@ class ColumnResizeNotifierSource {
   triggerResize = new Subject();
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ColumnResizeNotifierSource,
     deps: [],
@@ -122,14 +122,14 @@ class ColumnResizeNotifierSource {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ColumnResizeNotifierSource
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: ColumnResizeNotifierSource,
   decorators: [{
@@ -149,7 +149,7 @@ class ColumnResizeNotifier {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ColumnResizeNotifier,
     deps: [],
@@ -157,14 +157,14 @@ class ColumnResizeNotifier {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ColumnResizeNotifier
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: ColumnResizeNotifier,
   decorators: [{
@@ -197,7 +197,7 @@ class HeaderRowEventDispatcher {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: HeaderRowEventDispatcher,
     deps: [],
@@ -205,14 +205,14 @@ class HeaderRowEventDispatcher {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: HeaderRowEventDispatcher
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: HeaderRowEventDispatcher,
   decorators: [{
@@ -258,7 +258,7 @@ class _CoalescedStyleScheduler {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: _CoalescedStyleScheduler,
     deps: [],
@@ -266,14 +266,14 @@ class _CoalescedStyleScheduler {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: _CoalescedStyleScheduler
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: _CoalescedStyleScheduler,
   decorators: [{
@@ -327,7 +327,7 @@ class ResizeStrategy {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ResizeStrategy,
     deps: [],
@@ -335,14 +335,14 @@ class ResizeStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ResizeStrategy
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: ResizeStrategy,
   decorators: [{
@@ -375,7 +375,7 @@ class TableLayoutFixedResizeStrategy extends ResizeStrategy {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: TableLayoutFixedResizeStrategy,
     deps: null,
@@ -383,14 +383,14 @@ class TableLayoutFixedResizeStrategy extends ResizeStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: TableLayoutFixedResizeStrategy
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: TableLayoutFixedResizeStrategy,
   decorators: [{
@@ -496,7 +496,7 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkFlexTableResizeStrategy,
     deps: null,
@@ -504,14 +504,14 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkFlexTableResizeStrategy
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: CdkFlexTableResizeStrategy,
   decorators: [{
@@ -549,7 +549,7 @@ class CdkColumnResize extends ColumnResize {
   table = inject(CdkTable);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkColumnResize,
     deps: null,
@@ -557,7 +557,7 @@ class CdkColumnResize extends ColumnResize {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     type: CdkColumnResize,
     isStandalone: true,
     selector: "table[cdk-table][columnResize]",
@@ -571,7 +571,7 @@ class CdkColumnResize extends ColumnResize {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: CdkColumnResize,
   decorators: [{
@@ -595,7 +595,7 @@ class CdkColumnResizeFlex extends ColumnResize {
   table = inject(CdkTable);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkColumnResizeFlex,
     deps: null,
@@ -603,7 +603,7 @@ class CdkColumnResizeFlex extends ColumnResize {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     type: CdkColumnResizeFlex,
     isStandalone: true,
     selector: "cdk-table[columnResize]",
@@ -617,7 +617,7 @@ class CdkColumnResizeFlex extends ColumnResize {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: CdkColumnResizeFlex,
   decorators: [{
@@ -641,7 +641,7 @@ class CdkDefaultEnabledColumnResize extends ColumnResize {
   table = inject(CdkTable);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkDefaultEnabledColumnResize,
     deps: null,
@@ -649,7 +649,7 @@ class CdkDefaultEnabledColumnResize extends ColumnResize {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     type: CdkDefaultEnabledColumnResize,
     isStandalone: true,
     selector: "table[cdk-table]",
@@ -663,7 +663,7 @@ class CdkDefaultEnabledColumnResize extends ColumnResize {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: CdkDefaultEnabledColumnResize,
   decorators: [{
@@ -687,7 +687,7 @@ class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
   table = inject(CdkTable);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkDefaultEnabledColumnResizeFlex,
     deps: null,
@@ -695,7 +695,7 @@ class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     type: CdkDefaultEnabledColumnResizeFlex,
     isStandalone: true,
     selector: "cdk-table",
@@ -709,7 +709,7 @@ class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: CdkDefaultEnabledColumnResizeFlex,
   decorators: [{
@@ -727,7 +727,7 @@ i0.ɵɵngDeclareClassMetadata({
 class CdkColumnResizeDefaultEnabledModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkColumnResizeDefaultEnabledModule,
     deps: [],
@@ -735,7 +735,7 @@ class CdkColumnResizeDefaultEnabledModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkColumnResizeDefaultEnabledModule,
     imports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex],
@@ -743,14 +743,14 @@ class CdkColumnResizeDefaultEnabledModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkColumnResizeDefaultEnabledModule
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: CdkColumnResizeDefaultEnabledModule,
   decorators: [{
@@ -764,7 +764,7 @@ i0.ɵɵngDeclareClassMetadata({
 class CdkColumnResizeModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkColumnResizeModule,
     deps: [],
@@ -772,7 +772,7 @@ class CdkColumnResizeModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkColumnResizeModule,
     imports: [CdkColumnResize, CdkColumnResizeFlex],
@@ -780,14 +780,14 @@ class CdkColumnResizeModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: CdkColumnResizeModule
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: CdkColumnResizeModule,
   decorators: [{
@@ -802,7 +802,7 @@ i0.ɵɵngDeclareClassMetadata({
 class ColumnSizeStore {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ColumnSizeStore,
     deps: [],
@@ -810,14 +810,14 @@ class ColumnSizeStore {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ColumnSizeStore
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: ColumnSizeStore,
   decorators: [{
@@ -919,19 +919,19 @@ class Resizable {
   }
   _listenForRowHoverEvents() {
     const element = this.elementRef.nativeElement;
-    const takeUntilDestroyed = takeUntil(this.destroyed);
-    this.eventDispatcher.resizeOverlayVisibleForHeaderRow(closest(element, HEADER_ROW_SELECTOR)).pipe(takeUntilDestroyed).subscribe(hoveringRow => {
+    this.eventDispatcher.resizeOverlayVisibleForHeaderRow(closest(element, HEADER_ROW_SELECTOR)).pipe(takeUntil(this.destroyed)).subscribe(hoveringRow => {
+      if (this._isDestroyed) {
+        return;
+      }
       if (hoveringRow) {
         const tooBigToResize = this.maxWidthPxInternal < Number.MAX_SAFE_INTEGER && element.offsetWidth > this.maxWidthPxInternal;
         element.classList.toggle(RESIZE_DISABLED_CLASS, tooBigToResize);
         if (!tooBigToResize) {
-          if (!this.overlayRef) {
-            this.overlayRef = this._createOverlayForHandle();
-          }
+          this.overlayRef ??= this._createOverlayForHandle();
           this._showHandleOverlay();
         }
-      } else if (this.overlayRef) {
-        this.overlayRef.detach();
+      } else {
+        this.overlayRef?.detach();
       }
     });
   }
@@ -965,7 +965,7 @@ class Resizable {
   }
   _cleanUpAfterResize(columnSize) {
     this.elementRef.nativeElement.classList.remove(OVERLAY_ACTIVE_CLASS);
-    if (this.overlayRef && this.overlayRef.hasAttached()) {
+    if (this.overlayRef?.hasAttached()) {
       this._updateOverlayHandleHeight();
       this.overlayRef.updatePosition();
       if (columnSize.columnId === this.columnDef.name) {
@@ -984,15 +984,17 @@ class Resizable {
     return new ComponentPortal(this.getOverlayHandleComponentType(), this.viewContainerRef, injector);
   }
   _showHandleOverlay() {
-    this._updateOverlayHandleHeight();
-    this.overlayRef.attach(this._createHandlePortal());
-    this.changeDetectorRef.markForCheck();
+    if (!this._isDestroyed) {
+      this._updateOverlayHandleHeight();
+      this.overlayRef?.attach(this._createHandlePortal());
+      this.changeDetectorRef.markForCheck();
+    }
   }
   _updateOverlayHandleHeight() {
     runInInjectionContext(this.injector, () => {
       afterNextRender({
         write: () => {
-          this.overlayRef.updateSize({
+          this.overlayRef?.updateSize({
             height: this.elementRef.nativeElement.offsetHeight
           });
         }
@@ -1016,7 +1018,7 @@ class Resizable {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: Resizable,
     deps: [],
@@ -1024,7 +1026,7 @@ class Resizable {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     type: Resizable,
     isStandalone: true,
     ngImport: i0
@@ -1032,7 +1034,7 @@ class Resizable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: Resizable,
   decorators: [{
@@ -1179,7 +1181,7 @@ class ResizeOverlayHandle {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     ngImport: i0,
     type: ResizeOverlayHandle,
     deps: [],
@@ -1187,7 +1189,7 @@ class ResizeOverlayHandle {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "20.2.0-next.2",
+    version: "21.0.0",
     type: ResizeOverlayHandle,
     isStandalone: true,
     ngImport: i0
@@ -1195,7 +1197,7 @@ class ResizeOverlayHandle {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "20.2.0-next.2",
+  version: "21.0.0",
   ngImport: i0,
   type: ResizeOverlayHandle,
   decorators: [{