@angular/material 14.0.0-next.2 → 14.0.0-next.3

package/menu/menu-trigger.d.ts

@@ -31,6 +31,7 @@ export declare abstract class _MatMenuTriggerBase implements AfterContentInit, O
     private _menuItemInstance;
     private _dir;
     private _focusMonitor;
+    private _ngZone?;
     private _portal;
     private _overlayRef;
     private _menuOpen;
@@ -88,6 +89,11 @@ export declare abstract class _MatMenuTriggerBase implements AfterContentInit, O
      * @breaking-change 8.0.0
      */
     constructor(overlay: Overlay, element: ElementRef<HTMLElement>, viewContainerRef: ViewContainerRef, scrollStrategy: any, parentMenu: MatMenuPanel, menuItemInstance: MatMenuItem, dir: Directionality, focusMonitor?: FocusMonitor | null);
+    /**
+     * @deprecated `ngZone` will become a required parameter.
+     * @breaking-change 15.0.0
+     */
+    constructor(overlay: Overlay, element: ElementRef<HTMLElement>, viewContainerRef: ViewContainerRef, scrollStrategy: any, parentMenu: MatMenuPanel, menuItemInstance: MatMenuItem, dir: Directionality, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /** Whether the menu is open. */
@@ -160,7 +166,7 @@ export declare abstract class _MatMenuTriggerBase implements AfterContentInit, O
     private _handleHover;
     /** Gets the portal that should be attached to the overlay. */
     private _getPortal;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatMenuTriggerBase, [null, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_MatMenuTriggerBase, [null, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<_MatMenuTriggerBase, never, never, { "_deprecatedMatMenuTriggerFor": "mat-menu-trigger-for"; "menu": "matMenuTriggerFor"; "menuData": "matMenuTriggerData"; "restoreFocus": "matMenuTriggerRestoreFocus"; }, { "menuOpened": "menuOpened"; "onMenuOpen": "onMenuOpen"; "menuClosed": "menuClosed"; "onMenuClose": "onMenuClose"; }, never>;
 }
 /** Directive applied to an element that should trigger a `mat-menu`. */

package/menu/menu.d.ts

@@ -8,7 +8,7 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { Direction } from '@angular/cdk/bidi';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, TemplateRef, QueryList, OnInit } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, TemplateRef, QueryList, OnInit, ChangeDetectorRef } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import { MatMenuContent } from './menu-content';
 import { MenuPositionX, MenuPositionY } from './menu-positions';
@@ -42,6 +42,7 @@ export declare class _MatMenuBase implements AfterContentInit, MatMenuPanel<MatM
     private _elementRef;
     private _ngZone;
     private _defaultOptions;
+    private _changeDetectorRef?;
     private _keyManager;
     private _xPosition;
     private _yPosition;
@@ -131,7 +132,7 @@ export declare class _MatMenuBase implements AfterContentInit, MatMenuPanel<MatM
      */
     readonly close: EventEmitter<MenuCloseReason>;
     readonly panelId: string;
