@angular/material 13.2.0-next.1 → 13.2.0-rc.0

package/slider/_slider-theme.scss

@@ -52,16 +52,18 @@
     background-color: $mat-slider-off-color;
   }
 
-  .mat-primary {
-    @include _inner-content-theme($primary);
-  }
+  .mat-slider {
+    &.mat-primary {
+      @include _inner-content-theme($primary);
+    }
 
-  .mat-accent {
-    @include _inner-content-theme($accent);
-  }
+    &.mat-accent {
+      @include _inner-content-theme($accent);
+    }
 
-  .mat-warn {
-    @include _inner-content-theme($warn);
+    &.mat-warn {
+      @include _inner-content-theme($warn);
+    }
   }
 
   .mat-slider:hover,
@@ -71,7 +73,7 @@
     }
   }
 
-  .mat-slider-disabled {
+  .mat-slider.mat-slider-disabled {
     .mat-slider-track-background,
     .mat-slider-track-fill,
     .mat-slider-thumb {
@@ -85,7 +87,7 @@
     }
   }
 
-  .mat-slider-min-value {
+  .mat-slider.mat-slider-min-value {
     .mat-slider-focus-ring {
       $opacity: 0.12;
       $color: theming.get-color-from-palette($foreground, base, $opacity);

package/snack-bar/snack-bar.d.ts

@@ -10,19 +10,16 @@ import { BreakpointObserver } from '@angular/cdk/layout';
 import { Overlay } from '@angular/cdk/overlay';
 import { ComponentType } from '@angular/cdk/portal';
 import { EmbeddedViewRef, InjectionToken, Injector, TemplateRef, OnDestroy, Type } from '@angular/core';
-import { TextOnlySnackBar } from './simple-snack-bar';
+import { TextOnlySnackBar, SimpleSnackBar } from './simple-snack-bar';
 import { MatSnackBarConfig } from './snack-bar-config';
-import { _SnackBarContainer } from './snack-bar-container';
+import { MatSnackBarContainer, _SnackBarContainer } from './snack-bar-container';
 import { MatSnackBarRef } from './snack-bar-ref';
 import * as i0 from "@angular/core";
 /** Injection token that can be used to specify default snack bar. */
 export declare const MAT_SNACK_BAR_DEFAULT_OPTIONS: InjectionToken<MatSnackBarConfig<any>>;
 /** @docs-private */
 export declare function MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY(): MatSnackBarConfig;
-/**
- * Service to dispatch Material Design snack bar messages.
- */
-export declare class MatSnackBar implements OnDestroy {
+export declare abstract class _MatSnackBarBase implements OnDestroy {
     private _overlay;
     private _live;
     private _injector;
@@ -36,15 +33,15 @@ export declare class MatSnackBar implements OnDestroy {
      */
     private _snackBarRefAtThisLevel;
     /** The component that should be rendered as the snack bar's simple component. */
-    protected simpleSnackBarComponent: Type<TextOnlySnackBar>;
+    protected abstract simpleSnackBarComponent: Type<TextOnlySnackBar>;
     /** The container component that attaches the provided template or component. */
-    protected snackBarContainerComponent: Type<_SnackBarContainer>;
+    protected abstract snackBarContainerComponent: Type<_SnackBarContainer>;
     /** The CSS class to apply for handset mode. */
-    protected handsetCssClass: string;
+    protected abstract handsetCssClass: string;
     /** Reference to the currently opened snackbar at *any* level. */
     get _openedSnackBarRef(): MatSnackBarRef<any> | null;
     set _openedSnackBarRef(value: MatSnackBarRef<any> | null);
-    constructor(_overlay: Overlay, _live: LiveAnnouncer, _injector: Injector, _breakpointObserver: BreakpointObserver, _parentSnackBar: MatSnackBar, _defaultConfig: MatSnackBarConfig);
+    constructor(_overlay: Overlay, _live: LiveAnnouncer, _injector: Injector, _breakpointObserver: BreakpointObserver, _parentSnackBar: _MatSnackBarBase, _defaultConfig: MatSnackBarConfig);
     /**
      * Creates and dispatches a snack bar with a custom component for the content, removing any
      * currently opened snack bars.
@@ -94,6 +91,17 @@ export declare class MatSnackBar implements OnDestroy {
      * @param snackBarRef Reference to the snack bar.
      */
     private _createInjector;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_MatSnackBarBase, [null, null, null, null, { optional: true; skipSelf: true; }, null]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<_MatSnackBarBase>;
+}
+/**
+ * Service to dispatch Material Design snack bar messages.
+ */
+export declare class MatSnackBar extends _MatSnackBarBase {
+    protected simpleSnackBarComponent: typeof SimpleSnackBar;
+    protected snackBarContainerComponent: typeof MatSnackBarContainer;
+    protected handsetCssClass: string;
+    constructor(overlay: Overlay, live: LiveAnnouncer, injector: Injector, breakpointObserver: BreakpointObserver, parentSnackBar: MatSnackBar, defaultConfig: MatSnackBarConfig);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSnackBar, [null, null, null, null, { optional: true; skipSelf: true; }, null]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MatSnackBar>;
 }

package/tabs/tab-group.d.ts

@@ -28,7 +28,8 @@ declare const _MatTabGroupMixinBase: import("@angular/material/core")._Construct
     };
 };
 interface MatTabGroupBaseHeader {
-    _alignInkBarToSelectedTab: () => void;
+    _alignInkBarToSelectedTab(): void;
+    updatePagination(): void;
     focusIndex: number;
 }
 /**
@@ -110,6 +111,14 @@ export declare abstract class _MatTabGroupBase extends _MatTabGroupMixinBase imp
     ngOnDestroy(): void;
     /** Re-aligns the ink bar to the selected tab element. */
     realignInkBar(): void;
+    /**
+     * Recalculates the tab group's pagination dimensions.
+     *
+     * WARNING: Calling this method can be very costly in terms of performance. It should be called
+     * as infrequently as possible from outside of the Tabs component as it causes a reflow of the
+     * page.
+     */
+    updatePagination(): void;
     /**
      * Sets focus to a particular tab.
      * @param index Index of the tab to be focused.

package/tabs/tab.d.ts

@@ -42,6 +42,16 @@ export declare class MatTab extends _MatTabBase implements OnInit, CanDisable, O
      * Will be cleared if `aria-label` is set at the same time.
      */
     ariaLabelledby: string;
+    /**
+     * Classes to be passed to the tab label inside the mat-tab-header container.
+     * Supports string and string array values, same as `ngClass`.
+     */
+    labelClass: string | string[];
+    /**
+     * Classes to be passed to the tab mat-tab-body container.
+     * Supports string and string array values, same as `ngClass`.
+     */
+    bodyClass: string | string[];
     /** Portal that will be the hosted content of the tab */
     private _contentPortal;
     /** @docs-private */
@@ -74,6 +84,6 @@ export declare class MatTab extends _MatTabBase implements OnInit, CanDisable, O
      */
     protected _setTemplateLabelInput(value: MatTabLabel | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTab, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatTab, "mat-tab", ["matTab"], { "disabled": "disabled"; "textLabel": "label"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, {}, ["templateLabel", "_explicitContent"], ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatTab, "mat-tab", ["matTab"], { "disabled": "disabled"; "textLabel": "label"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "labelClass": "labelClass"; "bodyClass": "bodyClass"; }, {}, ["templateLabel", "_explicitContent"], ["*"]>;
 }
 export {};

package/tooltip/tooltip.d.ts

@@ -147,11 +147,6 @@ export declare abstract class _MatTooltipBase<T extends _TooltipComponentBase> i
     toggle(): void;
     /** Returns true if the tooltip is currently visible to the user */
     _isTooltipVisible(): boolean;
-    /**
-     * Handles the keydown events on the host element.
-     * Needs to be an arrow function so that we can use it in addEventListener.
-     */
-    private _handleKeydown;
     /** Create the overlay config and position strategy */
     private _createOverlay;
     /** Detaches the currently-attached tooltip. */