@angular/cdk-experimental 13.0.0-next.7 → 13.0.0-rc.2

package/fesm2020/table-scroll-container.mjs

@@ -0,0 +1,173 @@
+import * as i0 from '@angular/core';
+import { Directive, Inject, Optional, NgModule } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import * as i1 from '@angular/cdk/bidi';
+import { _getShadowRoot } from '@angular/cdk/platform';
+import { STICKY_POSITIONING_LISTENER } from '@angular/cdk/table';
+
+/**
+ * @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
+ */
+let nextId = 0;
+/**
+ * Applies styles to the host element that make its scrollbars match up with
+ * the non-sticky scrollable portions of the CdkTable contained within.
+ *
+ * This visual effect only works in Webkit and Blink based browsers (eg Chrome,
+ * Safari, Edge). Other browsers such as Firefox will gracefully degrade to
+ * normal scrollbar appearance.
+ * Further note: These styles have no effect when the browser is using OS-default
+ * scrollbars. The easiest way to force them into custom mode is to specify width
+ * and height for the scrollbar and thumb.
+ */
+class CdkTableScrollContainer {
+    constructor(_elementRef, _document, _directionality) {
+        this._elementRef = _elementRef;
+        this._document = _document;
+        this._directionality = _directionality;
+        /** The most recent sticky column size values from the CdkTable. */
+        this._startSizes = [];
+        this._endSizes = [];
+        this._headerSizes = [];
+        this._footerSizes = [];
+        this._uniqueClassName = `cdk-table-scroll-container-${++nextId}`;
+        _elementRef.nativeElement.classList.add(this._uniqueClassName);
+    }
+    ngOnInit() {
+        // Note that we need to look up the root node in ngOnInit, rather than the constructor, because
+        // Angular seems to create the element outside the shadow root and then moves it inside, if the
+        // node is inside an `ngIf` and a ShadowDom-encapsulated component.
+        this._styleRoot = _getShadowRoot(this._elementRef.nativeElement) ?? this._document.head;
+    }
+    ngOnDestroy() {
+        this._styleElement?.remove();
+        this._styleElement = undefined;
+    }
+    stickyColumnsUpdated({ sizes }) {
+        this._startSizes = sizes;
+        this._updateScrollbar();
+    }
+    stickyEndColumnsUpdated({ sizes }) {
+        this._endSizes = sizes;
+        this._updateScrollbar();
+    }
+    stickyHeaderRowsUpdated({ sizes }) {
+        this._headerSizes = sizes;
+        this._updateScrollbar();
+    }
+    stickyFooterRowsUpdated({ sizes }) {
+        this._footerSizes = sizes;
+        this._updateScrollbar();
+    }
+    /**
+     * Set padding on the scrollbar track based on the sticky states from CdkTable.
+     */
+    _updateScrollbar() {
+        const topMargin = computeMargin(this._headerSizes);
+        const bottomMargin = computeMargin(this._footerSizes);
+        const startMargin = computeMargin(this._startSizes);
+        const endMargin = computeMargin(this._endSizes);
+        if (topMargin === 0 && bottomMargin === 0 && startMargin === 0 && endMargin === 0) {
+            this._clearCss();
+            return;
+        }
+        const direction = this._directionality ? this._directionality.value : 'ltr';
+        const leftMargin = direction === 'rtl' ? endMargin : startMargin;
+        const rightMargin = direction === 'rtl' ? startMargin : endMargin;
+        this._applyCss(`${topMargin}px ${rightMargin}px ${bottomMargin}px ${leftMargin}px`);
+    }
+    /** Gets the stylesheet for the scrollbar styles and creates it if need be. */
+    _getStyleSheet() {
+        if (!this._styleElement) {
+            this._styleElement = this._document.createElement('style');
+            this._styleRoot.appendChild(this._styleElement);
+        }
+        return this._styleElement.sheet;
+    }
+    /** Updates the stylesheet with the specified scrollbar style. */
+    _applyCss(value) {
+        this._clearCss();
+        const selector = `.${this._uniqueClassName}::-webkit-scrollbar-track`;
+        this._getStyleSheet().insertRule(`${selector} {margin: ${value}}`, 0);
+    }
+    _clearCss() {
+        const styleSheet = this._getStyleSheet();
+        if (styleSheet.cssRules.length > 0) {
+            styleSheet.deleteRule(0);
+        }
+    }
+}
+CdkTableScrollContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkTableScrollContainer, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: i1.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+CdkTableScrollContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkTableScrollContainer, selector: "[cdkTableScrollContainer]", host: { classAttribute: "cdk-table-scroll-container" }, providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: CdkTableScrollContainer }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkTableScrollContainer, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkTableScrollContainer]',
+                    host: {
+                        'class': 'cdk-table-scroll-container',
+                    },
+                    providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: CdkTableScrollContainer }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i1.Directionality, decorators: [{
+                    type: Optional
+                }] }]; } });
+function computeMargin(sizes) {
+    let margin = 0;
+    for (const size of sizes) {
+        if (size == null) {
+            break;
+        }
+        margin += size;
+    }
+    return margin;
+}
+
+/**
+ * @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
+ */
+class CdkTableScrollContainerModule {
+}
+CdkTableScrollContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkTableScrollContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CdkTableScrollContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkTableScrollContainerModule, declarations: [CdkTableScrollContainer], exports: [CdkTableScrollContainer] });
+CdkTableScrollContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkTableScrollContainerModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkTableScrollContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CdkTableScrollContainer],
+                    exports: [CdkTableScrollContainer],
+                }]
+        }] });
+
+/**
+ * @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
+ */
+
+/**
+ * @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
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CdkTableScrollContainer, CdkTableScrollContainerModule };
+//# sourceMappingURL=table-scroll-container.mjs.map

package/fesm2020/table-scroll-container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-scroll-container.mjs","sources":["../../../../../../src/cdk-experimental/table-scroll-container/table-scroll-container.ts","../../../../../../src/cdk-experimental/table-scroll-container/table-scroll-container-module.ts","../../../../../../src/cdk-experimental/table-scroll-container/public-api.ts","../../../../../../src/cdk-experimental/table-scroll-container/index.ts","../../../../../../src/cdk-experimental/table-scroll-container/table-scroll-container_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Directive, ElementRef, Inject, OnDestroy, OnInit, Optional} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {_getShadowRoot} from '@angular/cdk/platform';\nimport {\n  STICKY_POSITIONING_LISTENER,\n  StickyPositioningListener,\n  StickySize,\n  StickyUpdate,\n} from '@angular/cdk/table';\n\nlet nextId = 0;\n\n/**\n * Applies styles to the host element that make its scrollbars match up with\n * the non-sticky scrollable portions of the CdkTable contained within.\n *\n * This visual effect only works in Webkit and Blink based browsers (eg Chrome,\n * Safari, Edge). Other browsers such as Firefox will gracefully degrade to\n * normal scrollbar appearance.\n * Further note: These styles have no effect when the browser is using OS-default\n * scrollbars. The easiest way to force them into custom mode is to specify width\n * and height for the scrollbar and thumb.\n */\n@Directive({\n  selector: '[cdkTableScrollContainer]',\n  host: {\n    'class': 'cdk-table-scroll-container',\n  },\n  providers: [{provide: STICKY_POSITIONING_LISTENER, useExisting: CdkTableScrollContainer}],\n})\nexport class CdkTableScrollContainer implements StickyPositioningListener, OnDestroy, OnInit {\n  private readonly _uniqueClassName: string;\n  private _styleRoot!: Node;\n  private _styleElement?: HTMLStyleElement;\n\n  /** The most recent sticky column size values from the CdkTable. */\n  private _startSizes: StickySize[] = [];\n  private _endSizes: StickySize[] = [];\n  private _headerSizes: StickySize[] = [];\n  private _footerSizes: StickySize[] = [];\n\n  constructor(\n    private readonly _elementRef: ElementRef<HTMLElement>,\n    @Inject(DOCUMENT) private readonly _document: Document,\n    @Optional() private readonly _directionality?: Directionality,\n  ) {\n    this._uniqueClassName = `cdk-table-scroll-container-${++nextId}`;\n    _elementRef.nativeElement.classList.add(this._uniqueClassName);\n  }\n\n  ngOnInit() {\n    // Note that we need to look up the root node in ngOnInit, rather than the constructor, because\n    // Angular seems to create the element outside the shadow root and then moves it inside, if the\n    // node is inside an `ngIf` and a ShadowDom-encapsulated component.\n    this._styleRoot = _getShadowRoot(this._elementRef.nativeElement) ?? this._document.head;\n  }\n\n  ngOnDestroy(): void {\n    this._styleElement?.remove();\n    this._styleElement = undefined;\n  }\n\n  stickyColumnsUpdated({sizes}: StickyUpdate): void {\n    this._startSizes = sizes;\n    this._updateScrollbar();\n  }\n\n  stickyEndColumnsUpdated({sizes}: StickyUpdate): void {\n    this._endSizes = sizes;\n    this._updateScrollbar();\n  }\n\n  stickyHeaderRowsUpdated({sizes}: StickyUpdate): void {\n    this._headerSizes = sizes;\n    this._updateScrollbar();\n  }\n\n  stickyFooterRowsUpdated({sizes}: StickyUpdate): void {\n    this._footerSizes = sizes;\n    this._updateScrollbar();\n  }\n\n  /**\n   * Set padding on the scrollbar track based on the sticky states from CdkTable.\n   */\n  private _updateScrollbar(): void {\n    const topMargin = computeMargin(this._headerSizes);\n    const bottomMargin = computeMargin(this._footerSizes);\n    const startMargin = computeMargin(this._startSizes);\n    const endMargin = computeMargin(this._endSizes);\n\n    if (topMargin === 0 && bottomMargin === 0 && startMargin === 0 && endMargin === 0) {\n      this._clearCss();\n      return;\n    }\n\n    const direction = this._directionality ? this._directionality.value : 'ltr';\n    const leftMargin = direction === 'rtl' ? endMargin : startMargin;\n    const rightMargin = direction === 'rtl' ? startMargin : endMargin;\n\n    this._applyCss(`${topMargin}px ${rightMargin}px ${bottomMargin}px ${leftMargin}px`);\n  }\n\n  /** Gets the stylesheet for the scrollbar styles and creates it if need be. */\n  private _getStyleSheet(): CSSStyleSheet {\n    if (!this._styleElement) {\n      this._styleElement = this._document.createElement('style');\n      this._styleRoot.appendChild(this._styleElement);\n    }\n\n    return this._styleElement.sheet as CSSStyleSheet;\n  }\n\n  /** Updates the stylesheet with the specified scrollbar style. */\n  private _applyCss(value: string) {\n    this._clearCss();\n\n    const selector = `.${this._uniqueClassName}::-webkit-scrollbar-track`;\n    this._getStyleSheet().insertRule(`${selector} {margin: ${value}}`, 0);\n  }\n\n  private _clearCss() {\n    const styleSheet = this._getStyleSheet();\n    if (styleSheet.cssRules.length > 0) {\n      styleSheet.deleteRule(0);\n    }\n  }\n}\n\nfunction computeMargin(sizes: (number | null | undefined)[]): number {\n  let margin = 0;\n  for (const size of sizes) {\n    if (size == null) {\n      break;\n    }\n    margin += size;\n  }\n  return margin;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {NgModule} from '@angular/core';\n\nimport {CdkTableScrollContainer} from './table-scroll-container';\n\n@NgModule({\n  declarations: [CdkTableScrollContainer],\n  exports: [CdkTableScrollContainer],\n})\nexport class CdkTableScrollContainerModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './table-scroll-container';\nexport * from './table-scroll-container-module';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/listbox/index.d.ts

@@ -1,4 +1,8 @@
 /**
- * Generated bundle index. Do not edit.
+ * @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 * from './public-api';

package/listbox/listbox-module.d.ts

@@ -1,9 +1,7 @@
-/**
- * @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 * as i0 from "@angular/core";
+import * as i1 from "./listbox";
 export declare class CdkListboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkListboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CdkListboxModule, [typeof i1.CdkListbox, typeof i1.CdkOption], never, [typeof i1.CdkListbox, typeof i1.CdkOption]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CdkListboxModule>;
 }

package/listbox/listbox.d.ts

@@ -13,6 +13,7 @@ import { Observable } from 'rxjs';
 import { ControlValueAccessor } from '@angular/forms';
 import { CdkComboboxPanel } from '@angular/cdk-experimental/combobox';
 import { Directionality } from '@angular/cdk/bidi';
+import * as i0 from "@angular/core";
 export declare const CDK_LISTBOX_VALUE_ACCESSOR: any;
 export declare const PANEL: InjectionToken<CdkComboboxPanel<unknown>>;
 export declare class CdkOption<T = unknown> implements ListKeyManagerOption, Highlightable {
@@ -62,6 +63,8 @@ export declare class CdkOption<T = unknown> implements ListKeyManagerOption, Hig
     setInactiveStyles(): void;
     static ngAcceptInputType_selected: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
+    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>;
 }
 export declare class CdkListbox<T> implements AfterContentInit, OnDestroy, OnInit, ControlValueAccessor {
     readonly _parentPanel?: CdkComboboxPanel<T> | undefined;
@@ -153,6 +156,8 @@ export declare class CdkListbox<T> implements AfterContentInit, OnDestroy, OnIni
     static ngAcceptInputType_multiple: BooleanInput;
     static ngAcceptInputType_useActiveDescendant: BooleanInput;
     static ngAcceptInputType_autoFocus: BooleanInput;
+    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"]>;
 }
 /** Change event that is being fired whenever the selected state of an option changes. */
 export interface ListboxSelectionChangeEvent<T> {

package/listbox/listbox_public_index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/listbox/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@angular/cdk-experimental/listbox",
-  "main": "../bundles/cdk-experimental-listbox.umd.js",
-  "fesm2015": "../fesm2015/listbox.js",
-  "esm2015": "../esm2015/listbox/index.js",
-  "typings": "./index.d.ts",
-  "module": "../fesm2015/listbox.js",
-  "es2015": "../fesm2015/listbox.js"
+  "fesm2020": "../fesm2020/listbox.mjs",
+  "fesm2015": "../fesm2015/listbox.mjs",
+  "esm2020": "../esm2020/listbox/listbox_public_index.mjs",
+  "typings": "./listbox_public_index.d.ts",
+  "module": "../fesm2015/listbox.mjs",
+  "es2020": "../fesm2020/listbox.mjs"
 }

package/menu/context-menu.d.ts

@@ -10,6 +10,7 @@ import { Directionality } from '@angular/cdk/bidi';
 import { Overlay } from '@angular/cdk/overlay';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { CdkMenuPanel } from './menu-panel';
+import * as i0 from "@angular/core";
 /** Tracks the last open context menu trigger across the entire application. */
 export declare class ContextMenuTracker {
     /** The last open context menu trigger. */
@@ -19,6 +20,8 @@ export declare class ContextMenuTracker {
      * @param trigger the trigger for the currently open Context Menu.
      */
     update(trigger: CdkContextMenuTrigger): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuTracker, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ContextMenuTracker>;
 }
 /** Configuration options passed to the context menu. */
 export declare type ContextMenuOptions = {
@@ -115,4 +118,6 @@ export declare class CdkContextMenuTrigger implements OnDestroy {
     /** Set the menu panels menu stack back to null. */
     private _resetPanelMenuStack;
     static ngAcceptInputType_disabled: BooleanInput;
+    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>;
 }

package/menu/index.d.ts

@@ -1,6 +1,8 @@
 /**
- * Generated bundle index. Do not edit.
+ * @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 * from './public-api';
-export { Menu as ɵangular_material_src_cdk_experimental_menu_menu_a } from './menu-interface';
-export { CdkMenuItemSelectable as ɵangular_material_src_cdk_experimental_menu_menu_b } from './menu-item-selectable';

package/menu/menu-aim.d.ts

@@ -8,6 +8,7 @@
 import { NgZone, OnDestroy, InjectionToken } from '@angular/core';
 import { PointerFocusTracker, FocusableElement } from './pointer-focus-tracker';
 import { Menu } from './menu-interface';
+import * as i0 from "@angular/core";
 /**
  * MenuAim is responsible for determining if a sibling menuitem's menu should be closed when a
  * Toggler item is hovered into. It is up to the hovered in item to call the MenuAim service in
@@ -82,10 +83,14 @@ export declare class TargetMenuAim implements MenuAim, OnDestroy {
     /** Subscribe to the root menus mouse move events and update the tracked mouse points. */
     private _subscribeToMouseMoves;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TargetMenuAim, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TargetMenuAim>;
 }
 /**
  * CdkTargetMenuAim is a provider for the TargetMenuAim service. It should be added to an
  * element with either the `cdkMenu` or `cdkMenuBar` directive and child menu items.
  */
 export declare class CdkTargetMenuAim {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTargetMenuAim, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTargetMenuAim, "[cdkTargetMenuAim]", ["cdkTargetMenuAim"], {}, {}, never>;
 }

package/menu/menu-bar.d.ts

@@ -12,6 +12,7 @@ import { CdkMenuGroup } from './menu-group';
 import { Menu } from './menu-interface';
 import { MenuStack } from './menu-stack';
 import { MenuAim } from './menu-aim';
+import * as i0 from "@angular/core";
 /**
  * Directive applied to an element which configures it as a MenuBar by setting the appropriate
  * role, aria attributes, and accessible keyboard and mouse handling logic. The component that
@@ -82,4 +83,6 @@ export declare class CdkMenuBar extends CdkMenuGroup implements Menu, AfterConte
     /** Return true if the MenuBar has an open submenu. */
     private _hasOpenSubmenu;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuBar, [null, null, null, { optional: true; self: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuBar, "[cdkMenuBar]", ["cdkMenuBar"], { "orientation": "cdkMenuBarOrientation"; }, {}, ["_allItems"]>;
 }

package/menu/menu-group.d.ts

@@ -7,6 +7,7 @@
  */
 import { EventEmitter, AfterContentInit, OnDestroy } from '@angular/core';
 import { CdkMenuItem } from './menu-item';
+import * as i0 from "@angular/core";
 /**
  * Directive which acts as a grouping container for `CdkMenuItem` instances with
  * `role="menuitemradio"`, similar to a `role="radiogroup"` element.
@@ -27,4 +28,6 @@ export declare class CdkMenuGroup implements AfterContentInit, OnDestroy {
     /** Register each selectable to emit on the change Emitter when clicked */
     private _registerClickListener;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuGroup, "[cdkMenuGroup]", ["cdkMenuGroup"], {}, { "change": "change"; }, ["_selectableItems"]>;
 }

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

@@ -1,11 +1,5 @@
-/**
- * @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 { CdkMenuItemSelectable } from './menu-item-selectable';
+import * as i0 from "@angular/core";
 /**
  * A directive providing behavior for the "menuitemcheckbox" ARIA role, which behaves similarly to a
  * conventional checkbox.
@@ -13,4 +7,6 @@ import { CdkMenuItemSelectable } from './menu-item-selectable';
 export declare class CdkMenuItemCheckbox extends CdkMenuItemSelectable {
     /** Toggle the checked state of the checkbox. */
     trigger(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuItemCheckbox, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuItemCheckbox, "[cdkMenuItemCheckbox]", ["cdkMenuItemCheckbox"], {}, {}, never>;
 }

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

@@ -12,6 +12,7 @@ import { CdkMenuItemSelectable } from './menu-item-selectable';
 import { CdkMenuItemTrigger } from './menu-item-trigger';
 import { Menu } from './menu-interface';
 import { MenuAim } from './menu-aim';
+import * as i0 from "@angular/core";
 /**
  * A directive providing behavior for the "menuitemradio" ARIA role, which behaves similarly to
  * a conventional radio-button. Any sibling `CdkMenuItemRadio` instances within the same `CdkMenu`
@@ -29,4 +30,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 ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuItemRadio, "[cdkMenuItemRadio]", ["cdkMenuItemRadio"], {}, {}, never>;
 }

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

@@ -8,6 +8,7 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { EventEmitter } from '@angular/core';
 import { CdkMenuItem } from './menu-item';
+import * as i0 from "@angular/core";
 /**
  * Base class providing checked state for MenuItems along with outputting a clicked event when the
  * element is triggered. It provides functionality for selectable elements.
@@ -26,4 +27,6 @@ export declare abstract class CdkMenuItemSelectable extends CdkMenuItem {
     /** If the element is not disabled emit the click event */
     trigger(): void;
     static ngAcceptInputType_checked: BooleanInput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuItemSelectable, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuItemSelectable, never, never, { "checked": "checked"; "name": "name"; "id": "id"; }, { "toggled": "cdkMenuItemToggled"; }, never>;
 }

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

@@ -12,6 +12,7 @@ import { CdkMenuPanel } from './menu-panel';
 import { Menu } from './menu-interface';
 import { MenuStack } from './menu-stack';
 import { MenuAim } from './menu-aim';
+import * as i0 from "@angular/core";
 /**
  * Whether the target element is a menu item to be ignored by the overlay background click handler.
  */
@@ -113,4 +114,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>;
 }

package/menu/menu-item.d.ts

@@ -13,6 +13,7 @@ import { CdkMenuItemTrigger } from './menu-item-trigger';
 import { Menu } from './menu-interface';
 import { FocusableElement } from './pointer-focus-tracker';
 import { Toggler, MenuAim } 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
  * keyboard when residing in a CdkMenu, CdkMenuBar, or CdkMenuGroup. It performs user defined
@@ -95,4 +96,6 @@ export declare class CdkMenuItem implements FocusableOption, FocusableElement, T
     private _getMenuStack;
     ngOnDestroy(): void;
     static ngAcceptInputType_disabled: BooleanInput;
+    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>;
 }

