@angular/cdk 22.2.0 → 22.3.0-next.0

package/fesm2022/_focus-monitor-chunk.mjs

@@ -78,7 +78,7 @@ class InputModalityDetector {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: InputModalityDetector,
     deps: [],
@@ -86,14 +86,14 @@ class InputModalityDetector {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: InputModalityDetector
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: InputModalityDetector,
   decorators: [{
@@ -333,7 +333,7 @@ class FocusMonitor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: FocusMonitor,
     deps: [],
@@ -341,14 +341,14 @@ class FocusMonitor {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: FocusMonitor
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: FocusMonitor,
   decorators: [{
@@ -378,7 +378,7 @@ class CdkMonitorFocus {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: CdkMonitorFocus,
     deps: [],
@@ -386,7 +386,7 @@ class CdkMonitorFocus {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     type: CdkMonitorFocus,
     isStandalone: true,
     selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]",
@@ -399,7 +399,7 @@ class CdkMonitorFocus {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: CdkMonitorFocus,
   decorators: [{

package/fesm2022/_id-generator-chunk.mjs

@@ -20,7 +20,7 @@ class _IdGenerator {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: _IdGenerator,
     deps: [],
@@ -28,14 +28,14 @@ class _IdGenerator {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: _IdGenerator
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: _IdGenerator,
   decorators: [{

package/fesm2022/_overlay-module-chunk.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { DOCUMENT, NgZone, inject, Injector, Service, RendererFactory2, ViewEncapsulation, Component, afterNextRender, ElementRef, InjectionToken, ApplicationRef, Renderer2, ANIMATION_MODULE_TYPE, EnvironmentInjector, EventEmitter, TemplateRef, ViewContainerRef, booleanAttribute, Directive, Output, Input, NgModule } from '@angular/core';
+import { DOCUMENT, NgZone, inject, Injector, Service, RendererFactory2, ViewEncapsulation, Component, untracked, afterNextRender, signal, ElementRef, InjectionToken, ApplicationRef, Renderer2, ANIMATION_MODULE_TYPE, EnvironmentInjector, EventEmitter, TemplateRef, ViewContainerRef, booleanAttribute, Directive, Output, Input, NgModule } from '@angular/core';
 import { Location } from '@angular/common';
 import { Platform } from './_platform-chunk.mjs';
 import { _getEventTarget } from './_shadow-dom-chunk.mjs';
@@ -244,7 +244,7 @@ class ScrollStrategyOptions {
   reposition = config => createRepositionScrollStrategy(this._injector, config);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: ScrollStrategyOptions,
     deps: [],
@@ -252,14 +252,14 @@ class ScrollStrategyOptions {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: ScrollStrategyOptions
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: ScrollStrategyOptions,
   decorators: [{
@@ -370,7 +370,7 @@ class BaseOverlayDispatcher {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: BaseOverlayDispatcher,
     deps: [],
@@ -378,14 +378,14 @@ class BaseOverlayDispatcher {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: BaseOverlayDispatcher
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: BaseOverlayDispatcher,
   decorators: [{
@@ -424,7 +424,7 @@ class OverlayKeyboardDispatcher extends BaseOverlayDispatcher {
   };
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayKeyboardDispatcher,
     deps: [],
@@ -432,14 +432,14 @@ class OverlayKeyboardDispatcher extends BaseOverlayDispatcher {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayKeyboardDispatcher
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: OverlayKeyboardDispatcher,
   decorators: [{
@@ -509,7 +509,7 @@ class OverlayOutsideClickDispatcher extends BaseOverlayDispatcher {
   };
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayOutsideClickDispatcher,
     deps: [],
@@ -517,14 +517,14 @@ class OverlayOutsideClickDispatcher extends BaseOverlayDispatcher {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayOutsideClickDispatcher
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: OverlayOutsideClickDispatcher,
   decorators: [{
@@ -546,7 +546,7 @@ function containsPierceShadowDom(parent, child) {
 class _CdkOverlayStyleLoader {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: _CdkOverlayStyleLoader,
     deps: [],
@@ -554,7 +554,7 @@ class _CdkOverlayStyleLoader {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     type: _CdkOverlayStyleLoader,
     isStandalone: true,
     selector: "ng-component",
@@ -572,7 +572,7 @@ class _CdkOverlayStyleLoader {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: _CdkOverlayStyleLoader,
   decorators: [{
@@ -625,7 +625,7 @@ class OverlayContainer {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayContainer,
     deps: [],
@@ -633,14 +633,14 @@ class OverlayContainer {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayContainer
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: OverlayContainer,
   decorators: [{
@@ -685,7 +685,10 @@ class BackdropRef {
 function isElement(value) {
   return value && value.nodeType === 1;
 }
-const attachedOverlays = new Set();
+const attachedOverlaysInternal = signal([], ...(ngDevMode ? [{
+  debugName: "attachedOverlaysInternal"
+}] : []));
+attachedOverlaysInternal.asReadonly();
 class OverlayRef {
   _portalOutlet;
   _host;
@@ -704,7 +707,7 @@ class OverlayRef {
   _detachments = new Subject();
   _positionStrategy;
   _scrollStrategy;
-  _locationChanges = Subscription.EMPTY;
+  _locationChanges;
   _backdropRef = null;
   _detachContentMutationObserver;
   _detachContentAfterRenderRef;
@@ -754,7 +757,9 @@ class OverlayRef {
     this._updateStackingOrder();
     this._updateElementSize();
     this._updateElementDirection();
-    attachedOverlays.add(this);
+    untracked(() => {
+      attachedOverlaysInternal.update(prev => prev.includes(this) ? prev : [...prev, this]);
+    });
     if (this._scrollStrategy) {
       this._scrollStrategy.enable();
     }
@@ -776,8 +781,11 @@ class OverlayRef {
     this._attachments.next();
     this._completeDetachContent();
     this._keyboardDispatcher.add(this);
-    if (this._config.disposeOnNavigation) {
-      this._locationChanges = this._location.subscribe(() => this.dispose());
+    if (this._config.disposeOnNavigation === true || this._config.disposeOnNavigation === 'pop-state') {
+      const subscription = this._location.subscribe(() => this.dispose());
+      this._locationChanges = () => subscription.unsubscribe();
+    } else if (this._config.disposeOnNavigation === 'url-change') {
+      this._locationChanges = this._location.onUrlChange(() => this.dispose());
     }
     this._outsideClickDispatcher.add(this);
     if (typeof attachResult?.onDestroy === 'function') {
@@ -806,9 +814,11 @@ class OverlayRef {
     this._completeDetachContent();
     this._keyboardDispatcher.remove(this);
     this._detachContentWhenEmpty();
-    this._locationChanges.unsubscribe();
+    this._locationChanges?.();
     this._outsideClickDispatcher.remove(this);
-    attachedOverlays.delete(this);
+    untracked(() => {
+      attachedOverlaysInternal.update(prev => prev.filter(o => o !== this));
+    });
     return detachmentResult;
   }
   dispose() {
@@ -821,7 +831,7 @@ class OverlayRef {
     }
     this._disposeScrollStrategy();
     this._backdropRef?.dispose();
-    this._locationChanges.unsubscribe();
+    this._locationChanges?.();
     this._keyboardDispatcher.remove(this);
     this._portalOutlet.dispose();
     this._attachments.complete();
@@ -838,7 +848,9 @@ class OverlayRef {
     this._detachments.complete();
     this._completeDetachContent();
     this._disposed = true;
-    attachedOverlays.delete(this);
+    untracked(() => {
+      attachedOverlaysInternal.update(prev => prev.filter(o => o !== this));
+    });
   }
   hasAttached() {
     return this._portalOutlet.hasAttached();
@@ -2012,7 +2024,7 @@ class OverlayPositionBuilder {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayPositionBuilder,
     deps: [],
@@ -2020,14 +2032,14 @@ class OverlayPositionBuilder {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayPositionBuilder
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: OverlayPositionBuilder,
   decorators: [{
@@ -2089,7 +2101,7 @@ class Overlay {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: Overlay,
     deps: [],
@@ -2097,14 +2109,14 @@ class Overlay {
   });
   static ɵprov = i0.ɵɵngDeclareService({
     minVersion: "22.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: Overlay
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: Overlay,
   decorators: [{
@@ -2144,7 +2156,7 @@ class CdkOverlayOrigin {
   elementRef = inject(ElementRef);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: CdkOverlayOrigin,
     deps: [],
@@ -2152,7 +2164,7 @@ class CdkOverlayOrigin {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     type: CdkOverlayOrigin,
     isStandalone: true,
     selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]",
@@ -2162,7 +2174,7 @@ class CdkOverlayOrigin {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: CdkOverlayOrigin,
   decorators: [{
@@ -2439,7 +2451,7 @@ class CdkConnectedOverlay {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: CdkConnectedOverlay,
     deps: [],
@@ -2447,7 +2459,7 @@ class CdkConnectedOverlay {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     type: CdkConnectedOverlay,
     isStandalone: true,
     selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]",
@@ -2473,7 +2485,7 @@ class CdkConnectedOverlay {
       flexibleDimensions: ["cdkConnectedOverlayFlexibleDimensions", "flexibleDimensions", booleanAttribute],
       growAfterOpen: ["cdkConnectedOverlayGrowAfterOpen", "growAfterOpen", booleanAttribute],
       push: ["cdkConnectedOverlayPush", "push", booleanAttribute],
-      disposeOnNavigation: ["cdkConnectedOverlayDisposeOnNavigation", "disposeOnNavigation", booleanAttribute],
+      disposeOnNavigation: ["cdkConnectedOverlayDisposeOnNavigation", "disposeOnNavigation", value => value === 'url-change' || value === 'pop-state' ? value : booleanAttribute(value)],
       usePopover: ["cdkConnectedOverlayUsePopover", "usePopover"],
       matchWidth: ["cdkConnectedOverlayMatchWidth", "matchWidth", booleanAttribute],
       _config: ["cdkConnectedOverlay", "_config"]
@@ -2493,7 +2505,7 @@ class CdkConnectedOverlay {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: CdkConnectedOverlay,
   decorators: [{
@@ -2608,7 +2620,7 @@ i0.ɵɵngDeclareClassMetadata({
       type: Input,
       args: [{
         alias: 'cdkConnectedOverlayDisposeOnNavigation',
-        transform: booleanAttribute
+        transform: value => value === 'url-change' || value === 'pop-state' ? value : booleanAttribute(value)
       }]
     }],
     usePopover: [{
@@ -2652,7 +2664,7 @@ i0.ɵɵngDeclareClassMetadata({
 class OverlayModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayModule,
     deps: [],
@@ -2660,7 +2672,7 @@ class OverlayModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayModule,
     imports: [BidiModule, PortalModule, ScrollingModule, CdkConnectedOverlay, CdkOverlayOrigin],
@@ -2668,7 +2680,7 @@ class OverlayModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.2.0-next.7",
+    version: "22.2.0",
     ngImport: i0,
     type: OverlayModule,
     providers: [Overlay],
@@ -2677,7 +2689,7 @@ class OverlayModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.7",
+  version: "22.2.0",
   ngImport: i0,
   type: OverlayModule,
   decorators: [{