@angular/material 13.0.0-next.8 → 13.0.0-rc.3

package/sort/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/sort/package.json

@@ -2,8 +2,8 @@
   "name": "@angular/material/sort",
   "fesm2020": "../fesm2020/sort.mjs",
   "fesm2015": "../fesm2015/sort.mjs",
-  "esm2020": "../esm2020/sort/index.mjs",
-  "typings": "./index.d.ts",
+  "esm2020": "../esm2020/sort/sort_public_index.mjs",
+  "typings": "./sort_public_index.d.ts",
   "module": "../fesm2015/sort.mjs",
   "es2020": "../fesm2020/sort.mjs"
 }

package/sort/sort-header-intl.d.ts

@@ -11,8 +11,6 @@ import * as i0 from "@angular/core";
 /**
  * To modify the labels and text displayed, create a new instance of MatSortHeaderIntl and
  * include it in a custom provider.
- * @deprecated No longer being used. To be removed.
- * @breaking-change 13.0.0
  */
 export declare class MatSortHeaderIntl {
     /**

package/sort/sort-header.d.ts

@@ -5,10 +5,10 @@
  * 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 { AriaDescriber, FocusMonitor } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { ChangeDetectorRef, OnDestroy, OnInit, ElementRef, AfterViewInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { CanDisable } from '@angular/material/core';
-import { FocusMonitor } from '@angular/cdk/a11y';
 import { MatSort, MatSortable } from './sort';
 import { SortDirection } from './sort-direction';
 import { MatSortHeaderIntl } from './sort-header-intl';
@@ -59,7 +59,14 @@ export declare class MatSortHeader extends _MatSortHeaderBase implements CanDisa
     _columnDef: MatSortHeaderColumnDef;
     private _focusMonitor;
     private _elementRef;
+    /** @breaking-change 14.0.0 _ariaDescriber will be required. */
+    private _ariaDescriber?;
     private _rerenderSubscription;
+    /**
+     * The element with role="button" inside this component's view. We need this
+     * in order to apply a description with AriaDescriber.
+     */
+    private _sortButton;
     /**
      * Flag set to true when the indicator should be displayed while the sort is not active. Used to
      * provide an affordance that the header is sortable by showing on focus and hover.
@@ -86,6 +93,13 @@ export declare class MatSortHeader extends _MatSortHeaderBase implements CanDisa
     arrowPosition: 'before' | 'after';
     /** Overrides the sort start value of the containing MatSort for this MatSortable. */
     start: 'asc' | 'desc';
+    /**
+     * Description applied to MatSortHeader's button element with aria-describedby. This text should
+     * describe the action that will occur when the user clicks the sort header.
+     */
+    get sortActionDescription(): string;
+    set sortActionDescription(value: string);
+    private _sortActionDescription;
     /** Overrides the disable clear value of the containing MatSort for this MatSortable. */
     get disableClear(): boolean;
     set disableClear(v: boolean);
@@ -95,7 +109,9 @@ export declare class MatSortHeader extends _MatSortHeaderBase implements CanDisa
      * @deprecated `_intl` parameter isn't being used anymore and it'll be removed.
      * @breaking-change 13.0.0
      */
-    _intl: MatSortHeaderIntl, _changeDetectorRef: ChangeDetectorRef, _sort: MatSort, _columnDef: MatSortHeaderColumnDef, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>);
+    _intl: MatSortHeaderIntl, _changeDetectorRef: ChangeDetectorRef, _sort: MatSort, _columnDef: MatSortHeaderColumnDef, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, 
+    /** @breaking-change 14.0.0 _ariaDescriber will be required. */
+    _ariaDescriber?: AriaDescriber | null | undefined);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -141,11 +157,12 @@ export declare class MatSortHeader extends _MatSortHeaderBase implements CanDisa
     _getAriaSortAttribute(): "none" | "ascending" | "descending";
     /** Whether the arrow inside the sort header should be rendered. */
     _renderArrow(): boolean;
+    private _updateSortActionDescription;
     /** Handles changes in the sorting state. */
     private _handleStateChanges;
     static ngAcceptInputType_disableClear: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSortHeader, [null, null, { optional: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatSortHeader, "[mat-sort-header]", ["matSortHeader"], { "disabled": "disabled"; "id": "mat-sort-header"; "arrowPosition": "arrowPosition"; "start": "start"; "disableClear": "disableClear"; }, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSortHeader, [null, null, { optional: true; }, { optional: true; }, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatSortHeader, "[mat-sort-header]", ["matSortHeader"], { "disabled": "disabled"; "id": "mat-sort-header"; "arrowPosition": "arrowPosition"; "start": "start"; "sortActionDescription": "sortActionDescription"; "disableClear": "disableClear"; }, {}, never, ["*"]>;
 }
 export {};

package/sort/sort_public_index.d.ts

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

package/stepper/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/stepper/package.json

@@ -2,8 +2,8 @@
   "name": "@angular/material/stepper",
   "fesm2020": "../fesm2020/stepper.mjs",
   "fesm2015": "../fesm2015/stepper.mjs",
-  "esm2020": "../esm2020/stepper/index.mjs",
-  "typings": "./index.d.ts",
+  "esm2020": "../esm2020/stepper/stepper_public_index.mjs",
+  "typings": "./stepper_public_index.d.ts",
   "module": "../fesm2015/stepper.mjs",
   "es2020": "../fesm2020/stepper.mjs"
 }

package/stepper/stepper_public_index.d.ts

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

package/table/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/table/package.json

@@ -2,8 +2,8 @@
   "name": "@angular/material/table",
   "fesm2020": "../fesm2020/table.mjs",
   "fesm2015": "../fesm2015/table.mjs",
-  "esm2020": "../esm2020/table/index.mjs",
-  "typings": "./index.d.ts",
+  "esm2020": "../esm2020/table/table_public_index.mjs",
+  "typings": "./table_public_index.d.ts",
   "module": "../fesm2015/table.mjs",
   "es2020": "../fesm2020/table.mjs"
 }

