@angular/cdk 20.0.0-next.1 → 20.0.0-next.10

package/fesm2022/{overlay-module-863b82c9.mjs → overlay-module-BaGhSGqO.mjs}

@@ -1,25 +1,32 @@
 import * as i0 from '@angular/core';
-import { inject, NgZone, Injectable, RendererFactory2, Component, ChangeDetectionStrategy, ViewEncapsulation, untracked, afterRender, afterNextRender, ElementRef, Injector, ANIMATION_MODULE_TYPE, EnvironmentInjector, ApplicationRef, InjectionToken, Directive, EventEmitter, TemplateRef, ViewContainerRef, booleanAttribute, Input, Output, NgModule } from '@angular/core';
-import { DOCUMENT, Location } from '@angular/common';
-import { P as Platform } from './platform-1be098b0.mjs';
-import { _ as _bindEventWithOptions } from './backwards-compatibility-bcbe473e.mjs';
-import { _ as _getEventTarget } from './shadow-dom-9f403d00.mjs';
-import { _ as _isTestEnvironment } from './test-environment-34eef1ee.mjs';
-import { _ as _CdkPrivateStyleLoader } from './style-loader-e14dc585.mjs';
-import { Subject, Subscription, merge } from 'rxjs';
-import { filter, takeUntil, takeWhile } from 'rxjs/operators';
-import { c as coerceCssPixelValue } from './css-pixel-value-286c9a60.mjs';
-import { c as coerceArray } from './array-ee3b4bab.mjs';
-import { S as ScrollDispatcher, V as ViewportRuler, a as ScrollingModule } from './scrolling-module-aa9eeac5.mjs';
-import { s as supportsScrollBehavior } from './scrolling-61955dd1.mjs';
-import { D as DomPortalOutlet, T as TemplatePortal, P as PortalModule } from './portal-directives-c88fea11.mjs';
-import { D as Directionality } from './directionality-7ea26429.mjs';
-import { _ as _IdGenerator } from './id-generator-fba495fb.mjs';
-import { e as ESCAPE } from './keycodes-107cd3e4.mjs';
-import { h as hasModifierKey } from './modifiers-33a5859e.mjs';
-import { B as BidiModule } from './bidi-module-0726b65c.mjs';
+import { DOCUMENT, NgZone, inject, Injector, Injectable, RendererFactory2, Component, ChangeDetectionStrategy, ViewEncapsulation, afterNextRender, ElementRef, ApplicationRef, Renderer2, ANIMATION_MODULE_TYPE, EnvironmentInjector, InjectionToken, Directive, EventEmitter, TemplateRef, ViewContainerRef, booleanAttribute, Input, Output, NgModule } from '@angular/core';
+import { Location } from '@angular/common';
+import { P as Platform } from './platform-CPg0IbDW.mjs';
+import { _ as _getEventTarget } from './shadow-dom-B0oHn41l.mjs';
+import { _ as _isTestEnvironment } from './test-environment-CT0XxPyp.mjs';
+import { _ as _CdkPrivateStyleLoader } from './style-loader-BDEAZOey.mjs';
+import { Subject, Subscription } from 'rxjs';
+import { c as coerceCssPixelValue } from './css-pixel-value-C_HEqLhI.mjs';
+import { c as coerceArray } from './array-I1yfCXUO.mjs';
+import { ViewportRuler, ScrollDispatcher, ScrollingModule } from './scrolling.mjs';
+import { DomPortalOutlet, TemplatePortal, PortalModule } from './portal.mjs';
+import { s as supportsScrollBehavior } from './scrolling-BkvA05C8.mjs';
+import { filter, takeWhile } from 'rxjs/operators';
+import { _ as _IdGenerator } from './id-generator-BwB8lolC.mjs';
+import { D as Directionality } from './directionality-Ck5Uc9Se.mjs';
+import { g as ESCAPE } from './keycodes-CpHkExLC.mjs';
+import { hasModifierKey } from './keycodes.mjs';
+import { BidiModule } from './bidi.mjs';
 
 const scrollBehaviorSupported = supportsScrollBehavior();
+/**
+ * Creates a scroll strategy that prevents the user from scrolling while the overlay is open.
+ * @param injector Injector used to resolve dependencies of the scroll strategy.
+ * @param config Configuration options for the scroll strategy.
+ */
+function createBlockScrollStrategy(injector) {
+    return new BlockScrollStrategy(injector.get(ViewportRuler), injector.get(DOCUMENT));
+}
 /**
  * Strategy that will prevent the user from scrolling while the overlay is visible.
  */
@@ -87,9 +94,9 @@ class BlockScrollStrategy {
         if (html.classList.contains('cdk-global-scrollblock') || this._isEnabled) {
             return false;
         }
-        const body = this._document.body;
+        const rootElement = this._document.documentElement;
         const viewport = this._viewportRuler.getViewportSize();
-        return body.scrollHeight > viewport.height || body.scrollWidth > viewport.width;
+        return rootElement.scrollHeight > viewport.height || rootElement.scrollWidth > viewport.width;
     }
 }
 
