@angular/cdk 21.0.0-next.8 → 21.0.0-rc.0

package/schematics/ng-add/index.js

@@ -26,6 +26,6 @@ function default_1() {
     // In order to align the CDK version with other Angular dependencies that are setup by
     // `@schematics/angular`, we use tilde instead of caret. This is default for Angular
     // dependencies in new CLI projects.
-    return (0, utility_1.addDependency)('@angular/cdk', `~21.0.0-next.8`, { existing: utility_1.ExistingBehavior.Skip });
+    return (0, utility_1.addDependency)('@angular/cdk', `~21.0.0-rc.0`, { existing: utility_1.ExistingBehavior.Skip });
 }
 //# sourceMappingURL=index.js.map

package/types/_harness-environment-chunk.d.ts

@@ -117,9 +117,8 @@ interface TestElement {
     /**
      * Sets the value of a `contenteditable` element.
      * @param value Value to be set on the element.
-     * @breaking-change 16.0.0 Will become a required method.
      */
-    setContenteditableValue?(value: string): Promise<void>;
+    setContenteditableValue(value: string): Promise<void>;
     /** Gets the value for the given attribute from the element. */
     getAttribute(name: string): Promise<string | null>;
     /** Checks whether the element has the given class. */

package/types/_overlay-module-chunk.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, NgZone, EnvironmentInjector, Renderer2, ComponentRef, EmbeddedViewRef, ElementRef, Injector, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+import { OnDestroy, NgZone, EnvironmentInjector, Renderer2, ComponentRef, EmbeddedViewRef, ElementRef, Injector, InjectionToken, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
 import { Direction, Directionality, BidiModule } from './_bidi-module-chunk.js';
 import { PortalOutlet, ComponentPortal, TemplatePortal, PortalModule } from './_portal-directives-chunk.js';
 import { CdkScrollable, ScrollingModule } from './_scrolling-module-chunk.js';
@@ -189,6 +189,7 @@ declare class OverlayRef implements PortalOutlet {
     private _updateElementSize;
     /** Toggles the pointer events for the overlay pane element. */
     private _togglePointerEvents;
+    private _attachHost;
     /** Attaches a backdrop for this overlay. */
     private _attachBackdrop;
     /**
@@ -230,6 +231,11 @@ interface PositionStrategy {
     detach?(): void;
     /** Cleans up any DOM modifications made by the position strategy, if necessary. */
     dispose(): void;
+    /**
+     * Gets the element in the DOM after which to insert
+     * the overlay when it is rendered out as a popover.
+     */
+    getPopoverInsertionPoint?(): Element;
 }
 
 /** Initial configuration used when creating an overlay. */
@@ -269,6 +275,11 @@ declare class OverlayConfig {
      * the `HashLocationStrategy`).
      */
     disposeOnNavigation?: boolean;
+    /**
+     * Whether the overlay should be rendered as a native popover element,
+     * rather than placing it inside of the overlay container.
+     */
+    usePopover?: boolean;
     constructor(config?: OverlayConfig);
 }
 
@@ -571,6 +582,8 @@ declare class FlexibleConnectedPositionStrategy implements PositionStrategy {
      *    elements onto which to set the transform origin.
      */
     withTransformOriginOn(selector: string): this;
+    /** @docs-private */
+    getPopoverInsertionPoint(): Element;
     /**
      * Gets the (x, y) coordinate of a connection point on the origin based on a relative position.
      */
@@ -707,6 +720,37 @@ declare class CdkOverlayOrigin {
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkOverlayOrigin, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkOverlayOrigin, "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", ["cdkOverlayOrigin"], {}, {}, never, never, true, never>;
 }
+/**
+ * Injection token that can be used to configure the
+ * default options for the `CdkConnectedOverlay` directive.
+ */
+declare const CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG: InjectionToken<CdkConnectedOverlayConfig>;
+/** Object used to configure the `CdkConnectedOverlay` directive. */
+interface CdkConnectedOverlayConfig {
+    origin?: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
+    positions?: ConnectedPosition[];
+    positionStrategy?: FlexibleConnectedPositionStrategy;
+    offsetX?: number;
+    offsetY?: number;
+    width?: number | string;
+    height?: number | string;
+    minWidth?: number | string;
+    minHeight?: number | string;
+    backdropClass?: string | string[];
+    panelClass?: string | string[];
+    viewportMargin?: ViewportMargin;
+    scrollStrategy?: ScrollStrategy;
+    disableClose?: boolean;
+    transformOriginSelector?: string;
+    hasBackdrop?: boolean;
+    lockPosition?: boolean;
+    flexibleDimensions?: boolean;
+    growAfterOpen?: boolean;
+    push?: boolean;
+    disposeOnNavigation?: boolean;
+    usePopover?: boolean;
+    matchWidth?: boolean;
+}
 /**
  * Directive to facilitate declarative creation of an
  * Overlay using a FlexibleConnectedPositionStrategy.
@@ -724,7 +768,6 @@ declare class CdkConnectedOverlay implements OnDestroy, OnChanges {
     private _offsetY;
     private _position;
     private _scrollStrategyFactory;
-    private _disposeOnNavigation;
     private _ngZone;
     /** Origin for the connected overlay. */
     origin: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
@@ -774,8 +817,13 @@ declare class CdkConnectedOverlay implements OnDestroy, OnChanges {
     /** Whether the overlay can be pushed on-screen if none of the provided positions fit. */
     push: boolean;
     /** Whether the overlay should be disposed of when the user goes backwards/forwards in history. */
-    get disposeOnNavigation(): boolean;
-    set disposeOnNavigation(value: boolean);
+    disposeOnNavigation: boolean;
+    /** Whether the connected overlay should be rendered inside a popover element or the overlay container. */
+    usePopover: boolean;
+    /** Whether the overlay should match the trigger's width. */
+    matchWidth: boolean;
+    /** Shorthand for setting multiple overlay options at once. */
+    set _config(value: string | CdkConnectedOverlayConfig);
     /** Event emitted when the backdrop is clicked. */
     readonly backdropClick: EventEmitter<MouseEvent>;
     /** Event emitted when the position has changed. */
@@ -805,18 +853,22 @@ declare class CdkConnectedOverlay implements OnDestroy, OnChanges {
     private _createPositionStrategy;
     private _getOrigin;
     private _getOriginElement;
+    private _getWidth;
     /** Attaches the overlay. */
     attachOverlay(): void;
     /** Detaches the overlay. */
     detachOverlay(): void;
+    private _assignConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkConnectedOverlay, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkConnectedOverlay, "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", ["cdkConnectedOverlay"], { "origin": { "alias": "cdkConnectedOverlayOrigin"; "required": false; }; "positions": { "alias": "cdkConnectedOverlayPositions"; "required": false; }; "positionStrategy": { "alias": "cdkConnectedOverlayPositionStrategy"; "required": false; }; "offsetX": { "alias": "cdkConnectedOverlayOffsetX"; "required": false; }; "offsetY": { "alias": "cdkConnectedOverlayOffsetY"; "required": false; }; "width": { "alias": "cdkConnectedOverlayWidth"; "required": false; }; "height": { "alias": "cdkConnectedOverlayHeight"; "required": false; }; "minWidth": { "alias": "cdkConnectedOverlayMinWidth"; "required": false; }; "minHeight": { "alias": "cdkConnectedOverlayMinHeight"; "required": false; }; "backdropClass": { "alias": "cdkConnectedOverlayBackdropClass"; "required": false; }; "panelClass": { "alias": "cdkConnectedOverlayPanelClass"; "required": false; }; "viewportMargin": { "alias": "cdkConnectedOverlayViewportMargin"; "required": false; }; "scrollStrategy": { "alias": "cdkConnectedOverlayScrollStrategy"; "required": false; }; "open": { "alias": "cdkConnectedOverlayOpen"; "required": false; }; "disableClose": { "alias": "cdkConnectedOverlayDisableClose"; "required": false; }; "transformOriginSelector": { "alias": "cdkConnectedOverlayTransformOriginOn"; "required": false; }; "hasBackdrop": { "alias": "cdkConnectedOverlayHasBackdrop"; "required": false; }; "lockPosition": { "alias": "cdkConnectedOverlayLockPosition"; "required": false; }; "flexibleDimensions": { "alias": "cdkConnectedOverlayFlexibleDimensions"; "required": false; }; "growAfterOpen": { "alias": "cdkConnectedOverlayGrowAfterOpen"; "required": false; }; "push": { "alias": "cdkConnectedOverlayPush"; "required": false; }; "disposeOnNavigation": { "alias": "cdkConnectedOverlayDisposeOnNavigation"; "required": false; }; }, { "backdropClick": "backdropClick"; "positionChange": "positionChange"; "attach": "attach"; "detach": "detach"; "overlayKeydown": "overlayKeydown"; "overlayOutsideClick": "overlayOutsideClick"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkConnectedOverlay, "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", ["cdkConnectedOverlay"], { "origin": { "alias": "cdkConnectedOverlayOrigin"; "required": false; }; "positions": { "alias": "cdkConnectedOverlayPositions"; "required": false; }; "positionStrategy": { "alias": "cdkConnectedOverlayPositionStrategy"; "required": false; }; "offsetX": { "alias": "cdkConnectedOverlayOffsetX"; "required": false; }; "offsetY": { "alias": "cdkConnectedOverlayOffsetY"; "required": false; }; "width": { "alias": "cdkConnectedOverlayWidth"; "required": false; }; "height": { "alias": "cdkConnectedOverlayHeight"; "required": false; }; "minWidth": { "alias": "cdkConnectedOverlayMinWidth"; "required": false; }; "minHeight": { "alias": "cdkConnectedOverlayMinHeight"; "required": false; }; "backdropClass": { "alias": "cdkConnectedOverlayBackdropClass"; "required": false; }; "panelClass": { "alias": "cdkConnectedOverlayPanelClass"; "required": false; }; "viewportMargin": { "alias": "cdkConnectedOverlayViewportMargin"; "required": false; }; "scrollStrategy": { "alias": "cdkConnectedOverlayScrollStrategy"; "required": false; }; "open": { "alias": "cdkConnectedOverlayOpen"; "required": false; }; "disableClose": { "alias": "cdkConnectedOverlayDisableClose"; "required": false; }; "transformOriginSelector": { "alias": "cdkConnectedOverlayTransformOriginOn"; "required": false; }; "hasBackdrop": { "alias": "cdkConnectedOverlayHasBackdrop"; "required": false; }; "lockPosition": { "alias": "cdkConnectedOverlayLockPosition"; "required": false; }; "flexibleDimensions": { "alias": "cdkConnectedOverlayFlexibleDimensions"; "required": false; }; "growAfterOpen": { "alias": "cdkConnectedOverlayGrowAfterOpen"; "required": false; }; "push": { "alias": "cdkConnectedOverlayPush"; "required": false; }; "disposeOnNavigation": { "alias": "cdkConnectedOverlayDisposeOnNavigation"; "required": false; }; "usePopover": { "alias": "cdkConnectedOverlayUsePopover"; "required": false; }; "matchWidth": { "alias": "cdkConnectedOverlayMatchWidth"; "required": false; }; "_config": { "alias": "cdkConnectedOverlay"; "required": false; }; }, { "backdropClick": "backdropClick"; "positionChange": "positionChange"; "attach": "attach"; "detach": "detach"; "overlayKeydown": "overlayKeydown"; "overlayOutsideClick": "overlayOutsideClick"; }, never, never, true, never>;
     static ngAcceptInputType_hasBackdrop: unknown;
     static ngAcceptInputType_lockPosition: unknown;
     static ngAcceptInputType_flexibleDimensions: unknown;
     static ngAcceptInputType_growAfterOpen: unknown;
     static ngAcceptInputType_push: unknown;
     static ngAcceptInputType_disposeOnNavigation: unknown;
+    static ngAcceptInputType_usePopover: unknown;
+    static ngAcceptInputType_matchWidth: unknown;
 }
 
 declare class OverlayModule {
@@ -825,5 +877,5 @@ declare class OverlayModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<OverlayModule>;
 }
 
-export { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectionPositionPair, FlexibleConnectedPositionStrategy, OverlayConfig, OverlayContainer, OverlayKeyboardDispatcher, OverlayModule, OverlayOutsideClickDispatcher, OverlayRef, STANDARD_DROPDOWN_ADJACENT_POSITIONS, STANDARD_DROPDOWN_BELOW_POSITIONS, ScrollingVisibility, createFlexibleConnectedPositionStrategy, validateHorizontalPosition, validateVerticalPosition };
-export type { ConnectedPosition, FlexibleConnectedPositionStrategyOrigin, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, OverlaySizeConfig, PositionStrategy, ScrollStrategy, VerticalConnectionPos, ViewportMargin };
+export { CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG, CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectionPositionPair, FlexibleConnectedPositionStrategy, OverlayConfig, OverlayContainer, OverlayKeyboardDispatcher, OverlayModule, OverlayOutsideClickDispatcher, OverlayRef, STANDARD_DROPDOWN_ADJACENT_POSITIONS, STANDARD_DROPDOWN_BELOW_POSITIONS, ScrollingVisibility, createFlexibleConnectedPositionStrategy, validateHorizontalPosition, validateVerticalPosition };
+export type { CdkConnectedOverlayConfig, ConnectedPosition, FlexibleConnectedPositionStrategyOrigin, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, OverlaySizeConfig, PositionStrategy, ScrollStrategy, VerticalConnectionPos, ViewportMargin };

package/types/_portal-directives-chunk.d.ts

@@ -131,14 +131,6 @@ declare class CdkPortal extends TemplatePortal {
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkPortal, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkPortal, "[cdkPortal]", ["cdkPortal"], {}, {}, never, never, true, never>;
 }
-/**
- * @deprecated Use `CdkPortal` instead.
- * @breaking-change 9.0.0
- */
-declare class TemplatePortalDirective extends CdkPortal {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TemplatePortalDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplatePortalDirective, "[cdk-portal], [portal]", ["cdkPortal"], {}, {}, never, never, true, never>;
-}
 /**
  * Possible attached references to the CdkPortalOutlet.
  */
@@ -193,19 +185,11 @@ declare class CdkPortalOutlet extends BasePortalOutlet implements OnInit, OnDest
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkPortalOutlet, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkPortalOutlet, "[cdkPortalOutlet]", ["cdkPortalOutlet"], { "portal": { "alias": "cdkPortalOutlet"; "required": false; }; }, { "attached": "attached"; }, never, never, true, never>;
 }
-/**
- * @deprecated Use `CdkPortalOutlet` instead.
- * @breaking-change 9.0.0
- */
-declare class PortalHostDirective extends CdkPortalOutlet {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PortalHostDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PortalHostDirective, "[cdkPortalHost], [portalHost]", ["cdkPortalHost"], { "portal": { "alias": "cdkPortalHost"; "required": false; }; }, {}, never, never, true, never>;
-}
 declare class PortalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PortalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PortalModule, never, [typeof CdkPortal, typeof CdkPortalOutlet, typeof TemplatePortalDirective, typeof PortalHostDirective], [typeof CdkPortal, typeof CdkPortalOutlet, typeof TemplatePortalDirective, typeof PortalHostDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PortalModule, never, [typeof CdkPortal, typeof CdkPortalOutlet], [typeof CdkPortal, typeof CdkPortalOutlet]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PortalModule>;
 }
 
-export { BasePortalOutlet, CdkPortal, CdkPortalOutlet, ComponentPortal, DomPortal, Portal, PortalHostDirective, PortalModule, TemplatePortal, TemplatePortalDirective };
+export { BasePortalOutlet, CdkPortal, CdkPortalOutlet, ComponentPortal, DomPortal, Portal, PortalModule, TemplatePortal };
 export type { CdkPortalOutletAttachedRef, ComponentType, PortalOutlet };

package/types/accordion.d.ts

@@ -14,7 +14,9 @@ declare const CDK_ACCORDION: InjectionToken<CdkAccordion>;
  */
 declare class CdkAccordion implements OnDestroy, OnChanges {
     /** Emits when the state of the accordion changes */
-    readonly _stateChanges: Subject<SimpleChanges>;
+    readonly _stateChanges: Subject<{
+        [propName: string]: i0.SimpleChange<any>;
+    }>;
     /** Stream that emits true/false when openAll/closeAll is triggered. */
     readonly _openCloseAllActions: Subject<boolean>;
     /** A readonly id value to use for unique selection coordination. */

package/types/dialog.d.ts

@@ -4,7 +4,7 @@ import { Observable, Subject } from 'rxjs';
 import { FocusOrigin } from './_focus-monitor-chunk.js';
 import { FocusTrapFactory, A11yModule } from './_a11y-module-chunk.js';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, DomPortal, ComponentType, PortalModule } from './_portal-directives-chunk.js';
-export { CdkPortal as ɵɵCdkPortal, PortalHostDirective as ɵɵPortalHostDirective, TemplatePortalDirective as ɵɵTemplatePortalDirective } from './_portal-directives-chunk.js';
+export { CdkPortal as ɵɵCdkPortal } from './_portal-directives-chunk.js';
 import { Direction } from './_bidi-module-chunk.js';
 import { PositionStrategy, ScrollStrategy, OverlayRef, OverlayModule } from './_overlay-module-chunk.js';
 import * as _angular_cdk_portal from '@angular/cdk/portal';

package/types/overlay.d.ts

@@ -1,5 +1,5 @@
 import { ScrollStrategy, OverlayRef, PositionStrategy, FlexibleConnectedPositionStrategyOrigin, FlexibleConnectedPositionStrategy, OverlayConfig, OverlayContainer } from './_overlay-module-chunk.js';
-export { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectedPosition, ConnectionPositionPair, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, OverlayKeyboardDispatcher, OverlayModule, OverlayOutsideClickDispatcher, OverlaySizeConfig, STANDARD_DROPDOWN_ADJACENT_POSITIONS, STANDARD_DROPDOWN_BELOW_POSITIONS, ScrollingVisibility, VerticalConnectionPos, ViewportMargin, createFlexibleConnectedPositionStrategy, validateHorizontalPosition, validateVerticalPosition } from './_overlay-module-chunk.js';
+export { CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG, CdkConnectedOverlay, CdkConnectedOverlayConfig, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectedPosition, ConnectionPositionPair, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, OverlayKeyboardDispatcher, OverlayModule, OverlayOutsideClickDispatcher, OverlaySizeConfig, STANDARD_DROPDOWN_ADJACENT_POSITIONS, STANDARD_DROPDOWN_BELOW_POSITIONS, ScrollingVisibility, VerticalConnectionPos, ViewportMargin, createFlexibleConnectedPositionStrategy, validateHorizontalPosition, validateVerticalPosition } from './_overlay-module-chunk.js';
 import { ScrollDispatcher } from './_scrolling-module-chunk.js';
 export { CdkScrollable, CdkFixedSizeVirtualScroll as ɵɵCdkFixedSizeVirtualScroll, CdkScrollableModule as ɵɵCdkScrollableModule, CdkVirtualForOf as ɵɵCdkVirtualForOf, CdkVirtualScrollViewport as ɵɵCdkVirtualScrollViewport, CdkVirtualScrollableElement as ɵɵCdkVirtualScrollableElement, CdkVirtualScrollableWindow as ɵɵCdkVirtualScrollableWindow } from './_scrolling-module-chunk.js';
 import { ViewportRuler } from './scrolling.js';
@@ -154,7 +154,7 @@ declare class ScrollStrategyOptions {
  * Creates a global position strategy.
  * @param injector Injector used to resolve dependencies for the strategy.
  */
-declare function createGlobalPositionStrategy(_injector: Injector): GlobalPositionStrategy;
+declare function createGlobalPositionStrategy(injector: Injector): 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
@@ -173,6 +173,8 @@ declare class GlobalPositionStrategy implements PositionStrategy {
     private _width;
     private _height;
     private _isDisposed;
+    private _document;
+    constructor(injector?: Injector);
     attach(overlayRef: OverlayRef): void;
     /**
      * Sets the top position of the overlay. Clears any previously set vertical position.
@@ -244,6 +246,8 @@ declare class GlobalPositionStrategy implements PositionStrategy {
      * @docs-private
      */
     dispose(): void;
+    /** @docs-private */
+    getPopoverInsertionPoint(): Element;
 }
 
 /** Builder for overlay position strategy. */

package/types/portal.d.ts

@@ -1,5 +1,5 @@
 import { BasePortalOutlet, ComponentPortal, TemplatePortal, DomPortal } from './_portal-directives-chunk.js';
-export { CdkPortal, CdkPortalOutlet, CdkPortalOutletAttachedRef, ComponentType, Portal, PortalHostDirective, PortalModule, PortalOutlet, TemplatePortalDirective } from './_portal-directives-chunk.js';
+export { CdkPortal, CdkPortalOutlet, CdkPortalOutletAttachedRef, ComponentType, Portal, PortalModule, PortalOutlet } from './_portal-directives-chunk.js';
 import { ApplicationRef, Injector, ComponentRef, EmbeddedViewRef } from '@angular/core';
 
 /**