@angular/cdk-experimental 14.0.0-next.5 → 14.0.0-next.8

package/listbox/listbox.d.ts

@@ -5,17 +5,20 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { ActiveDescendantKeyManager, Highlightable, ListKeyManagerOption } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { SelectionModel } from '@angular/cdk/collections';
 import { Observable } from 'rxjs';
 import { ControlValueAccessor } from '@angular/forms';
-import { CdkComboboxPanel } from '@angular/cdk-experimental/combobox';
 import { Directionality } from '@angular/cdk/bidi';
+import { CdkCombobox } from '@angular/cdk-experimental/combobox';
 import * as i0 from "@angular/core";
-export declare const CDK_LISTBOX_VALUE_ACCESSOR: any;
-export declare const PANEL: InjectionToken<CdkComboboxPanel<unknown>>;
+export declare const CDK_LISTBOX_VALUE_ACCESSOR: {
+    provide: import("@angular/core").InjectionToken<readonly ControlValueAccessor[]>;
+    useExisting: import("@angular/core").Type<any>;
+    multi: boolean;
+};
 export declare class CdkOption<T = unknown> implements ListKeyManagerOption, Highlightable {
     private readonly _elementRef;
     readonly listbox: CdkListbox<T>;
@@ -32,6 +35,11 @@ export declare class CdkOption<T = unknown> implements ListKeyManagerOption, Hig
     /** The form value of the option. */
     get value(): T;
     set value(value: T);
+    /**
+     * The text used to locate this item during menu typeahead. If not specified,
+     * the `textContent` of the item will be used.
+     */
+    typeahead: string;
     readonly selectionChange: EventEmitter<OptionSelectionChangeEvent<T>>;
     constructor(_elementRef: ElementRef, listbox: CdkListbox<T>);
     /** Toggles the selected state, emits a change event through the injected listbox. */
@@ -54,18 +62,15 @@ export declare class CdkOption<T = unknown> implements ListKeyManagerOption, Hig
     _getTabIndex(): string | null;
     /** Get the label for this element which is required by the FocusableOption interface. */
     getLabel(): string;
-    /** Remove any child from the given element which can be identified as an icon. */
-    private _removeIcons;
-    getElementRef(): ElementRef<any>;
     /** Sets the active property to true to enable the active css class. */
     setActiveStyles(): void;
     /** Sets the active property to false to disable the active css class. */
     setInactiveStyles(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkOption<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkOption<any>, "[cdkOption]", ["cdkOption"], { "id": "id"; "selected": "selected"; "disabled": "disabled"; "value": "value"; }, { "selectionChange": "selectionChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkOption<any>, "[cdkOption]", ["cdkOption"], { "id": "id"; "selected": "selected"; "disabled": "disabled"; "value": "value"; "typeahead": "typeahead"; }, { "selectionChange": "selectionChange"; }, never>;
 }
 export declare class CdkListbox<T> implements AfterContentInit, OnDestroy, OnInit, ControlValueAccessor {
-    readonly _parentPanel?: CdkComboboxPanel<T> | undefined;
+    private readonly _combobox;
     private readonly _dir?;
     _listKeyManager: ActiveDescendantKeyManager<CdkOption<T>>;
     _selectionModel: SelectionModel<CdkOption<T>>;
@@ -101,12 +106,10 @@ export declare class CdkListbox<T> implements AfterContentInit, OnDestroy, OnIni
     /** Determines the orientation for the list key manager. Affects keyboard interaction. */
     orientation: 'horizontal' | 'vertical';
     compareWith: (o1: T, o2: T) => boolean;
-    private readonly _explicitPanel;
-    constructor(_parentPanel?: CdkComboboxPanel<T> | undefined, _dir?: Directionality | undefined);
+    constructor(_combobox: CdkCombobox, _dir?: Directionality | undefined);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    private _registerWithPanel;
     private _initKeyManager;
     private _initSelectionModel;
     _keydown(event: KeyboardEvent): void;
@@ -151,7 +154,7 @@ export declare class CdkListbox<T> implements AfterContentInit, OnDestroy, OnIni
     /** Selects an option that has the corresponding given value. */
     private _setSelectionByValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkListbox<any>, [{ optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkListbox<any>, "[cdkListbox]", ["cdkListbox"], { "id": "id"; "multiple": "multiple"; "disabled": "disabled"; "useActiveDescendant": "useActiveDescendant"; "autoFocus": "autoFocus"; "orientation": "listboxOrientation"; "compareWith": "compareWith"; "_explicitPanel": "parentPanel"; }, { "selectionChange": "selectionChange"; }, ["_options"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkListbox<any>, "[cdkListbox]", ["cdkListbox"], { "id": "id"; "multiple": "multiple"; "disabled": "disabled"; "useActiveDescendant": "useActiveDescendant"; "autoFocus": "autoFocus"; "orientation": "listboxOrientation"; "compareWith": "compareWith"; }, { "selectionChange": "selectionChange"; }, ["_options"]>;
 }
 /** Change event that is being fired whenever the selected state of an option changes. */
 export interface ListboxSelectionChangeEvent<T> {

package/menu/context-menu.d.ts

@@ -5,11 +5,12 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { EventEmitter, InjectionToken, OnDestroy, ViewContainerRef } from '@angular/core';
+import { EventEmitter, Injector, OnDestroy, ViewContainerRef } from '@angular/core';
 import { Directionality } from '@angular/cdk/bidi';
-import { Overlay } from '@angular/cdk/overlay';
+import { ConnectedPosition, Overlay } from '@angular/cdk/overlay';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { CdkMenuPanel } from './menu-panel';
+import { MenuStack } from './menu-stack';
+import { MenuTrigger } from './menu-trigger';
 import * as i0 from "@angular/core";
 /** Tracks the last open context menu trigger across the entire application. */
 export declare class ContextMenuTracker {
@@ -23,15 +24,6 @@ export declare class ContextMenuTracker {
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuTracker, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ContextMenuTracker>;
 }
-/** Configuration options passed to the context menu. */
-export declare type ContextMenuOptions = {
-    /** The opened menus X coordinate offset from the triggering position. */
-    offsetX: number;
-    /** The opened menus Y coordinate offset from the triggering position. */
-    offsetY: number;
-};
-/** Injection token for the ContextMenu options object. */
-export declare const CDK_CONTEXT_MENU_DEFAULT_OPTIONS: InjectionToken<ContextMenuOptions>;
 /** The coordinates of where the context menu should open. */
 export declare type ContextMenuCoordinates = {
     x: number;
@@ -42,17 +34,15 @@ export declare type ContextMenuCoordinates = {
  * right-clicks within that element. It is aware of nested Context Menus and the lowest level
  * non-disabled context menu will trigger.
  */
-export declare class CdkContextMenuTrigger implements OnDestroy {
+export declare class CdkContextMenuTrigger extends MenuTrigger implements OnDestroy {
     protected readonly _viewContainerRef: ViewContainerRef;
     private readonly _overlay;
     private readonly _contextMenuTracker;
-    private readonly _options;
     private readonly _directionality?;
     /** Template reference variable to the menu to open on right click. */
-    get menuPanel(): CdkMenuPanel;
-    set menuPanel(panel: CdkMenuPanel);
-    /** Reference to the MenuPanel this trigger toggles. */
-    private _menuPanel;
+    private _menuTemplateRef;
+    /** A list of preferred menu positions to be used when constructing the `FlexibleConnectedPositionStrategy` for this trigger's menu. */
+    menuPosition: ConnectedPosition[];
     /** Emits when the attached menu is requested to open. */
     readonly opened: EventEmitter<void>;
     /** Emits when the attached menu is requested to close. */
@@ -64,14 +54,12 @@ export declare class CdkContextMenuTrigger implements OnDestroy {
     /** A reference to the overlay which manages the triggered menu. */
     private _overlayRef;
     /** The content of the menu panel opened by this trigger. */
-    private _panelContent;
+    private _menuPortal;
     /** Emits when the element is destroyed. */
     private readonly _destroyed;
-    /** The menu stack for this trigger and its associated menus. */
-    private readonly _menuStack;
     /** Emits when the outside pointer events listener on the overlay should be stopped. */
     private readonly _stopOutsideClicksListener;
-    constructor(_viewContainerRef: ViewContainerRef, _overlay: Overlay, _contextMenuTracker: ContextMenuTracker, _options: ContextMenuOptions, _directionality?: Directionality | undefined);
+    constructor(injector: Injector, _viewContainerRef: ViewContainerRef, _overlay: Overlay, _contextMenuTracker: ContextMenuTracker, menuStack: MenuStack, _directionality?: Directionality | undefined);
     /**
      * Open the attached menu at the specified location.
      * @param coordinates where to open the context menu
@@ -97,10 +85,6 @@ export declare class CdkContextMenuTrigger implements OnDestroy {
      * @param coordinates the location to place the opened menu
      */
     private _getOverlayPositionStrategy;
-    /**
-     * Determine and return where to position the opened menu relative to the mouse location.
-     */
-    private _getOverlayPositions;
     /**
      * Get the portal to be attached to the overlay which contains the menu. Allows for the menu
      * content to change dynamically and be reflected in the application.
@@ -116,8 +100,6 @@ export declare class CdkContextMenuTrigger implements OnDestroy {
     ngOnDestroy(): void;
     /** Destroy and unset the overlay reference it if exists. */
     private _destroyOverlay;
-    /** Set the menu panels menu stack back to null. */
-    private _resetPanelMenuStack;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkContextMenuTrigger, [null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkContextMenuTrigger, "[cdkContextMenuTriggerFor]", ["cdkContextMenuTriggerFor"], { "menuPanel": "cdkContextMenuTriggerFor"; "disabled": "cdkContextMenuDisabled"; }, { "opened": "cdkContextMenuOpened"; "closed": "cdkContextMenuClosed"; }, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkContextMenuTrigger, [null, null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkContextMenuTrigger, "[cdkContextMenuTriggerFor]", ["cdkContextMenuTriggerFor"], { "_menuTemplateRef": "cdkContextMenuTriggerFor"; "menuPosition": "cdkMenuPosition"; "disabled": "cdkContextMenuDisabled"; }, { "opened": "cdkContextMenuOpened"; "closed": "cdkContextMenuClosed"; }, never>;
 }

package/menu/menu-bar.d.ts

@@ -20,9 +20,9 @@ import * as i0 from "@angular/core";
  *
  */
 export declare class CdkMenuBar extends CdkMenuGroup implements Menu, AfterContentInit, OnDestroy {
-    readonly _menuStack: MenuStack;
     private readonly _ngZone;
     readonly _elementRef: ElementRef<HTMLElement>;
+    readonly _menuStack: MenuStack;
     private readonly _menuAim?;
     private readonly _dir?;
     /**
@@ -40,7 +40,7 @@ export declare class CdkMenuBar extends CdkMenuGroup implements Menu, AfterConte
     private readonly _allItems;
     /** The Menu Item which triggered the open submenu. */
     private _openItem?;
-    constructor(_menuStack: MenuStack, _ngZone: NgZone, _elementRef: ElementRef<HTMLElement>, _menuAim?: MenuAim | undefined, _dir?: Directionality | undefined);
+    constructor(_ngZone: NgZone, _elementRef: ElementRef<HTMLElement>, _menuStack: MenuStack, _menuAim?: MenuAim | undefined, _dir?: Directionality | undefined);
     ngAfterContentInit(): void;
     /** Place focus on the first MenuItem in the menu and set the focus origin. */
     focusFirstItem(focusOrigin?: FocusOrigin): void;

package/menu/menu-errors.d.ts

@@ -5,11 +5,6 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-/**
- * Throws an exception when a menu panel already has a menu stack.
- * @docs-private
- */
-export declare function throwExistingMenuStackError(): void;
 /**
  * Throws an exception when an instance of the PointerFocusTracker is not provided.
  * @docs-private

package/menu/menu-item-radio.d.ts

@@ -6,12 +6,13 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
-import { OnDestroy, ElementRef, NgZone } from '@angular/core';
+import { ElementRef, NgZone, OnDestroy } from '@angular/core';
 import { Directionality } from '@angular/cdk/bidi';
 import { CdkMenuItemSelectable } from './menu-item-selectable';
 import { CdkMenuItemTrigger } from './menu-item-trigger';
 import { Menu } from './menu-interface';
 import { MenuAim } from './menu-aim';
+import { MenuStack } from './menu-stack';
 import * as i0 from "@angular/core";
 /**
  * A directive providing behavior for the "menuitemradio" ARIA role, which behaves similarly to
@@ -22,7 +23,7 @@ export declare class CdkMenuItemRadio extends CdkMenuItemSelectable implements O
     private readonly _selectionDispatcher;
     /** Function to unregister the selection dispatcher */
     private _removeDispatcherListener;
-    constructor(_selectionDispatcher: UniqueSelectionDispatcher, element: ElementRef<HTMLElement>, ngZone: NgZone, parentMenu?: Menu, menuAim?: MenuAim, dir?: Directionality, 
+    constructor(_selectionDispatcher: UniqueSelectionDispatcher, element: ElementRef<HTMLElement>, ngZone: NgZone, menuStack?: MenuStack, parentMenu?: Menu, menuAim?: MenuAim, dir?: Directionality, 
     /** Reference to the CdkMenuItemTrigger directive if one is added to the same element */
     menuTrigger?: CdkMenuItemTrigger);
     /** Configure the unique selection dispatcher listener in order to toggle the checked state  */
@@ -30,6 +31,6 @@ export declare class CdkMenuItemRadio extends CdkMenuItemSelectable implements O
     /** Toggles the checked state of the radio-button. */
     trigger(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuItemRadio, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuItemRadio, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuItemRadio, "[cdkMenuItemRadio]", ["cdkMenuItemRadio"], {}, {}, never>;
 }

package/menu/menu-item-trigger.d.ts

@@ -5,13 +5,13 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { EventEmitter, ElementRef, ViewContainerRef, OnDestroy, NgZone } from '@angular/core';
+import { ElementRef, EventEmitter, Injector, NgZone, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Directionality } from '@angular/cdk/bidi';
-import { Overlay } from '@angular/cdk/overlay';
-import { CdkMenuPanel } from './menu-panel';
+import { ConnectedPosition, Overlay } from '@angular/cdk/overlay';
 import { Menu } from './menu-interface';
 import { MenuStack } from './menu-stack';
 import { MenuAim } from './menu-aim';
+import { MenuTrigger } from './menu-trigger';
 import * as i0 from "@angular/core";
 /**
  * Whether the target element is a menu item to be ignored by the overlay background click handler.
@@ -26,7 +26,7 @@ export declare function isClickInsideMenuOverlay(target: Element): boolean;
  * The directive must be placed along with the `cdkMenuItem` directive in order to enable full
  * functionality.
  */
-export declare class CdkMenuItemTrigger implements OnDestroy {
+export declare class CdkMenuItemTrigger extends MenuTrigger implements OnDestroy {
     private readonly _elementRef;
     protected readonly _viewContainerRef: ViewContainerRef;
     private readonly _overlay;
@@ -35,25 +35,22 @@ export declare class CdkMenuItemTrigger implements OnDestroy {
     private readonly _menuAim?;
     private readonly _directionality?;
     /** Template reference variable to the menu this trigger opens */
-    get menuPanel(): CdkMenuPanel | undefined;
-    set menuPanel(panel: CdkMenuPanel | undefined);
-    /** Reference to the MenuPanel this trigger toggles. */
-    private _menuPanel?;
+    _menuTemplateRef?: TemplateRef<unknown>;
+    /** A list of preferred menu positions to be used when constructing the `FlexibleConnectedPositionStrategy` for this trigger's menu. */
+    menuPosition: ConnectedPosition[];
     /** Emits when the attached menu is requested to open */
     readonly opened: EventEmitter<void>;
     /** Emits when the attached menu is requested to close */
     readonly closed: EventEmitter<void>;
-    /** The menu stack for this trigger and its sub-menus. */
-    _menuStack: MenuStack;
     /** A reference to the overlay which manages the triggered menu */
     private _overlayRef;
     /** The content of the menu panel opened by this trigger. */
-    private _panelContent;
+    private _menuPortal;
     /** Emits when this trigger is destroyed. */
     private readonly _destroyed;
     /** Emits when the outside pointer events listener on the overlay should be stopped. */
     private readonly _stopOutsideClicksListener;
-    constructor(_elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _overlay: Overlay, _ngZone: NgZone, _parentMenu?: Menu | undefined, _menuAim?: MenuAim | undefined, _directionality?: Directionality | undefined);
+    constructor(injector: Injector, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _overlay: Overlay, _ngZone: NgZone, menuStack: MenuStack, _parentMenu?: Menu | undefined, _menuAim?: MenuAim | undefined, _directionality?: Directionality | undefined);
     /** Open/close the attached menu if the trigger has been configured with one */
     toggle(): void;
     /** Open the attached menu. */
@@ -102,11 +99,7 @@ export declare class CdkMenuItemTrigger implements OnDestroy {
      * this triggers when requested.
      */
     private _registerCloseHandler;
-    /** Get the menu stack for this trigger - either from the parent or this trigger. */
-    private _getMenuStack;
     ngOnDestroy(): void;
-    /** Set the menu panels menu stack back to null. */
-    private _resetPanelMenuStack;
     /**
      * Subscribe to the overlays outside pointer events stream and handle closing out the stack if a
      * click occurs outside the menus.
@@ -114,6 +107,6 @@ export declare class CdkMenuItemTrigger implements OnDestroy {
     private _subscribeToOutsideClicks;
     /** Destroy and unset the overlay reference it if exists */
     private _destroyOverlay;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuItemTrigger, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuItemTrigger, "[cdkMenuTriggerFor]", ["cdkMenuTriggerFor"], { "menuPanel": "cdkMenuTriggerFor"; }, { "opened": "cdkMenuOpened"; "closed": "cdkMenuClosed"; }, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuItemTrigger, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuItemTrigger, "[cdkMenuTriggerFor]", ["cdkMenuTriggerFor"], { "_menuTemplateRef": "cdkMenuTriggerFor"; "menuPosition": "cdkMenuPosition"; }, { "opened": "cdkMenuOpened"; "closed": "cdkMenuClosed"; }, never>;
 }

package/menu/menu-item.d.ts

@@ -11,8 +11,9 @@ import { FocusableOption } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { CdkMenuItemTrigger } from './menu-item-trigger';
 import { Menu } from './menu-interface';
+import { MenuStack } from './menu-stack';
 import { FocusableElement } from './pointer-focus-tracker';
-import { Toggler, MenuAim } from './menu-aim';
+import { MenuAim, Toggler } from './menu-aim';
 import * as i0 from "@angular/core";
 /**
  * Directive which provides the ability for an element to be focused and navigated to using the
@@ -22,6 +23,7 @@ import * as i0 from "@angular/core";
 export declare class CdkMenuItem implements FocusableOption, FocusableElement, Toggler, OnDestroy {
     readonly _elementRef: ElementRef<HTMLElement>;
     private readonly _ngZone;
+    private readonly _menuStack?;
     private readonly _parentMenu?;
     private readonly _menuAim?;
     private readonly _dir?;
@@ -31,6 +33,11 @@ export declare class CdkMenuItem implements FocusableOption, FocusableElement, T
     get disabled(): boolean;
     set disabled(value: BooleanInput);
     private _disabled;
+    /**
+     * The text used to locate this item during menu typeahead. If not specified,
+     * the `textContent` of the item will be used.
+     */
+    typeahead: string;
     /**
      * If this MenuItem is a regular MenuItem, outputs when it is triggered by a keyboard or mouse
      * event.
@@ -43,7 +50,7 @@ export declare class CdkMenuItem implements FocusableOption, FocusableElement, T
     _tabindex: 0 | -1;
     /** Emits when the menu item is destroyed. */
     private readonly _destroyed;
-    constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _parentMenu?: Menu | undefined, _menuAim?: MenuAim | undefined, _dir?: Directionality | undefined, 
+    constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _menuStack?: MenuStack | undefined, _parentMenu?: Menu | undefined, _menuAim?: MenuAim | undefined, _dir?: Directionality | undefined, 
     /** Reference to the CdkMenuItemTrigger directive if one is added to the same element */
     _menuTrigger?: CdkMenuItemTrigger | undefined);
     /** Place focus on the element. */
@@ -92,9 +99,7 @@ export declare class CdkMenuItem implements FocusableOption, FocusableElement, T
      * otherwise or if no parent.
      */
     private _isParentVertical;
-    /** Get the MenuStack from the parent menu. */
-    private _getMenuStack;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuItem, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuItem, "[cdkMenuItem]", ["cdkMenuItem"], { "disabled": "disabled"; }, { "triggered": "cdkMenuItemTriggered"; }, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuItem, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuItem, "[cdkMenuItem]", ["cdkMenuItem"], { "disabled": "disabled"; "typeahead": "typeahead"; }, { "triggered": "cdkMenuItemTriggered"; }, never>;
 }

package/menu/menu-module.d.ts

@@ -1,17 +1,16 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./menu-bar";
 import * as i2 from "./menu";
-import * as i3 from "./menu-panel";
-import * as i4 from "./menu-item";
-import * as i5 from "./menu-item-radio";
-import * as i6 from "./menu-item-checkbox";
-import * as i7 from "./menu-item-trigger";
-import * as i8 from "./menu-group";
-import * as i9 from "./context-menu";
-import * as i10 from "./menu-aim";
-import * as i11 from "@angular/cdk/overlay";
+import * as i3 from "./menu-item";
+import * as i4 from "./menu-item-radio";
+import * as i5 from "./menu-item-checkbox";
+import * as i6 from "./menu-item-trigger";
+import * as i7 from "./menu-group";
+import * as i8 from "./context-menu";
+import * as i9 from "./menu-aim";
+import * as i10 from "@angular/cdk/overlay";
 export declare class CdkMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CdkMenuModule, [typeof i1.CdkMenuBar, typeof i2.CdkMenu, typeof i3.CdkMenuPanel, typeof i4.CdkMenuItem, typeof i5.CdkMenuItemRadio, typeof i6.CdkMenuItemCheckbox, typeof i7.CdkMenuItemTrigger, typeof i8.CdkMenuGroup, typeof i9.CdkContextMenuTrigger, typeof i10.CdkTargetMenuAim], [typeof i11.OverlayModule], [typeof i1.CdkMenuBar, typeof i2.CdkMenu, typeof i3.CdkMenuPanel, typeof i4.CdkMenuItem, typeof i5.CdkMenuItemRadio, typeof i6.CdkMenuItemCheckbox, typeof i7.CdkMenuItemTrigger, typeof i8.CdkMenuGroup, typeof i9.CdkContextMenuTrigger, typeof i10.CdkTargetMenuAim]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CdkMenuModule, [typeof i1.CdkMenuBar, typeof i2.CdkMenu, typeof i3.CdkMenuItem, typeof i4.CdkMenuItemRadio, typeof i5.CdkMenuItemCheckbox, typeof i6.CdkMenuItemTrigger, typeof i7.CdkMenuGroup, typeof i8.CdkContextMenuTrigger, typeof i9.CdkTargetMenuAim], [typeof i10.OverlayModule], [typeof i1.CdkMenuBar, typeof i2.CdkMenu, typeof i3.CdkMenuItem, typeof i4.CdkMenuItemRadio, typeof i5.CdkMenuItemCheckbox, typeof i6.CdkMenuItemTrigger, typeof i7.CdkMenuGroup, typeof i8.CdkContextMenuTrigger, typeof i9.CdkTargetMenuAim]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CdkMenuModule>;
 }

package/menu/menu-stack.d.ts

@@ -5,7 +5,9 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
+import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 /** Events to emit as specified by the caller once the MenuStack is empty. */
 export declare const enum FocusNext {
     nextItem = 0,
@@ -17,8 +19,10 @@ export declare const enum FocusNext {
  */
 export interface MenuStackItem {
     /** A reference to the previous Menus MenuStack instance. */
-    _menuStack: MenuStack | null;
+    _menuStack?: MenuStack;
 }
+/** Injection token used for an implementation of MenuStack. */
+export declare const MENU_STACK: InjectionToken<MenuStack>;
 /**
  * MenuStack allows subscribers to listen for close events (when a MenuStackItem is popped off
  * of the stack) in order to perform closing actions. Upon the MenuStack being empty it emits
@@ -70,9 +74,6 @@ export declare class MenuStack {
     length(): number;
     /** Get the top most element on the stack. */
     peek(): MenuStackItem | undefined;
-}
-/** NoopMenuStack is a placeholder MenuStack used for inline menus. */
-export declare class NoopMenuStack extends MenuStack {
-    /** Noop push - does not add elements to the MenuStack. */
-    push(_: MenuStackItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuStack, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MenuStack>;
 }

package/menu/menu-trigger.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { InjectionToken, Injector } from '@angular/core';
+import { Menu } from './menu-interface';
+import { MenuStack } from './menu-stack';
+import * as i0 from "@angular/core";
+/** Injection token used for an implementation of MenuStack. */
+export declare const MENU_TRIGGER: InjectionToken<MenuTrigger>;
+export declare class MenuTrigger {
+    protected injector: Injector;
+    protected menuStack: MenuStack;
+    private _childMenuInjector?;
+    protected childMenu?: Menu;
+    constructor(injector: Injector, menuStack: MenuStack);
+    protected getChildMenuInjector(): Injector;
+    registerChildMenu(child: Menu): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuTrigger, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MenuTrigger>;
+}

package/menu/menu.d.ts

@@ -5,14 +5,14 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { EventEmitter, AfterContentInit, OnDestroy, OnInit, NgZone, ElementRef } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { CdkMenuGroup } from './menu-group';
-import { CdkMenuPanel } from './menu-panel';
 import { Menu } from './menu-interface';
 import { MenuStack } from './menu-stack';
 import { MenuAim } from './menu-aim';
+import { MenuTrigger } from './menu-trigger';
 import * as i0 from "@angular/core";
 /**
  * Directive which configures the element as a Menu which should contain child elements marked as
@@ -24,9 +24,10 @@ import * as i0 from "@angular/core";
 export declare class CdkMenu extends CdkMenuGroup implements Menu, AfterContentInit, OnInit, OnDestroy {
     private readonly _ngZone;
     readonly _elementRef: ElementRef<HTMLElement>;
+    readonly _menuStack?: MenuStack | undefined;
+    private _parentTrigger?;
     private readonly _menuAim?;
     private readonly _dir?;
-    private readonly _menuPanel?;
     /**
      * Sets the aria-orientation attribute and determines where menus will be opened.
      * Does not affect styling/layout.
@@ -34,8 +35,6 @@ export declare class CdkMenu extends CdkMenuGroup implements Menu, AfterContentI
     orientation: 'horizontal' | 'vertical';
     /** Event emitted when the menu is closed. */
     readonly closed: EventEmitter<void | 'click' | 'tab' | 'escape'>;
-    /** Track the Menus making up the open menu stack. */
-    _menuStack: MenuStack;
     /** Handles keyboard events for the menu. */
     private _keyManager;
     /** Manages items under mouse focus. */
@@ -46,15 +45,7 @@ export declare class CdkMenu extends CdkMenuGroup implements Menu, AfterContentI
     private readonly _allItems;
     /** The Menu Item which triggered the open submenu. */
     private _openItem?;
-    /**
-     * A reference to the enclosing parent menu panel.
-     *
-     * Required to be set when using ViewEngine since ViewEngine does support injecting a reference to
-     * the parent directive if the parent directive is placed on an `ng-template`. If using Ivy, the
-     * injected value will be used over this one.
-     */
-    private readonly _explicitPanel?;
-    constructor(_ngZone: NgZone, _elementRef: ElementRef<HTMLElement>, _menuAim?: MenuAim | undefined, _dir?: Directionality | undefined, _menuPanel?: CdkMenuPanel | undefined);
+    constructor(_ngZone: NgZone, _elementRef: ElementRef<HTMLElement>, _menuStack?: MenuStack | undefined, _parentTrigger?: MenuTrigger | undefined, _menuAim?: MenuAim | undefined, _dir?: Directionality | undefined);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     /** Place focus on the first MenuItem in the menu and set the focus origin. */
@@ -63,13 +54,6 @@ export declare class CdkMenu extends CdkMenuGroup implements Menu, AfterContentI
     focusLastItem(focusOrigin?: FocusOrigin): void;
     /** Handle keyboard events for the Menu. */
     _handleKeyEvent(event: KeyboardEvent): void;
-    /** Register this menu with its enclosing parent menu panel */
-    private _registerWithParentPanel;
-    /**
-     * Get the enclosing CdkMenuPanel defaulting to the injected reference over the developer
-     * provided reference.
-     */
-    private _getMenuPanel;
     /**
      * Complete the change emitter if there are any nested MenuGroups or register to complete the
      * change emitter if a MenuGroup is rendered at some point
@@ -108,6 +92,6 @@ export declare class CdkMenu extends CdkMenuGroup implements Menu, AfterContentI
     ngOnDestroy(): void;
     /** Emit and complete the closed event emitter */
     private _emitClosedEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenu, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenu, "[cdkMenu]", ["cdkMenu"], { "orientation": "cdkMenuOrientation"; "_explicitPanel": "cdkMenuPanel"; }, { "closed": "closed"; }, ["_nestedGroups", "_allItems"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenu, [null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenu, "[cdkMenu]", ["cdkMenu"], { "orientation": "cdkMenuOrientation"; }, { "closed": "closed"; }, ["_nestedGroups", "_allItems"]>;
 }

package/menu/public-api.d.ts

@@ -12,9 +12,9 @@ export * from './menu-item';
 export * from './menu-item-checkbox';
 export * from './menu-item-radio';
 export * from './menu-item-trigger';
-export * from './menu-panel';
 export * from './menu-group';
 export * from './context-menu';
-export { MenuStack, MenuStackItem } from './menu-stack';
+export * from './menu-trigger';
+export { MenuStack, MenuStackItem, MENU_STACK } from './menu-stack';
 export { CDK_MENU } from './menu-interface';
 export { TargetMenuAim, MenuAim, MENU_AIM, CdkTargetMenuAim } from './menu-aim';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/cdk-experimental",
-  "version": "14.0.0-next.5",
+  "version": "14.0.0-next.8",
   "description": "Experimental components for Angular CDK",
   "repository": {
     "type": "git",
@@ -12,7 +12,7 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
-    "@angular/cdk": "14.0.0-next.5",
+    "@angular/cdk": "14.0.0-next.8",
     "@angular/core": "^14.0.0-0 || ^15.0.0"
   },
   "dependencies": {

package/combobox/combobox-panel.d.ts

@@ -1,27 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-export declare type AriaHasPopupValue = 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
-export declare class CdkComboboxPanel<T = unknown> {
-    readonly _templateRef: TemplateRef<unknown>;
-    valueUpdated: Subject<T | T[]>;
-    contentIdUpdated: Subject<string>;
-    contentTypeUpdated: Subject<AriaHasPopupValue>;
-    contentId: string;
-    contentType: AriaHasPopupValue;
-    constructor(_templateRef: TemplateRef<unknown>);
-    /** Tells the parent combobox to close the panel and sends back the content value. */
-    closePanel(data?: T | T[]): void;
-    focusContent(): void;
-    /** Registers the content's id and the content type with the panel. */
-    _registerContent(contentId: string, contentType: AriaHasPopupValue): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkComboboxPanel<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkComboboxPanel<any>, "ng-template[cdkComboboxPanel]", ["cdkComboboxPanel"], {}, {}, never>;
-}