@@ -100,6 +107,14 @@ function getMatScrollStrategyAlreadyAttachedError() {
     return Error(`Scroll strategy has already been attached.`);
 }
 
+/**
+ * Creates a scroll strategy that closes the overlay when the user starts to scroll.
+ * @param injector Injector used to resolve dependencies of the scroll strategy.
+ * @param config Configuration options for the scroll strategy.
+ */
+function createCloseScrollStrategy(injector, config) {
+    return new CloseScrollStrategy(injector.get(ScrollDispatcher), injector.get(NgZone), injector.get(ViewportRuler), config);
+}
 /**
  * Strategy that will close the overlay as soon as the user starts scrolling.
  */
@@ -169,6 +184,10 @@ class CloseScrollStrategy {
     };
 }
 
+/** Creates a scroll strategy that does nothing. */
+function createNoopScrollStrategy() {
+    return new NoopScrollStrategy();
+}
 /** Scroll strategy that doesn't do anything. */
 class NoopScrollStrategy {
     /** Does nothing, as this scroll strategy is a no-op. */
@@ -212,6 +231,14 @@ function isElementClippedByScrolling(element, scrollContainers) {
     });
 }
 
+/**
+ * Creates a scroll strategy that updates the overlay's position when the user scrolls.
+ * @param injector Injector used to resolve dependencies of the scroll strategy.
+ * @param config Configuration options for the scroll strategy.
+ */
+function createRepositionScrollStrategy(injector, config) {
+    return new RepositionScrollStrategy(injector.get(ScrollDispatcher), injector.get(ViewportRuler), injector.get(NgZone), config);
+}
 /**
  * Strategy that will update the element position as the user is scrolling.
  */
