@angular/material 14.1.0-next.2 → 14.1.0

package/grid-list/index.d.ts

@@ -39,7 +39,7 @@ export declare class MatGridList implements MatGridListBase, OnInit, AfterConten
     private _dir;
     /** Number of columns being rendered. */
     private _cols;
-    /** Used for determiningthe position of each tile in the grid. */
+    /** Used for determining the position of each tile in the grid. */
     private _tileCoordinator;
     /**
      * Row height value passed in by user. This can be one of three types:

package/icon/index.d.ts

@@ -105,13 +105,18 @@ export declare function MAT_ICON_LOCATION_FACTORY(): MatIconLocation;
  *     `<mat-icon svgIcon="left-arrow"></mat-icon>
  *     <mat-icon svgIcon="animals:cat"></mat-icon>`
  *
- * - Use a font ligature as an icon by putting the ligature text in the content of the `<mat-icon>`
- *   component. By default the Material icons font is used as described at
+ * - Use a font ligature as an icon by putting the ligature text in the `fontIcon` attribute or the
+ *   content of the `<mat-icon>` component. If you register a custom font class, don't forget to also
+ *   include the special class `mat-ligature-font`. It is recommended to use the attribute alternative
+ *   to prevent the ligature text to be selectable and to appear in search engine results.
+ *   By default, the Material icons font is used as described at
  *   http://google.github.io/material-design-icons/#icon-font-for-the-web. You can specify an
  *   alternate font by setting the fontSet input to either the CSS class to apply to use the
  *   desired font, or to an alias previously registered with MatIconRegistry.registerFontClassAlias.
  *   Examples:
- *     `<mat-icon>home</mat-icon>
+ *     `<mat-icon fontIcon="home"></mat-icon>
+ *     <mat-icon>home</mat-icon>
+ *     <mat-icon fontSet="myfont" fontIcon="sun"></mat-icon>
  *     <mat-icon fontSet="myfont">sun</mat-icon>`
  *
  * - Specify a font glyph to be included via CSS rules by setting the fontSet input to specify the
@@ -322,14 +327,27 @@ export declare class MatIconRegistry implements OnDestroy {
      */
     addSvgIconSetLiteralInNamespace(namespace: string, literal: SafeHtml, options?: IconOptions): this;
     /**
-     * Defines an alias for a CSS class name to be used for icon fonts. Creating an matIcon
+     * Defines an alias for CSS class names to be used for icon fonts. Creating an matIcon
      * component with the alias as the fontSet input will cause the class name to be applied
      * to the `<mat-icon>` element.
      *
+     * If the registered font is a ligature font, then don't forget to also include the special
+     * class `mat-ligature-font` to allow the usage via attribute. So register like this:
+     *
+     * ```ts
+     * iconRegistry.registerFontClassAlias('f1', 'font1 mat-ligature-font');
+     * ```
+     *
+     * And use like this:
+     *
+     * ```html
+     * <mat-icon fontSet="f1" fontIcon="home"></mat-icon>
+     * ```
+     *
      * @param alias Alias for the font.
-     * @param className Class name override to be used instead of the alias.
+     * @param classNames Class names override to be used instead of the alias.
      */
-    registerFontClassAlias(alias: string, className?: string): this;
+    registerFontClassAlias(alias: string, classNames?: string): this;
     /**
      * Returns the CSS class name associated with the alias by a previous call to
      * registerFontClassAlias. If no CSS class has been associated, returns the alias unmodified.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/material",
-  "version": "14.1.0-next.2",
+  "version": "14.1.0",
   "description": "Angular Material",
   "repository": {
     "type": "git",
@@ -622,7 +622,7 @@
   },
   "peerDependencies": {
     "@angular/animations": "^14.0.0 || ^15.0.0",
-    "@angular/cdk": "14.1.0-next.2",
+    "@angular/cdk": "14.1.0",
     "@angular/core": "^14.0.0 || ^15.0.0",
     "@angular/common": "^14.0.0 || ^15.0.0",
     "@angular/forms": "^14.0.0 || ^15.0.0",

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 = `~14.0.3`;
+const fallbackMaterialVersionRange = `~14.0.6`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.

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 = `~14.0.3`;
+const fallbackMaterialVersionRange = `~14.0.6`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.

package/select/index.d.ts

@@ -211,7 +211,7 @@ export declare abstract class _MatSelectBase<C> extends _MatSelectMixinBase impl
     private _compareWith;
     /** Unique id for this input. */
     private _uid;
-    /** Current `ariar-labelledby` value for the select trigger. */
+    /** Current `aria-labelledby` value for the select trigger. */
     private _triggerAriaLabelledBy;
     /**
      * Keeps track of the previous form control assigned to the select.

package/sort/index.d.ts

@@ -83,7 +83,7 @@ export declare class MatSort extends _MatSortBase implements CanDisable, HasInit
     active: string;
     /**
      * The direction to set when an MatSortable is initially sorted.
-     * May be overriden by the MatSortable's sort start.
+     * May be overridden by the MatSortable's sort start.
      */
     start: SortDirection;
     /** The sort direction of the currently active MatSortable. */
@@ -92,7 +92,7 @@ export declare class MatSort extends _MatSortBase implements CanDisable, HasInit
     private _direction;
     /**
      * Whether to disable the user from clearing the sort by finishing the sort direction cycle.
-     * May be overriden by the MatSortable's disable clear input.
+     * May be overridden by the MatSortable's disable clear input.
      */
     get disableClear(): boolean;
     set disableClear(v: BooleanInput);

package/stepper/index.d.ts

@@ -1,4 +1,5 @@
 import { _AbstractConstructor } from '@angular/material/core';
+import { AbstractControl } from '@angular/forms';
 import { AfterContentInit } from '@angular/core';
 import { AfterViewInit } from '@angular/core';
 import { AnimationEvent as AnimationEvent_2 } from '@angular/animations';
@@ -36,7 +37,6 @@ import { Subject } from 'rxjs';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { TemplateRef } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
-import { UntypedFormControl } from '@angular/forms';
 import { ViewContainerRef } from '@angular/core';
 
 declare namespace i1 {
@@ -104,7 +104,7 @@ export declare class MatStep extends CdkStep implements ErrorStateMatcher, After
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /** Custom error state matcher that additionally checks for validity of interacted form. */
-    isErrorState(control: UntypedFormControl | null, form: FormGroupDirective | NgForm | null): boolean;
+    isErrorState(control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatStep, [null, { skipSelf: true; }, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatStep, "mat-step", ["matStep"], { "color": "color"; }, {}, ["stepLabel", "_lazyContent"], ["*"], false>;
 }

package/tabs/index.d.ts

@@ -547,7 +547,7 @@ export declare class MatTabBodyPortal extends CdkPortalOutlet implements OnInit,
  *
  * In the case of a new tab body that should immediately be centered with an animating transition,
  * then left-origin-center or right-origin-center can be used, which will use left or right as its
- * psuedo-prior state.
+ * pseudo-prior state.
  */
 export declare type MatTabBodyPositionState = 'left' | 'center' | 'right' | 'left-origin-center' | 'right-origin-center';