@angular/material 11.0.4 → 11.1.2

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

@@ -6,23 +6,18 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { DataSource } from '@angular/cdk/table';
-import { BehaviorSubject, Subscription } from 'rxjs';
-import { MatPaginator } from '@angular/material/paginator';
+import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
-/**
- * Data source that accepts a client-side data array and includes native support of filtering,
- * sorting (using MatSort), and pagination (using MatPaginator).
- *
- * Allows for sort customization by overriding sortingDataAccessor, which defines how data
- * properties are accessed. Also allows for filter customization by overriding filterTermAccessor,
- * which defines how row data is converted to a string for filter matching.
- *
- * **Note:** This class is meant to be a simple data source to help you get started. As such
- * it isn't equipped to handle some more advanced cases like robust i18n support or server-side
- * interactions. If your app needs to support more advanced use cases, consider implementing your
- * own `DataSource`.
- */
-export declare class MatTableDataSource<T> extends DataSource<T> {
+import { BehaviorSubject, Observable, Subject, Subscription } from 'rxjs';
+interface Paginator {
+    page: Subject<PageEvent>;
+    pageIndex: number;
+    initialized: Observable<void>;
+    pageSize: number;
+    length: number;
+}
+/** Shared base class with MDC-based implementation. */
+export declare class _MatTableDataSource<T, P extends Paginator> extends DataSource<T> {
     /** Stream that emits when a new data array is set on the data source. */
     private readonly _data;
     /** Stream emitting render data to the table (depends on ordered data changes). */
@@ -35,7 +30,7 @@ export declare class MatTableDataSource<T> extends DataSource<T> {
      * Subscription to the changes that should trigger an update to the table's rendered rows, such
      * as filtering, sorting, pagination, or base data changes.
      */
-    _renderChangesSubscription: Subscription;
+    _renderChangesSubscription: Subscription | null;
     /**
      * The filtered set of data that has been matched by the filter string, or all the data if there
      * is no filter. Useful for knowing the set of data the table represents.
@@ -69,8 +64,8 @@ export declare class MatTableDataSource<T> extends DataSource<T> {
      * e.g. `[pageLength]=100` or `[pageIndex]=1`, then be sure that the paginator's view has been
      * initialized before assigning it to this data source.
      */
-    get paginator(): MatPaginator | null;
-    set paginator(paginator: MatPaginator | null);
+    get paginator(): P | null;
+    set paginator(paginator: P | null);
     private _paginator;
     /**
      * Data accessor function that is used for accessing data properties for sorting through
@@ -139,8 +134,24 @@ export declare class MatTableDataSource<T> extends DataSource<T> {
      */
     connect(): BehaviorSubject<T[]>;
     /**
-     * Used by the MatTable. Called when it is destroyed. No-op.
+     * Used by the MatTable. Called when it disconnects from the data source.
      * @docs-private
      */
     disconnect(): void;
 }
+/**
+ * Data source that accepts a client-side data array and includes native support of filtering,
+ * sorting (using MatSort), and pagination (using MatPaginator).
+ *
+ * Allows for sort customization by overriding sortingDataAccessor, which defines how data
+ * properties are accessed. Also allows for filter customization by overriding filterTermAccessor,
+ * which defines how row data is converted to a string for filter matching.
+ *
+ * **Note:** This class is meant to be a simple data source to help you get started. As such
+ * it isn't equipped to handle some more advanced cases like robust i18n support or server-side
+ * interactions. If your app needs to support more advanced use cases, consider implementing your
+ * own `DataSource`.
+ */
+export declare class MatTableDataSource<T> extends _MatTableDataSource<T, MatPaginator> {
+}
+export {};

package/table/testing/cell-harness.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 { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { HarnessPredicate, ContentContainerComponentHarness } from '@angular/cdk/testing';
 import { CellHarnessFilters } from './table-harness-filters';
 /** Harness for interacting with a standard Angular Material table cell. */
-export declare class MatCellHarness extends ComponentHarness {
+export declare class MatCellHarness extends ContentContainerComponentHarness {
     /** The selector for the host element of a `MatCellHarness` instance. */
     static hostSelector: string;
     /**

package/tabs/_tabs-common.scss

@@ -1,5 +1,5 @@
 @import '../core/style/variables';
-@import '../core/style/noop-animation';
+@import '../core/style/private';
 @import '../core/style/vendor-prefixes';
 @import '../../cdk/a11y/a11y';
 
@@ -58,7 +58,7 @@ $mat-tab-animation-duration: 500ms !default;
 @mixin ink-bar {
   $height: 2px;
 
-  @include _noop-animation();
+  @include mat-private-animation-noop();
   position: absolute;
   bottom: 0;
   height: $height;

package/tabs/_tabs-theme.scss

@@ -1,6 +1,5 @@
 @import '../core/theming/palette';
 @import '../core/theming/theming';
-@import '../core/theming/check-duplicate-styles';
 @import '../core/typography/typography-utils';
 
 @mixin mat-tabs-color($config-or-theme) {
@@ -63,7 +62,9 @@
 
         // Override ink bar when background color is the same
         &.mat-background-#{$name} {
-          @include _mat-ink-bar($color, default-contrast);
+          > .mat-tab-header, > .mat-tab-link-container {
+            @include _mat-ink-bar($color, default-contrast);
+          }
         }
       }
     }
@@ -97,13 +98,16 @@
 }
 
 @mixin _mat-tabs-background($background-color) {
+  // Note that these selectors target direct descendants so
+  // that the styles don't apply to any nested tab groups.
+
   // Set background color for the tab group
-  .mat-tab-header, .mat-tab-links, .mat-tab-header-pagination {
+  > .mat-tab-header, > .mat-tab-link-container, > .mat-tab-header-pagination {
     background-color: mat-color($background-color);
   }
 
   // Set labels to contrast against background
-  .mat-tab-label, .mat-tab-link {
+  > .mat-tab-header .mat-tab-label, > .mat-tab-link-container .mat-tab-link {
     color: mat-color($background-color, default-contrast);
 
     &.mat-tab-disabled {
@@ -112,17 +116,18 @@
   }
 
   // Set pagination chevrons to contrast background
-  .mat-tab-header-pagination-chevron {
+  > .mat-tab-header-pagination .mat-tab-header-pagination-chevron {
     border-color: mat-color($background-color, default-contrast);
   }
 
-  .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
     border-color: mat-color($background-color, default-contrast, 0.4);
   }
 
   // Set ripples color to be the contrast color of the new background. Otherwise the ripple
   // color will be based on the app background color.
-  .mat-ripple-element {
+  > .mat-tab-header .mat-ripple-element,
+  > .mat-tab-link-container .mat-ripple-element {
     background-color: mat-color($background-color, default-contrast, 0.12);
   }
 }
@@ -145,8 +150,8 @@
 @mixin _mat-tabs-density($config-or-theme) {}
 
 @mixin mat-tabs-theme($theme-or-color-config) {
-  $theme: _mat-legacy-get-theme($theme-or-color-config);
-  @include _mat-check-duplicate-theme-styles($theme, 'mat-tabs') {
+  $theme: mat-private-legacy-get-theme($theme-or-color-config);
+  @include mat-private-check-duplicate-theme-styles($theme, 'mat-tabs') {
     $color: mat-get-color-config($theme);
     $density: mat-get-density-config($theme);
     $typography: mat-get-typography-config($theme);