@@ -276,10 +303,7 @@ class RepositionScrollStrategy {
  * behaviors. This class primarily acts as a factory for ScrollStrategy instances.
  */
 class ScrollStrategyOptions {
-    _scrollDispatcher = inject(ScrollDispatcher);
-    _viewportRuler = inject(ViewportRuler);
-    _ngZone = inject(NgZone);
-    _document = inject(DOCUMENT);
+    _injector = inject(Injector);
     constructor() { }
     /** Do nothing on scroll. */
     noop = () => new NoopScrollStrategy();
@@ -287,19 +311,19 @@ class ScrollStrategyOptions {
      * Close the overlay as soon as the user scrolls.
      * @param config Configuration to be used inside the scroll strategy.
      */
-    close = (config) => new CloseScrollStrategy(this._scrollDispatcher, this._ngZone, this._viewportRuler, config);
+    close = (config) => createCloseScrollStrategy(this._injector, config);
     /** Block scrolling. */
-    block = () => new BlockScrollStrategy(this._viewportRuler, this._document);
+    block = () => createBlockScrollStrategy(this._injector);
     /**
      * Update the overlay's position on scroll.
      * @param config Configuration to be used inside the scroll strategy.
      * Allows debouncing the reposition calls.
      */
-    reposition = (config) => new RepositionScrollStrategy(this._scrollDispatcher, this._viewportRuler, this._ngZone, config);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ScrollStrategyOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ScrollStrategyOptions, providedIn: 'root' });
+    reposition = (config) => createRepositionScrollStrategy(this._injector, config);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: ScrollStrategyOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: ScrollStrategyOptions, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ScrollStrategyOptions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: ScrollStrategyOptions, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -316,6 +340,8 @@ class OverlayConfig {
     hasBackdrop = false;
     /** Custom class to add to the backdrop */
     backdropClass = 'cdk-overlay-dark-backdrop';
+    /** Whether to disable any built-in animations. */
+    disableAnimations;
     /** The width of the overlay panel. If a number is provided, pixel units are assumed. */
     width;
     /** The height of the overlay panel. If a number is provided, pixel units are assumed. */
@@ -489,10 +515,10 @@ class BaseOverlayDispatcher {
             this.detach();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: BaseOverlayDispatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: BaseOverlayDispatcher, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: BaseOverlayDispatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: BaseOverlayDispatcher, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: BaseOverlayDispatcher, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: BaseOverlayDispatcher, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -540,10 +566,10 @@ class OverlayKeyboardDispatcher extends BaseOverlayDispatcher {
             }
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayKeyboardDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayKeyboardDispatcher, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayKeyboardDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayKeyboardDispatcher, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayKeyboardDispatcher, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayKeyboardDispatcher, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -573,11 +599,12 @@ class OverlayOutsideClickDispatcher extends BaseOverlayDispatcher {
         if (!this._isAttached) {
             const body = this._document.body;
             const eventOptions = { capture: true };
+            const renderer = this._renderer;
             this._cleanups = this._ngZone.runOutsideAngular(() => [
-                _bindEventWithOptions(this._renderer, body, 'pointerdown', this._pointerDownListener, eventOptions),
-                _bindEventWithOptions(this._renderer, body, 'click', this._clickListener, eventOptions),
-                _bindEventWithOptions(this._renderer, body, 'auxclick', this._clickListener, eventOptions),
-                _bindEventWithOptions(this._renderer, body, 'contextmenu', this._clickListener, eventOptions),
+                renderer.listen(body, 'pointerdown', this._pointerDownListener, eventOptions),
+                renderer.listen(body, 'click', this._clickListener, eventOptions),
+                renderer.listen(body, 'auxclick', this._clickListener, eventOptions),
+                renderer.listen(body, 'contextmenu', this._clickListener, eventOptions),
             ]);
             // click event is not fired on iOS. To make element "clickable" we are
             // setting the cursor to pointer
@@ -650,10 +677,10 @@ class OverlayOutsideClickDispatcher extends BaseOverlayDispatcher {
             }
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayOutsideClickDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayOutsideClickDispatcher, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayOutsideClickDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayOutsideClickDispatcher, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayOutsideClickDispatcher, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayOutsideClickDispatcher, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -672,12 +699,12 @@ function containsPierceShadowDom(parent, child) {
 }
 
 class _CdkOverlayStyleLoader {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: _CdkOverlayStyleLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0-next.1", type: _CdkOverlayStyleLoader, isStandalone: true, selector: "ng-component", host: { attributes: { "cdk-overlay-style-loader": "" } }, ngImport: i0, template: '', isInline: true, styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed}@layer cdk-overlay{.cdk-overlay-container{z-index:1000}}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute}@layer cdk-overlay{.cdk-global-overlay-wrapper{z-index:1000}}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%}@layer cdk-overlay{.cdk-overlay-pane{z-index:1000}}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0}@layer cdk-overlay{.cdk-overlay-backdrop{z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}@layer cdk-overlay{.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px}@layer cdk-overlay{.cdk-overlay-connected-position-bounding-box{z-index:1000}}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: _CdkOverlayStyleLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0-next.5", type: _CdkOverlayStyleLoader, isStandalone: true, selector: "ng-component", host: { attributes: { "cdk-overlay-style-loader": "" } }, ngImport: i0, template: '', isInline: true, styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed}@layer cdk-overlay{.cdk-overlay-container{z-index:1000}}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute}@layer cdk-overlay{.cdk-global-overlay-wrapper{z-index:1000}}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%}@layer cdk-overlay{.cdk-overlay-pane{z-index:1000}}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation}@layer cdk-overlay{.cdk-overlay-backdrop{z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}@layer cdk-overlay{.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px}@layer cdk-overlay{.cdk-overlay-connected-position-bounding-box{z-index:1000}}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: _CdkOverlayStyleLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: _CdkOverlayStyleLoader, decorators: [{
             type: Component,
-            args: [{ template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { 'cdk-overlay-style-loader': '' }, styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed}@layer cdk-overlay{.cdk-overlay-container{z-index:1000}}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute}@layer cdk-overlay{.cdk-global-overlay-wrapper{z-index:1000}}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%}@layer cdk-overlay{.cdk-overlay-pane{z-index:1000}}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0}@layer cdk-overlay{.cdk-overlay-backdrop{z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}@layer cdk-overlay{.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px}@layer cdk-overlay{.cdk-overlay-connected-position-bounding-box{z-index:1000}}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}"] }]
+            args: [{ template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { 'cdk-overlay-style-loader': '' }, styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed}@layer cdk-overlay{.cdk-overlay-container{z-index:1000}}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute}@layer cdk-overlay{.cdk-global-overlay-wrapper{z-index:1000}}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%}@layer cdk-overlay{.cdk-overlay-pane{z-index:1000}}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation}@layer cdk-overlay{.cdk-overlay-backdrop{z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}@layer cdk-overlay{.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px}@layer cdk-overlay{.cdk-overlay-connected-position-bounding-box{z-index:1000}}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] }]
         }] });
 /** Container inside which all overlays will render. */
 class OverlayContainer {
@@ -743,10 +770,10 @@ class OverlayContainer {
     _loadStyles() {
         this._styleLoader.load(_CdkOverlayStyleLoader);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayContainer, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -812,6 +839,8 @@ class OverlayRef {
     _scrollStrategy;
     _locationChanges = Subscription.EMPTY;
     _backdropRef = null;
+    _detachContentMutationObserver;
+    _detachContentAfterRenderRef;
     /**
      * Reference to the parent of the `_host` at the time it was detached. Used to restore
      * the `_host` to its original position in the DOM when it gets re-attached.
@@ -821,8 +850,6 @@ class OverlayRef {
     _keydownEvents = new Subject();
     /** Stream of mouse outside events dispatched to this overlay. */
     _outsidePointerEvents = new Subject();
-    _renders = new Subject();
-    _afterRenderRef;
     /** Reference to the currently-running `afterNextRender` call. */
     _afterNextRenderRef;
     constructor(_portalOutlet, _host, _pane, _config, _ngZone, _keyboardDispatcher, _document, _location, _outsideClickDispatcher, _animationsDisabled = false, _injector, _renderer) {
@@ -843,12 +870,6 @@ class OverlayRef {
             this._scrollStrategy.attach(this);
         }
         this._positionStrategy = _config.positionStrategy;
-        // Users could open the overlay from an `effect`, in which case we need to
-        // run the `afterRender` as `untracked`. We don't recommend that users do
-        // this, but we also don't want to break users who are doing it.
-        this._afterRenderRef = untracked(() => afterRender(() => {
-            this._renders.next();
-        }, { injector: this._injector }));
     }
     /** The overlay's HTML element */
     get overlayElement() {
@@ -911,6 +932,7 @@ class OverlayRef {
         }
         // Only emit the `attachments` event once all other setup is done.
         this._attachments.next();
+        this._completeDetachContent();
         // Track this overlay by the keyboard dispatcher
         this._keyboardDispatcher.add(this);
         if (this._config.disposeOnNavigation) {
@@ -959,6 +981,7 @@ class OverlayRef {
         const detachmentResult = this._portalOutlet.detach();
         // Only emit after everything is detached.
         this._detachments.next();
+        this._completeDetachContent();
         // Remove this overlay from keyboard dispatcher tracking.
         this._keyboardDispatcher.remove(this);
         // Keeping the host element in the DOM can cause scroll jank, because it still gets
@@ -991,8 +1014,7 @@ class OverlayRef {
             this._detachments.next();
         }
         this._detachments.complete();
-        this._afterRenderRef.destroy();
-        this._renders.complete();
+        this._completeDetachContent();
     }
     /** Whether the overlay has attached content. */
     hasAttached() {
@@ -1162,32 +1184,54 @@ class OverlayRef {
             isAdd ? element.classList.add(...classes) : element.classList.remove(...classes);
         }
     }
-    /** Detaches the overlay content next time the zone stabilizes. */
+    /** Detaches the overlay once the content finishes animating and is removed from the DOM. */
     _detachContentWhenEmpty() {
-        // Normally we wouldn't have to explicitly run this outside the `NgZone`, however
-        // if the consumer is using `zone-patch-rxjs`, the `Subscription.unsubscribe` call will
-        // be patched to run inside the zone, which will throw us into an infinite loop.
-        this._ngZone.runOutsideAngular(() => {
-            // We can't remove the host here immediately, because the overlay pane's content
-            // might still be animating. This stream helps us avoid interrupting the animation
-            // by waiting for the pane to become empty.
-            const subscription = this._renders
-                .pipe(takeUntil(merge(this._attachments, this._detachments)))
-                .subscribe(() => {
-                // Needs a couple of checks for the pane and host, because
-                // they may have been removed by the time the zone stabilizes.
-                if (!this._pane || !this._host || this._pane.children.length === 0) {
-                    if (this._pane && this._config.panelClass) {
-                        this._toggleClasses(this._pane, this._config.panelClass, false);
-                    }
-                    if (this._host && this._host.parentElement) {
-                        this._previousHostParent = this._host.parentElement;
-                        this._host.remove();
-                    }
-                    subscription.unsubscribe();
-                }
+        let rethrow = false;
+        // Attempt to detach on the next render.
+        try {
+            this._detachContentAfterRenderRef = afterNextRender(() => {
+                // Rethrow if we encounter an actual error detaching.
+                rethrow = true;
+                this._detachContent();
+            }, {
+                injector: this._injector,
             });
-        });
+        }
+        catch (e) {
+            if (rethrow) {
+                throw e;
+            }
+            // afterNextRender throws if the EnvironmentInjector is has already been destroyed.
+            // This may happen in tests that don't properly flush all async work.
+            // In order to avoid breaking those tests, we just detach immediately in this case.
+            this._detachContent();
+        }
+        // Otherwise wait until the content finishes animating out and detach.
+        if (globalThis.MutationObserver && this._pane) {
+            this._detachContentMutationObserver ||= new globalThis.MutationObserver(() => {
+                this._detachContent();
+            });
+            this._detachContentMutationObserver.observe(this._pane, { childList: true });
+        }
+    }
+    _detachContent() {
+        // Needs a couple of checks for the pane and host, because
+        // they may have been removed by the time the zone stabilizes.
+        if (!this._pane || !this._host || this._pane.children.length === 0) {
+            if (this._pane && this._config.panelClass) {
+                this._toggleClasses(this._pane, this._config.panelClass, false);
+            }
+            if (this._host && this._host.parentElement) {
+                this._previousHostParent = this._host.parentElement;
+                this._host.remove();
+            }
+            this._completeDetachContent();
+        }
+    }
+    _completeDetachContent() {
+        this._detachContentAfterRenderRef?.destroy();
+        this._detachContentAfterRenderRef = undefined;
+        this._detachContentMutationObserver?.disconnect();
     }
     /** Disposes of a scroll strategy. */
     _disposeScrollStrategy() {
@@ -1203,6 +1247,14 @@ class OverlayRef {
 const boundingBoxClass = 'cdk-overlay-connected-position-bounding-box';
 /** Regex used to split a string on its CSS units. */
 const cssUnitPattern = /([A-Za-z%]+)$/;
+/**
+ * Creates a flexible position strategy.
+ * @param injector Injector used to resolve dependnecies for the position strategy.
+ * @param origin Origin relative to which to position the overlay.
+ */
+function createFlexibleConnectedPositionStrategy(injector, origin) {
+    return new FlexibleConnectedPositionStrategy(origin, injector.get(ViewportRuler), injector.get(DOCUMENT), injector.get(Platform), injector.get(OverlayContainer));
+}
 /**
  * A strategy for positioning overlays. Using this strategy, an overlay is given an
  * implicit position relative some origin element. The relative position is defined in terms of
@@ -2224,6 +2276,15 @@ const STANDARD_DROPDOWN_ADJACENT_POSITIONS = [
 
 /** Class to be added to the overlay pane wrapper. */
 const wrapperClass = 'cdk-global-overlay-wrapper';
+/**
+ * Creates a global position strategy.
+ * @param injector Injector used to resolve dependencies for the strategy.
+ */
+function createGlobalPositionStrategy(_injector) {
+    // Note: `injector` is unused, but we may need it in
+    // the future which would introduce a breaking change.
+    return new GlobalPositionStrategy();
+}
 /**
  * A strategy for positioning overlays. Using this strategy, an overlay is given an
  * explicit position relative to the browser's viewport. We use flexbox, instead of
@@ -2454,32 +2515,58 @@ class GlobalPositionStrategy {
 
 /** Builder for overlay position strategy. */
 class OverlayPositionBuilder {
-    _viewportRuler = inject(ViewportRuler);
-    _document = inject(DOCUMENT);
-    _platform = inject(Platform);
-    _overlayContainer = inject(OverlayContainer);
+    _injector = inject(Injector);
     constructor() { }
     /**
      * Creates a global position strategy.
      */
     global() {
-        return new GlobalPositionStrategy();
+        return createGlobalPositionStrategy();
     }
     /**
      * Creates a flexible position strategy.
      * @param origin Origin relative to which to position the overlay.
      */
     flexibleConnectedTo(origin) {
-        return new FlexibleConnectedPositionStrategy(origin, this._viewportRuler, this._document, this._platform, this._overlayContainer);
+        return createFlexibleConnectedPositionStrategy(this._injector, origin);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayPositionBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayPositionBuilder, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayPositionBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayPositionBuilder, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayPositionBuilder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayPositionBuilder, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+/**
+ * Creates an overlay.
+ * @param injector Injector to use when resolving the overlay's dependencies.
+ * @param config Configuration applied to the overlay.
+ * @returns Reference to the created overlay.
+ */
+function createOverlayRef(injector, config) {
+    // This is done in the overlay container as well, but we have it here
+    // since it's common to mock out the overlay container in tests.
+    injector.get(_CdkPrivateStyleLoader).load(_CdkOverlayStyleLoader);
+    const overlayContainer = injector.get(OverlayContainer);
+    const doc = injector.get(DOCUMENT);
+    const idGenerator = injector.get(_IdGenerator);
+    const appRef = injector.get(ApplicationRef);
+    const directionality = injector.get(Directionality);
+    const host = doc.createElement('div');
+    const pane = doc.createElement('div');
+    pane.id = idGenerator.getId('cdk-overlay-');
+    pane.classList.add('cdk-overlay-pane');
+    host.appendChild(pane);
+    overlayContainer.getContainerElement().appendChild(host);
+    const portalOutlet = new DomPortalOutlet(pane, appRef, injector);
+    const overlayConfig = new OverlayConfig(config);
+    const renderer = injector.get(Renderer2, null, { optional: true }) ||
+        injector.get(RendererFactory2).createRenderer(null, null);
+    overlayConfig.direction = overlayConfig.direction || directionality.value;
+    return new OverlayRef(portalOutlet, host, pane, overlayConfig, injector.get(NgZone), injector.get(OverlayKeyboardDispatcher), doc, injector.get(Location), injector.get(OverlayOutsideClickDispatcher), config?.disableAnimations ??
+        injector.get(ANIMATION_MODULE_TYPE, null, { optional: true }) === 'NoopAnimations', injector.get(EnvironmentInjector), renderer);
+}
 /**
  * Service to create Overlays. Overlays are dynamically added pieces of floating UI, meant to be
  * used as a low-level building block for other components. Dialogs, tooltips, menus,
@@ -2490,20 +2577,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1",
  */
 class Overlay {
     scrollStrategies = inject(ScrollStrategyOptions);
-    _overlayContainer = inject(OverlayContainer);
     _positionBuilder = inject(OverlayPositionBuilder);
-    _keyboardDispatcher = inject(OverlayKeyboardDispatcher);
     _injector = inject(Injector);
-    _ngZone = inject(NgZone);
-    _document = inject(DOCUMENT);
-    _directionality = inject(Directionality);
-    _location = inject(Location);
-    _outsideClickDispatcher = inject(OverlayOutsideClickDispatcher);
-    _animationsModuleType = inject(ANIMATION_MODULE_TYPE, { optional: true });
-    _idGenerator = inject(_IdGenerator);
-    _renderer = inject(RendererFactory2).createRenderer(null, null);
-    _appRef;
-    _styleLoader = inject(_CdkPrivateStyleLoader);
     constructor() { }
     /**
      * Creates an overlay.
@@ -2511,15 +2586,7 @@ class Overlay {
      * @returns Reference to the created overlay.
      */
     create(config) {
-        // This is done in the overlay container as well, but we have it here
-        // since it's common to mock out the overlay container in tests.
-        this._styleLoader.load(_CdkOverlayStyleLoader);
-        const host = this._createHostElement();
-        const pane = this._createPaneElement(host);
-        const portalOutlet = this._createPortalOutlet(pane);
-        const overlayConfig = new OverlayConfig(config);
-        overlayConfig.direction = overlayConfig.direction || this._directionality.value;
-        return new OverlayRef(portalOutlet, host, pane, overlayConfig, this._ngZone, this._keyboardDispatcher, this._document, this._location, this._outsideClickDispatcher, this._animationsModuleType === 'NoopAnimations', this._injector.get(EnvironmentInjector), this._renderer);
+        return createOverlayRef(this._injector, config);
     }
     /**
      * Gets a position builder that can be used, via fluent API,
@@ -2529,44 +2596,10 @@ class Overlay {
     position() {
         return this._positionBuilder;
     }
-    /**
-     * Creates the DOM element for an overlay and appends it to the overlay container.
-     * @returns Newly-created pane element
-     */
-    _createPaneElement(host) {
-        const pane = this._document.createElement('div');
-        pane.id = this._idGenerator.getId('cdk-overlay-');
-        pane.classList.add('cdk-overlay-pane');
-        host.appendChild(pane);
-        return pane;
-    }
-    /**
-     * Creates the host element that wraps around an overlay
-     * and can be used for advanced positioning.
-     * @returns Newly-create host element.
-     */
-    _createHostElement() {
-        const host = this._document.createElement('div');
-        this._overlayContainer.getContainerElement().appendChild(host);
-        return host;
-    }
-    /**
-     * Create a DomPortalOutlet into which the overlay content can be loaded.
-     * @param pane The DOM element to turn into a portal outlet.
-     * @returns A portal outlet for the given DOM element.
-     */
-    _createPortalOutlet(pane) {
-        // We have to resolve the ApplicationRef later in order to allow people
-        // to use overlay-based providers during app initialization.
-        if (!this._appRef) {
-            this._appRef = this._injector.get(ApplicationRef);
-        }
-        return new DomPortalOutlet(pane, this._appRef, this._injector);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: Overlay, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: Overlay, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: Overlay, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: Overlay, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: Overlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: Overlay, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -2602,8 +2635,8 @@ const defaultPositionList = [
 const CDK_CONNECTED_OVERLAY_SCROLL_STRATEGY = new InjectionToken('cdk-connected-overlay-scroll-strategy', {
     providedIn: 'root',
     factory: () => {
-        const overlay = inject(Overlay);
-        return () => overlay.scrollStrategies.reposition();
+        const injector = inject(Injector);
+        return () => createRepositionScrollStrategy(injector);
     },
 });
 /**
@@ -2613,10 +2646,10 @@ const CDK_CONNECTED_OVERLAY_SCROLL_STRATEGY = new InjectionToken('cdk-connected-
 class CdkOverlayOrigin {
     elementRef = inject(ElementRef);
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkOverlayOrigin, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-next.1", type: CdkOverlayOrigin, isStandalone: true, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: CdkOverlayOrigin, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-next.5", type: CdkOverlayOrigin, isStandalone: true, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkOverlayOrigin, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: CdkOverlayOrigin, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]',
@@ -2628,8 +2661,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1",
  * Overlay using a FlexibleConnectedPositionStrategy.
  */
 class CdkConnectedOverlay {
-    _overlay = inject(Overlay);
     _dir = inject(Directionality, { optional: true });
+    _injector = inject(Injector);
     _overlayRef;
     _templatePortal;
     _backdropSubscription = Subscription.EMPTY;
@@ -2766,7 +2799,7 @@ class CdkConnectedOverlay {
         if (!this.positions || !this.positions.length) {
             this.positions = defaultPositionList;
         }
-        const overlayRef = (this._overlayRef = this._overlay.create(this._buildConfig()));
+        const overlayRef = (this._overlayRef = createOverlayRef(this._injector, this._buildConfig()));
         this._attachSubscription = overlayRef.attachments().subscribe(() => this.attach.emit());
         this._detachSubscription = overlayRef.detachments().subscribe(() => this.detach.emit());
         overlayRef.keydownEvents().subscribe((event) => {
@@ -2838,7 +2871,7 @@ class CdkConnectedOverlay {
     }
     /** Returns the position strategy of the overlay to be set on the overlay config */
     _createPositionStrategy() {
-        const strategy = this._overlay.position().flexibleConnectedTo(this._getOrigin());
+        const strategy = createFlexibleConnectedPositionStrategy(this._injector, this._getOrigin());
         this._updatePositionStrategy(strategy);
         return strategy;
     }
@@ -2904,10 +2937,10 @@ class CdkConnectedOverlay {
         this._positionSubscription.unsubscribe();
         this.open = false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkConnectedOverlay, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.0.0-next.1", type: CdkConnectedOverlay, isStandalone: true, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: { origin: ["cdkConnectedOverlayOrigin", "origin"], positions: ["cdkConnectedOverlayPositions", "positions"], positionStrategy: ["cdkConnectedOverlayPositionStrategy", "positionStrategy"], offsetX: ["cdkConnectedOverlayOffsetX", "offsetX"], offsetY: ["cdkConnectedOverlayOffsetY", "offsetY"], width: ["cdkConnectedOverlayWidth", "width"], height: ["cdkConnectedOverlayHeight", "height"], minWidth: ["cdkConnectedOverlayMinWidth", "minWidth"], minHeight: ["cdkConnectedOverlayMinHeight", "minHeight"], backdropClass: ["cdkConnectedOverlayBackdropClass", "backdropClass"], panelClass: ["cdkConnectedOverlayPanelClass", "panelClass"], viewportMargin: ["cdkConnectedOverlayViewportMargin", "viewportMargin"], scrollStrategy: ["cdkConnectedOverlayScrollStrategy", "scrollStrategy"], open: ["cdkConnectedOverlayOpen", "open"], disableClose: ["cdkConnectedOverlayDisableClose", "disableClose"], transformOriginSelector: ["cdkConnectedOverlayTransformOriginOn", "transformOriginSelector"], hasBackdrop: ["cdkConnectedOverlayHasBackdrop", "hasBackdrop", booleanAttribute], lockPosition: ["cdkConnectedOverlayLockPosition", "lockPosition", booleanAttribute], flexibleDimensions: ["cdkConnectedOverlayFlexibleDimensions", "flexibleDimensions", booleanAttribute], growAfterOpen: ["cdkConnectedOverlayGrowAfterOpen", "growAfterOpen", booleanAttribute], push: ["cdkConnectedOverlayPush", "push", booleanAttribute], disposeOnNavigation: ["cdkConnectedOverlayDisposeOnNavigation", "disposeOnNavigation", booleanAttribute] }, outputs: { backdropClick: "backdropClick", positionChange: "positionChange", attach: "attach", detach: "detach", overlayKeydown: "overlayKeydown", overlayOutsideClick: "overlayOutsideClick" }, exportAs: ["cdkConnectedOverlay"], usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: CdkConnectedOverlay, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.0.0-next.5", type: CdkConnectedOverlay, isStandalone: true, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: { origin: ["cdkConnectedOverlayOrigin", "origin"], positions: ["cdkConnectedOverlayPositions", "positions"], positionStrategy: ["cdkConnectedOverlayPositionStrategy", "positionStrategy"], offsetX: ["cdkConnectedOverlayOffsetX", "offsetX"], offsetY: ["cdkConnectedOverlayOffsetY", "offsetY"], width: ["cdkConnectedOverlayWidth", "width"], height: ["cdkConnectedOverlayHeight", "height"], minWidth: ["cdkConnectedOverlayMinWidth", "minWidth"], minHeight: ["cdkConnectedOverlayMinHeight", "minHeight"], backdropClass: ["cdkConnectedOverlayBackdropClass", "backdropClass"], panelClass: ["cdkConnectedOverlayPanelClass", "panelClass"], viewportMargin: ["cdkConnectedOverlayViewportMargin", "viewportMargin"], scrollStrategy: ["cdkConnectedOverlayScrollStrategy", "scrollStrategy"], open: ["cdkConnectedOverlayOpen", "open"], disableClose: ["cdkConnectedOverlayDisableClose", "disableClose"], transformOriginSelector: ["cdkConnectedOverlayTransformOriginOn", "transformOriginSelector"], hasBackdrop: ["cdkConnectedOverlayHasBackdrop", "hasBackdrop", booleanAttribute], lockPosition: ["cdkConnectedOverlayLockPosition", "lockPosition", booleanAttribute], flexibleDimensions: ["cdkConnectedOverlayFlexibleDimensions", "flexibleDimensions", booleanAttribute], growAfterOpen: ["cdkConnectedOverlayGrowAfterOpen", "growAfterOpen", booleanAttribute], push: ["cdkConnectedOverlayPush", "push", booleanAttribute], disposeOnNavigation: ["cdkConnectedOverlayDisposeOnNavigation", "disposeOnNavigation", booleanAttribute] }, outputs: { backdropClick: "backdropClick", positionChange: "positionChange", attach: "attach", detach: "detach", overlayKeydown: "overlayKeydown", overlayOutsideClick: "overlayOutsideClick" }, exportAs: ["cdkConnectedOverlay"], usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkConnectedOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: CdkConnectedOverlay, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]',
@@ -2998,7 +3031,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1",
  * @breaking-change 21.0.0
  */
 function CDK_CONNECTED_OVERLAY_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay) {
-    return () => overlay.scrollStrategies.reposition();
+    const injector = inject(Injector);
+    return () => createRepositionScrollStrategy(injector);
 }
 /**
  * @docs-private
@@ -3007,16 +3041,15 @@ function CDK_CONNECTED_OVERLAY_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay) {
  */
 const CDK_CONNECTED_OVERLAY_SCROLL_STRATEGY_PROVIDER = {
     provide: CDK_CONNECTED_OVERLAY_SCROLL_STRATEGY,
-    deps: [Overlay],
     useFactory: CDK_CONNECTED_OVERLAY_SCROLL_STRATEGY_PROVIDER_FACTORY,
 };
 
 class OverlayModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayModule, imports: [BidiModule, PortalModule, ScrollingModule, CdkConnectedOverlay, CdkOverlayOrigin], exports: [CdkConnectedOverlay, CdkOverlayOrigin, ScrollingModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayModule, providers: [Overlay, CDK_CONNECTED_OVERLAY_SCROLL_STRATEGY_PROVIDER], imports: [BidiModule, PortalModule, ScrollingModule, ScrollingModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayModule, imports: [BidiModule, PortalModule, ScrollingModule, CdkConnectedOverlay, CdkOverlayOrigin], exports: [CdkConnectedOverlay, CdkOverlayOrigin, ScrollingModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayModule, providers: [Overlay, CDK_CONNECTED_OVERLAY_SCROLL_STRATEGY_PROVIDER], imports: [BidiModule, PortalModule, ScrollingModule, ScrollingModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: OverlayModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: OverlayModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [BidiModule, PortalModule, ScrollingModule, CdkConnectedOverlay, CdkOverlayOrigin],
@@ -3025,5 +3058,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1",
                 }]
         }] });
 
-export { BlockScrollStrategy as B, CdkOverlayOrigin as C, FlexibleConnectedPositionStrategy as F, GlobalPositionStrategy as G, NoopScrollStrategy as N, OverlayRef as O, RepositionScrollStrategy as R, STANDARD_DROPDOWN_BELOW_POSITIONS as S, Overlay as a, OverlayContainer as b, OverlayConfig as c, OverlayModule as d, STANDARD_DROPDOWN_ADJACENT_POSITIONS as e, CdkConnectedOverlay as f, OverlayPositionBuilder as g, ConnectionPositionPair as h, ScrollingVisibility as i, ConnectedOverlayPositionChange as j, validateHorizontalPosition as k, ScrollStrategyOptions as l, CloseScrollStrategy as m, OverlayOutsideClickDispatcher as n, OverlayKeyboardDispatcher as o, validateVerticalPosition as v };
-//# sourceMappingURL=overlay-module-863b82c9.mjs.map
+export { BlockScrollStrategy as B, CdkOverlayOrigin as C, FlexibleConnectedPositionStrategy as F, GlobalPositionStrategy as G, NoopScrollStrategy as N, OverlayContainer as O, RepositionScrollStrategy as R, STANDARD_DROPDOWN_ADJACENT_POSITIONS as S, Overlay as a, CdkConnectedOverlay as b, createOverlayRef as c, OverlayRef as d, OverlayPositionBuilder as e, createGlobalPositionStrategy as f, STANDARD_DROPDOWN_BELOW_POSITIONS as g, createFlexibleConnectedPositionStrategy as h, OverlayConfig as i, ConnectionPositionPair as j, ScrollingVisibility as k, ConnectedOverlayPositionChange as l, validateHorizontalPosition as m, ScrollStrategyOptions as n, createRepositionScrollStrategy as o, CloseScrollStrategy as p, createCloseScrollStrategy as q, createNoopScrollStrategy as r, createBlockScrollStrategy as s, OverlayModule as t, OverlayOutsideClickDispatcher as u, validateVerticalPosition as v, OverlayKeyboardDispatcher as w };
+//# sourceMappingURL=overlay-module-BaGhSGqO.mjs.map