package/table/table-data-source.d.ts

@@ -89,7 +89,7 @@ export declare class _MatTableDataSource<T, P extends MatTableDataSourcePaginato
      * @param data Data object that is being accessed.
      * @param sortHeaderId The name of the column that represents the data.
      */
-    sortingDataAccessor: ((data: T, sortHeaderId: string) => string | number);
+    sortingDataAccessor: (data: T, sortHeaderId: string) => string | number;
     /**
      * Gets a sorted copy of the data array based on the state of the MatSort. Called
      * after changes are made to the filtered data or when sort changes are emitted from MatSort.
@@ -99,7 +99,7 @@ export declare class _MatTableDataSource<T, P extends MatTableDataSourcePaginato
      * @param data The array of data that should be sorted.
      * @param sort The connected MatSort that holds the current sort state.
      */
-    sortData: ((data: T[], sort: MatSort) => T[]);
+    sortData: (data: T[], sort: MatSort) => T[];
     /**
      * Checks if a data object matches the data source's filter string. By default, each data object
      * is converted to a string of its properties and returns true if the filter has
@@ -110,7 +110,7 @@ export declare class _MatTableDataSource<T, P extends MatTableDataSourcePaginato
      * @param filter Filter string that has been set on the data source.
      * @returns Whether the filter matches against the data
      */