package/menu/menu-module.d.ts

@@ -1,9 +1,17 @@
-/**
- * @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 * 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";
 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 ɵinj: i0.ɵɵInjectorDeclaration<CdkMenuModule>;
 }

package/menu/menu-panel.d.ts

@@ -8,6 +8,7 @@
 import { TemplateRef } from '@angular/core';
 import { Menu } from './menu-interface';
 import { MenuStack } from './menu-stack';
+import * as i0 from "@angular/core";
 /**
  * Directive applied to an ng-template which wraps a CdkMenu and provides a reference to the
  * child element it wraps which allows for opening of the CdkMenu in an overlay.
@@ -24,4 +25,6 @@ export declare class CdkMenuPanel {
      * child Menu component, the child Menu must register its self with the parent MenuPanel.
      */
     _registerMenu(child: Menu): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkMenuPanel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkMenuPanel, "ng-template[cdkMenuPanel]", ["cdkMenuPanel"], {}, {}, never>;
 }

package/menu/menu.d.ts

@@ -13,6 +13,7 @@ import { CdkMenuPanel } from './menu-panel';
 import { Menu } from './menu-interface';
 import { MenuStack } from './menu-stack';
 import { MenuAim } from './menu-aim';
+import * as i0 from "@angular/core";
 /**
  * Directive which configures the element as a Menu which should contain child elements marked as
  * CdkMenuItem or CdkMenuGroup. Sets the appropriate role and aria-attributes for a menu and
@@ -107,4 +108,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"]>;
 }

package/menu/menu_public_index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/menu/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@angular/cdk-experimental/menu",
-  "main": "../bundles/cdk-experimental-menu.umd.js",
-  "fesm2015": "../fesm2015/menu.js",
-  "esm2015": "../esm2015/menu/index.js",
-  "typings": "./index.d.ts",
-  "module": "../fesm2015/menu.js",
-  "es2015": "../fesm2015/menu.js"
+  "fesm2020": "../fesm2020/menu.mjs",
+  "fesm2015": "../fesm2015/menu.mjs",
+  "esm2020": "../esm2020/menu/menu_public_index.mjs",
+  "typings": "./menu_public_index.d.ts",
+  "module": "../fesm2015/menu.mjs",
+  "es2020": "../fesm2020/menu.mjs"
 }