@angular/cdk-experimental 13.3.3 → 14.0.0-next.10

package/menu/menu.d.ts

@@ -5,14 +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, AfterContentInit, OnDestroy, OnInit, NgZone, ElementRef } from '@angular/core';
-import { FocusOrigin } from '@angular/cdk/a11y';
+import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
 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 { CdkMenuTriggerBase } from './menu-trigger-base';
+import { CdkMenuBase } from './menu-base';
 import * as i0 from "@angular/core";
 /**
  * Directive which configures the element as a Menu which should contain child elements marked as
@@ -21,93 +19,42 @@ import * as i0 from "@angular/core";
  *
  * It also acts as a RadioGroup for elements marked with role `menuitemradio`.
  */
-export declare class CdkMenu extends CdkMenuGroup implements Menu, AfterContentInit, OnInit, OnDestroy {
-    private readonly _ngZone;
-    readonly _elementRef: ElementRef<HTMLElement>;
-    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.
-     */
-    orientation: 'horizontal' | 'vertical';
+export declare class CdkMenu extends CdkMenuBase implements AfterContentInit, OnDestroy {
+    /** The trigger that opened this menu. */
+    private _parentTrigger?;
     /** 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. */
-    private _pointerTracker?;
-    /** List of nested CdkMenuGroup elements */
-    private readonly _nestedGroups;
-    /** All child MenuItem elements nested in this Menu. */
-    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);
-    ngOnInit(): void;
+    readonly closed: EventEmitter<void>;
+    /** The direction items in the menu flow. */
+    readonly orientation = "vertical";
+    /** Whether the menu is displayed inline (i.e. always present vs a conditional popup that the user triggers with a trigger element). */
+    readonly isInline: boolean;
+    constructor(
+    /** The host element. */
+    elementRef: ElementRef<HTMLElement>, 
+    /** The Angular zone. */
+    ngZone: NgZone, 
+    /** The menu stack this menu is part of. */
+    menuStack: MenuStack, 
+    /** The trigger that opened this menu. */
+    _parentTrigger?: CdkMenuTriggerBase | undefined, 
+    /** The menu aim service used by this menu. */
+    menuAim?: MenuAim, 
+    /** The directionality of the page. */
+    dir?: Directionality);
     ngAfterContentInit(): void;
-    /** Place focus on the first MenuItem in the menu and set the focus origin. */
-    focusFirstItem(focusOrigin?: FocusOrigin): void;
-    /** Place focus on the last MenuItem in the menu and set the focus origin. */
-    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
-     */
-    private _completeChangeEmitter;
-    /** Return true if there are nested CdkMenuGroup elements within the Menu */
-    private _hasNestedGroups;
-    /** Setup the FocusKeyManager with the correct orientation for the menu. */
-    private _setKeyManager;
+    ngOnDestroy(): void;
     /**
-     * Set the PointerFocusTracker and ensure that when mouse focus changes the key manager is updated
-     * with the latest menu item under mouse focus.
+     * Handle keyboard events for the Menu.
+     * @param event The keyboard event to be handled.
      */
-    private _subscribeToMouseManager;
-    /** Subscribe to the MenuStack close and empty observables. */
-    private _subscribeToMenuStack;
+    _handleKeyEvent(event: KeyboardEvent): void;
     /**
-     * Close the open menu if the current active item opened the requested MenuStackItem.
-     * @param item the MenuStackItem requested to be closed.
+     * Set focus the either the current, previous or next item based on the FocusNext event.
+     * @param focusNext The element to focus.
      */
-    private _closeOpenMenu;
-    /** Set focus the either the current, previous or next item based on the FocusNext event. */
     private _toggleMenuFocus;
-    /**
-     * Subscribe to the menu trigger's open events in order to track the trigger which opened the menu
-     * and stop tracking it when the menu is closed.
-     */
-    private _subscribeToMenuOpen;
-    /** Return true if this menu has been configured in a horizontal orientation. */
-    private _isHorizontal;
-    /**
-     * Return true if this menu is an inline menu. That is, it does not exist in a pop-up and is
-     * always visible in the dom.
-     */
-    _isInline(): boolean;
-    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"]>;
+    /** Subscribe to the MenuStack emptied events. */
+    private _subscribeToMenuStackEmptied;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenu, [null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenu, "[cdkMenu]", ["cdkMenu"], {}, { "closed": "closed"; }, never>;
 }

package/menu/pointer-focus-tracker.d.ts

@@ -5,7 +5,7 @@
  * 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 { QueryList, ElementRef } from '@angular/core';
+import { ElementRef, QueryList } from '@angular/core';
 import { Observable } from 'rxjs';
 /** Item to track for mouse focus events. */
 export interface FocusableElement {
@@ -17,6 +17,7 @@ export interface FocusableElement {
  * observables which emit when the users mouse enters and leaves a tracked element.
  */
 export declare class PointerFocusTracker<T extends FocusableElement> {
+    /** The list of items being tracked. */
     private readonly _items;
     /** Emits when an element is moused into. */
     readonly entered: Observable<T>;
@@ -28,7 +29,11 @@ export declare class PointerFocusTracker<T extends FocusableElement> {
     previousElement?: T;
     /** Emits when this is destroyed. */
     private readonly _destroyed;
-    constructor(_items: QueryList<T>);
+    constructor(
+    /** The list of items being tracked. */
+    _items: QueryList<T>);
+    /** Stop the managers listeners. */
+    destroy(): void;
     /**
      * Gets a stream of pointer (mouse) entries into the given items.
      * This should typically run outside the Angular zone.
@@ -39,6 +44,4 @@ export declare class PointerFocusTracker<T extends FocusableElement> {
      * This should typically run outside the Angular zone.
      */
     private _getItemPointerExits;
-    /** Stop the managers listeners. */
-    destroy(): void;
 }

package/menu/public-api.d.ts

@@ -8,13 +8,16 @@
 export * from './menu-module';
 export * from './menu-bar';
 export * from './menu';
+export * from './menu-base';
 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-trigger';
 export * from './menu-group';
-export * from './context-menu';
-export { MenuStack, MenuStackItem } from './menu-stack';
-export { CDK_MENU } from './menu-interface';
-export { TargetMenuAim, MenuAim, MENU_AIM, CdkTargetMenuAim } from './menu-aim';
+export * from './menu-item-selectable';
+export * from './context-menu-trigger';
+export * from './menu-trigger-base';
+export * from './pointer-focus-tracker';
+export * from './menu-stack';
+export * from './menu-interface';
+export * from './menu-aim';

package/package.json

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

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>;
-}

package/esm2020/combobox/combobox-panel.mjs

@@ -1,48 +0,0 @@
-import { Directive, TemplateRef } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-export class CdkComboboxPanel {
-    constructor(_templateRef) {
-        this._templateRef = _templateRef;
-        this.valueUpdated = new Subject();
-        this.contentIdUpdated = new Subject();
-        this.contentTypeUpdated = new Subject();
-        this.contentId = '';
-    }
-    /** Tells the parent combobox to close the panel and sends back the content value. */
-    closePanel(data) {
-        this.valueUpdated.next(data || []);
-    }
-    // TODO: instead of using a focus function, potentially use cdk/a11y focus trapping
-    focusContent() {
-        // TODO: Use an injected document here
-        document.getElementById(this.contentId)?.focus();
-    }
-    /** Registers the content's id and the content type with the panel. */
-    _registerContent(contentId, contentType) {
-        // If content has already been registered, no further contentIds are registered.
-        if (this.contentType && this.contentType !== contentType) {
-            return;
-        }
-        this.contentId = contentId;
-        if (contentType !== 'listbox' && contentType !== 'dialog') {
-            throw Error('CdkComboboxPanel currently only supports listbox or dialog content.');
-        }
-        this.contentType = contentType;
-        this.contentIdUpdated.next(this.contentId);
-        this.contentTypeUpdated.next(this.contentType);
-    }
-}
-CdkComboboxPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CdkComboboxPanel, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-CdkComboboxPanel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: CdkComboboxPanel, selector: "ng-template[cdkComboboxPanel]", host: { classAttribute: "cdk-combobox-panel" }, exportAs: ["cdkComboboxPanel"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CdkComboboxPanel, decorators: [{
-            type: Directive,
-            args: [{
-                    host: {
-                        'class': 'cdk-combobox-panel',
-                    },
-                    selector: 'ng-template[cdkComboboxPanel]',
-                    exportAs: 'cdkComboboxPanel',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tYm9ib3gtcGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY2RrLWV4cGVyaW1lbnRhbC9jb21ib2JveC9jb21ib2JveC1wYW5lbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDOztBQVM3QixNQUFNLE9BQU8sZ0JBQWdCO0lBUTNCLFlBQXFCLFlBQWtDO1FBQWxDLGlCQUFZLEdBQVosWUFBWSxDQUFzQjtRQVB2RCxpQkFBWSxHQUFxQixJQUFJLE9BQU8sRUFBVyxDQUFDO1FBQ3hELHFCQUFnQixHQUFvQixJQUFJLE9BQU8sRUFBVSxDQUFDO1FBQzFELHVCQUFrQixHQUErQixJQUFJLE9BQU8sRUFBcUIsQ0FBQztRQUVsRixjQUFTLEdBQVcsRUFBRSxDQUFDO0lBR21DLENBQUM7SUFFM0QscUZBQXFGO0lBQ3JGLFVBQVUsQ0FBQyxJQUFjO1FBQ3ZCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsbUZBQW1GO0lBQ25GLFlBQVk7UUFDVixzQ0FBc0M7UUFDdEMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDbkQsQ0FBQztJQUVELHNFQUFzRTtJQUN0RSxnQkFBZ0IsQ0FBQyxTQUFpQixFQUFFLFdBQThCO1FBQ2hFLGdGQUFnRjtRQUNoRixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxXQUFXLEVBQUU7WUFDeEQsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7UUFDM0IsSUFBSSxXQUFXLEtBQUssU0FBUyxJQUFJLFdBQVcsS0FBSyxRQUFRLEVBQUU7WUFDekQsTUFBTSxLQUFLLENBQUMscUVBQXFFLENBQUMsQ0FBQztTQUNwRjtRQUNELElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO1FBRS9CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzNDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ2pELENBQUM7OzZHQXBDVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQjsyRkFBaEIsZ0JBQWdCO2tCQVA1QixTQUFTO21CQUFDO29CQUNULElBQUksRUFBRTt3QkFDSixPQUFPLEVBQUUsb0JBQW9CO3FCQUM5QjtvQkFDRCxRQUFRLEVBQUUsK0JBQStCO29CQUN6QyxRQUFRLEVBQUUsa0JBQWtCO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5leHBvcnQgdHlwZSBBcmlhSGFzUG9wdXBWYWx1ZSA9ICdmYWxzZScgfCAndHJ1ZScgfCAnbWVudScgfCAnbGlzdGJveCcgfCAndHJlZScgfCAnZ3JpZCcgfCAnZGlhbG9nJztcblxuaW1wb3J0IHtEaXJlY3RpdmUsIFRlbXBsYXRlUmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U3ViamVjdH0gZnJvbSAncnhqcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBob3N0OiB7XG4gICAgJ2NsYXNzJzogJ2Nkay1jb21ib2JveC1wYW5lbCcsXG4gIH0sXG4gIHNlbGVjdG9yOiAnbmctdGVtcGxhdGVbY2RrQ29tYm9ib3hQYW5lbF0nLFxuICBleHBvcnRBczogJ2Nka0NvbWJvYm94UGFuZWwnLFxufSlcbmV4cG9ydCBjbGFzcyBDZGtDb21ib2JveFBhbmVsPFQgPSB1bmtub3duPiB7XG4gIHZhbHVlVXBkYXRlZDogU3ViamVjdDxUIHwgVFtdPiA9IG5ldyBTdWJqZWN0PFQgfCBUW10+KCk7XG4gIGNvbnRlbnRJZFVwZGF0ZWQ6IFN1YmplY3Q8c3RyaW5nPiA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKTtcbiAgY29udGVudFR5cGVVcGRhdGVkOiBTdWJqZWN0PEFyaWFIYXNQb3B1cFZhbHVlPiA9IG5ldyBTdWJqZWN0PEFyaWFIYXNQb3B1cFZhbHVlPigpO1xuXG4gIGNvbnRlbnRJZDogc3RyaW5nID0gJyc7XG4gIGNvbnRlbnRUeXBlOiBBcmlhSGFzUG9wdXBWYWx1ZTtcblxuICBjb25zdHJ1Y3RvcihyZWFkb25seSBfdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPHVua25vd24+KSB7fVxuXG4gIC8qKiBUZWxscyB0aGUgcGFyZW50IGNvbWJvYm94IHRvIGNsb3NlIHRoZSBwYW5lbCBhbmQgc2VuZHMgYmFjayB0aGUgY29udGVudCB2YWx1ZS4gKi9cbiAgY2xvc2VQYW5lbChkYXRhPzogVCB8IFRbXSkge1xuICAgIHRoaXMudmFsdWVVcGRhdGVkLm5leHQoZGF0YSB8fCBbXSk7XG4gIH1cblxuICAvLyBUT0RPOiBpbnN0ZWFkIG9mIHVzaW5nIGEgZm9jdXMgZnVuY3Rpb24sIHBvdGVudGlhbGx5IHVzZSBjZGsvYTExeSBmb2N1cyB0cmFwcGluZ1xuICBmb2N1c0NvbnRlbnQoKSB7XG4gICAgLy8gVE9ETzogVXNlIGFuIGluamVjdGVkIGRvY3VtZW50IGhlcmVcbiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmNvbnRlbnRJZCk/LmZvY3VzKCk7XG4gIH1cblxuICAvKiogUmVnaXN0ZXJzIHRoZSBjb250ZW50J3MgaWQgYW5kIHRoZSBjb250ZW50IHR5cGUgd2l0aCB0aGUgcGFuZWwuICovXG4gIF9yZWdpc3RlckNvbnRlbnQoY29udGVudElkOiBzdHJpbmcsIGNvbnRlbnRUeXBlOiBBcmlhSGFzUG9wdXBWYWx1ZSkge1xuICAgIC8vIElmIGNvbnRlbnQgaGFzIGFscmVhZHkgYmVlbiByZWdpc3RlcmVkLCBubyBmdXJ0aGVyIGNvbnRlbnRJZHMgYXJlIHJlZ2lzdGVyZWQuXG4gICAgaWYgKHRoaXMuY29udGVudFR5cGUgJiYgdGhpcy5jb250ZW50VHlwZSAhPT0gY29udGVudFR5cGUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmNvbnRlbnRJZCA9IGNvbnRlbnRJZDtcbiAgICBpZiAoY29udGVudFR5cGUgIT09ICdsaXN0Ym94JyAmJiBjb250ZW50VHlwZSAhPT0gJ2RpYWxvZycpIHtcbiAgICAgIHRocm93IEVycm9yKCdDZGtDb21ib2JveFBhbmVsIGN1cnJlbnRseSBvbmx5IHN1cHBvcnRzIGxpc3Rib3ggb3IgZGlhbG9nIGNvbnRlbnQuJyk7XG4gICAgfVxuICAgIHRoaXMuY29udGVudFR5cGUgPSBjb250ZW50VHlwZTtcblxuICAgIHRoaXMuY29udGVudElkVXBkYXRlZC5uZXh0KHRoaXMuY29udGVudElkKTtcbiAgICB0aGlzLmNvbnRlbnRUeXBlVXBkYXRlZC5uZXh0KHRoaXMuY29udGVudFR5cGUpO1xuICB9XG59XG4iXX0=