-    constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _defaultOptions: MatMenuDefaultOptions);
+    constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _defaultOptions: MatMenuDefaultOptions, _changeDetectorRef?: ChangeDetectorRef | undefined);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
@@ -196,6 +197,10 @@ export declare class _MatMenuBase implements AfterContentInit, MatMenuPanel<MatM
 export declare class MatMenu extends _MatMenuBase {
     protected _elevationPrefix: string;
     protected _baseElevation: number;
+    /**
+     * @deprecated `changeDetectorRef` parameter will become a required parameter.
+     * @breaking-change 15.0.0
+     */
     constructor(elementRef: ElementRef<HTMLElement>, ngZone: NgZone, defaultOptions: MatMenuDefaultOptions);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatMenu, "mat-menu", ["matMenu"], {}, {}, never, ["*"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/material",
-  "version": "14.0.0-next.2",
+  "version": "14.0.0-next.3",
   "description": "Angular Material",
   "repository": {
     "type": "git",
@@ -621,12 +621,12 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": "^13.0.0 || ^14.0.0-0",
-    "@angular/cdk": "14.0.0-next.2",
-    "@angular/core": "^13.0.0 || ^14.0.0-0",
-    "@angular/common": "^13.0.0 || ^14.0.0-0",
-    "@angular/forms": "^13.0.0 || ^14.0.0-0",
-    "@angular/platform-browser": "^13.0.0 || ^14.0.0-0",
+    "@angular/animations": "^13.0.0 || ^14.0.0",
+    "@angular/cdk": "14.0.0-next.3",
+    "@angular/core": "^13.0.0 || ^14.0.0",
+    "@angular/common": "^13.0.0 || ^14.0.0",
+    "@angular/forms": "^13.0.0 || ^14.0.0",
+    "@angular/platform-browser": "^13.0.0 || ^14.0.0",
     "rxjs": "^6.5.3 || ^7.4.0"
   },
   "dependencies": {

package/progress-spinner/progress-spinner.d.ts

@@ -9,7 +9,7 @@ import { NumberInput } from '@angular/cdk/coercion';
 import { Platform } from '@angular/cdk/platform';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { ElementRef, InjectionToken, OnInit, ChangeDetectorRef, OnDestroy, NgZone } from '@angular/core';
-import { CanColor } from '@angular/material/core';
+import { CanColor, ThemePalette } from '@angular/material/core';
 import * as i0 from "@angular/core";
 /** Possible mode for a progress spinner. */
 export declare type ProgressSpinnerMode = 'determinate' | 'indeterminate';
@@ -21,6 +21,8 @@ declare const _MatProgressSpinnerBase: import("@angular/material/core")._Constru
 };
 /** Default `mat-progress-spinner` options that can be overridden. */
 export interface MatProgressSpinnerDefaultOptions {
+    /** Default color of the spinner. */
+    color?: ThemePalette;
     /** Diameter of the spinner. */
     diameter?: number;
     /** Width of the spinner's stroke. */

package/schematics/ng-add/index.js

@@ -18,7 +18,7 @@ const package_config_1 = require("./package-config");
  * Note that the fallback version range does not use caret, but tilde because that is
  * the default for Angular framework dependencies in CLI projects.
  */
-const fallbackMaterialVersionRange = `~13.2.2`;
+const fallbackMaterialVersionRange = `~14.0.0-next.3`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.
@@ -33,7 +33,7 @@ function default_1(options) {
         // have the same version tag if possible.
         const ngCoreVersionTag = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/core');
         const materialVersionRange = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/material');
-        const angularDependencyVersion = ngCoreVersionTag || `^13.0.0 || ^14.0.0-0`;
+        const angularDependencyVersion = ngCoreVersionTag || `^13.0.0 || ^14.0.0`;
         // The CLI inserts `@angular/material` into the `package.json` before this schematic runs.
         // This means that we do not need to insert Angular Material into `package.json` files again.
         // In some cases though, it could happen that this schematic runs outside of the CLI `ng add`

package/schematics/ng-add/index.mjs

@@ -18,7 +18,7 @@ const package_config_1 = require("./package-config");
  * Note that the fallback version range does not use caret, but tilde because that is
  * the default for Angular framework dependencies in CLI projects.
  */
-const fallbackMaterialVersionRange = `~13.2.2`;
+const fallbackMaterialVersionRange = `~14.0.0-next.3`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.
@@ -33,7 +33,7 @@ function default_1(options) {
         // have the same version tag if possible.
         const ngCoreVersionTag = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/core');
         const materialVersionRange = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/material');
-        const angularDependencyVersion = ngCoreVersionTag || `^13.0.0 || ^14.0.0-0`;
+        const angularDependencyVersion = ngCoreVersionTag || `^13.0.0 || ^14.0.0`;
         // The CLI inserts `@angular/material` into the `package.json` before this schematic runs.
         // This means that we do not need to insert Angular Material into `package.json` files again.
         // In some cases though, it could happen that this schematic runs outside of the CLI `ng add`

package/sidenav/sidenav-module.d.ts

@@ -3,10 +3,9 @@ import * as i1 from "./drawer";
 import * as i2 from "./sidenav";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/material/core";
-import * as i5 from "@angular/cdk/platform";
-import * as i6 from "@angular/cdk/scrolling";
+import * as i5 from "@angular/cdk/scrolling";
 export declare class MatSidenavModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSidenavModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatSidenavModule, [typeof i1.MatDrawer, typeof i1.MatDrawerContainer, typeof i1.MatDrawerContent, typeof i2.MatSidenav, typeof i2.MatSidenavContainer, typeof i2.MatSidenavContent], [typeof i3.CommonModule, typeof i4.MatCommonModule, typeof i5.PlatformModule, typeof i6.CdkScrollableModule], [typeof i6.CdkScrollableModule, typeof i4.MatCommonModule, typeof i1.MatDrawer, typeof i1.MatDrawerContainer, typeof i1.MatDrawerContent, typeof i2.MatSidenav, typeof i2.MatSidenavContainer, typeof i2.MatSidenavContent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatSidenavModule, [typeof i1.MatDrawer, typeof i1.MatDrawerContainer, typeof i1.MatDrawerContent, typeof i2.MatSidenav, typeof i2.MatSidenavContainer, typeof i2.MatSidenavContent], [typeof i3.CommonModule, typeof i4.MatCommonModule, typeof i5.CdkScrollableModule], [typeof i5.CdkScrollableModule, typeof i4.MatCommonModule, typeof i1.MatDrawer, typeof i1.MatDrawerContainer, typeof i1.MatDrawerContent, typeof i2.MatSidenav, typeof i2.MatSidenavContainer, typeof i2.MatSidenavContent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatSidenavModule>;
 }

package/tabs/paginated-tab-header.d.ts

@@ -7,7 +7,7 @@
  */
 import { ChangeDetectorRef, ElementRef, NgZone, QueryList, EventEmitter, AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy } from '@angular/core';
 import { Direction, Directionality } from '@angular/cdk/bidi';
-import { NumberInput } from '@angular/cdk/coercion';
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { FocusableOption } from '@angular/cdk/a11y';
 import { Subject } from 'rxjs';
@@ -74,7 +74,9 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
      * Whether pagination should be disabled. This can be used to avoid unnecessary
      * layout recalculations if it's known that pagination won't be required.
      */
-    disablePagination: boolean;
+    get disablePagination(): boolean;
+    set disablePagination(value: BooleanInput);
+    private _disablePagination;
     /** The index of the active tab. */
     get selectedIndex(): number;
     set selectedIndex(value: NumberInput);

package/tabs/tab-group.d.ts

@@ -83,13 +83,17 @@ export declare abstract class _MatTabGroupBase extends _MatTabGroupMixinBase imp
      * Whether pagination should be disabled. This can be used to avoid unnecessary
      * layout recalculations if it's known that pagination won't be required.
      */
-    disablePagination: boolean;
+    get disablePagination(): boolean;
+    set disablePagination(value: BooleanInput);
+    private _disablePagination;
     /**
      * By default tabs remove their content from the DOM while it's off-screen.
      * Setting this to `true` will keep it in the DOM which will prevent elements
      * like iframes and videos from reloading next time it comes back into the view.
      */
-    preserveContent: boolean;
+    get preserveContent(): boolean;
+    set preserveContent(value: BooleanInput);
+    private _preserveContent;
     /** Background color of the tab group. */
     get backgroundColor(): ThemePalette;
     set backgroundColor(value: ThemePalette);