-    filterPredicate: ((data: T, filter: string) => boolean);
+    filterPredicate: (data: T, filter: string) => boolean;
     constructor(initialData?: T[]);
     /**
      * Subscribe to changes that should trigger an update to the table's rendered rows. When the

package/table/table_public_index.d.ts

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

package/table/testing/row-harness.d.ts

@@ -12,9 +12,9 @@ import { MatCellHarness, MatHeaderCellHarness, MatFooterCellHarness } from './ce
 export interface MatRowHarnessColumnsText {
     [columnName: string]: string;
 }
-export declare abstract class _MatRowHarnessBase<CellType extends (ComponentHarnessConstructor<Cell> & {
+export declare abstract class _MatRowHarnessBase<CellType extends ComponentHarnessConstructor<Cell> & {
     with: (options?: CellHarnessFilters) => HarnessPredicate<Cell>;
-}), Cell extends ComponentHarness & {
+}, Cell extends ComponentHarness & {
     getText(): Promise<string>;
     getColumnName(): Promise<string>;
 }> extends ComponentHarness {

package/table/testing/table-harness.d.ts

@@ -20,13 +20,13 @@ interface RowBase extends ComponentHarness {
     getCellTextByColumnName(): Promise<MatRowHarnessColumnsText>;
     getCellTextByIndex(): Promise<string[]>;
 }
-export declare abstract class _MatTableHarnessBase<HeaderRowType extends (ComponentHarnessConstructor<HeaderRow> & {
+export declare abstract class _MatTableHarnessBase<HeaderRowType extends ComponentHarnessConstructor<HeaderRow> & {
     with: (options?: RowHarnessFilters) => HarnessPredicate<HeaderRow>;
-}), HeaderRow extends RowBase, RowType extends (ComponentHarnessConstructor<Row> & {
+}, HeaderRow extends RowBase, RowType extends ComponentHarnessConstructor<Row> & {
     with: (options?: RowHarnessFilters) => HarnessPredicate<Row>;
-}), Row extends RowBase, FooterRowType extends (ComponentHarnessConstructor<FooterRow> & {
+}, Row extends RowBase, FooterRowType extends ComponentHarnessConstructor<FooterRow> & {
     with: (options?: RowHarnessFilters) => HarnessPredicate<FooterRow>;
-}), FooterRow extends RowBase> extends ContentContainerComponentHarness<string> {
+}, FooterRow extends RowBase> extends ContentContainerComponentHarness<string> {
     protected abstract _headerRowHarness: HeaderRowType;
     protected abstract _rowHarness: RowType;
     protected abstract _footerRowHarness: FooterRowType;

package/tabs/_tabs-theme.scss

@@ -126,7 +126,9 @@
 
   > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
   > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
-    border-color: theming.get-color-from-palette($background-color, default-contrast, 0.4);
+    // Set the color opacity via `opacity`, rather than `rgba`, because it may be a CSS variable.
+    border-color: theming.get-color-from-palette($background-color, default-contrast, 1);
+    opacity: 0.4;
   }
 
   // Set ripples color to be the contrast color of the new background. Otherwise the ripple
@@ -134,7 +136,9 @@
   > .mat-tab-header .mat-ripple-element,
   > .mat-tab-link-container .mat-ripple-element,
   > .mat-tab-header-pagination .mat-ripple-element {
-    background-color: theming.get-color-from-palette($background-color, default-contrast, 0.12);
+    // Set the color opacity via `opacity`, rather than `rgba`, because it may be a CSS variable.
+    background-color: theming.get-color-from-palette($background-color, default-contrast, 1);
+    opacity: 0.12;
   }
 }
 

package/tabs/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/tabs/package.json

@@ -2,8 +2,8 @@
   "name": "@angular/material/tabs",
   "fesm2020": "../fesm2020/tabs.mjs",
   "fesm2015": "../fesm2015/tabs.mjs",
-  "esm2020": "../esm2020/tabs/index.mjs",
-  "typings": "./index.d.ts",
+  "esm2020": "../esm2020/tabs/tabs_public_index.mjs",
+  "typings": "./tabs_public_index.d.ts",
   "module": "../fesm2015/tabs.mjs",
   "es2020": "../fesm2020/tabs.mjs"
 }

package/tabs/public-api.d.ts

@@ -8,7 +8,7 @@
 export { MatTabsModule } from './tabs-module';
 export * from './tab-group';
 export { MatInkBar, _MatInkBarPositioner, _MAT_INK_BAR_POSITIONER } from './ink-bar';
-export { MatTabBody, _MatTabBodyBase, MatTabBodyOriginState, MatTabBodyPositionState, MatTabBodyPortal } from './tab-body';
+export { MatTabBody, _MatTabBodyBase, MatTabBodyOriginState, MatTabBodyPositionState, MatTabBodyPortal, } from './tab-body';
 export { MatTabHeader, _MatTabHeaderBase } from './tab-header';
 export { MatTabLabelWrapper } from './tab-label-wrapper';
 export { MatTab, MAT_TAB_GROUP } from './tab';

package/tabs/tab-content.d.ts

@@ -15,9 +15,8 @@ import * as i0 from "@angular/core";
 export declare const MAT_TAB_CONTENT: InjectionToken<MatTabContent>;
 /** Decorates the `ng-template` tags and reads out the template from it. */
 export declare class MatTabContent {
-    /** Content for the tab. */ template: TemplateRef<any>;
-    constructor(
-    /** Content for the tab. */ template: TemplateRef<any>);
+    template: TemplateRef<any>;
+    constructor(/** Content for the tab. */ template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabContent, "[matTabContent]", never, {}, {}, never>;
 }

package/tabs/tabs_public_index.d.ts

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

package/toolbar/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/toolbar/package.json

@@ -2,8 +2,8 @@
   "name": "@angular/material/toolbar",
   "fesm2020": "../fesm2020/toolbar.mjs",
   "fesm2015": "../fesm2015/toolbar.mjs",
-  "esm2020": "../esm2020/toolbar/index.mjs",
-  "typings": "./index.d.ts",
+  "esm2020": "../esm2020/toolbar/toolbar_public_index.mjs",
+  "typings": "./toolbar_public_index.d.ts",
   "module": "../fesm2015/toolbar.mjs",
   "es2020": "../fesm2020/toolbar.mjs"
 }

package/toolbar/toolbar_public_index.d.ts

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

package/tooltip/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/tooltip/package.json

@@ -2,8 +2,8 @@
   "name": "@angular/material/tooltip",
   "fesm2020": "../fesm2020/tooltip.mjs",
   "fesm2015": "../fesm2015/tooltip.mjs",
-  "esm2020": "../esm2020/tooltip/index.mjs",
-  "typings": "./index.d.ts",
+  "esm2020": "../esm2020/tooltip/tooltip_public_index.mjs",
+  "typings": "./tooltip_public_index.d.ts",
   "module": "../fesm2015/tooltip.mjs",
   "es2020": "../fesm2020/tooltip.mjs"
 }

package/tooltip/tooltip_public_index.d.ts

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

package/tree/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/tree/package.json

@@ -2,8 +2,8 @@
   "name": "@angular/material/tree",
   "fesm2020": "../fesm2020/tree.mjs",
   "fesm2015": "../fesm2015/tree.mjs",
-  "esm2020": "../esm2020/tree/index.mjs",
-  "typings": "./index.d.ts",
+  "esm2020": "../esm2020/tree/tree_public_index.mjs",
+  "typings": "./tree_public_index.d.ts",
   "module": "../fesm2015/tree.mjs",
   "es2020": "../fesm2020/tree.mjs"
 }

package/tree/tree_public_index.d.ts

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