@angular/material-experimental 13.1.0 → 13.2.0-next.1

package/mdc-slide-toggle/slide-toggle.d.ts

@@ -52,7 +52,7 @@ export declare class MatSlideToggle implements ControlValueAccessor, AfterViewIn
     id: string;
     /** Tabindex for the input element. */
     get tabIndex(): number;
-    set tabIndex(value: number);
+    set tabIndex(value: NumberInput);
     private _tabIndex;
     /** Whether the label should appear after or before the slide-toggle. Defaults to 'after'. */
     labelPosition: 'before' | 'after';
@@ -64,17 +64,17 @@ export declare class MatSlideToggle implements ControlValueAccessor, AfterViewIn
     ariaDescribedby: string;
     /** Whether the slide-toggle is required. */
     get required(): boolean;
-    set required(value: boolean);
+    set required(value: BooleanInput);
     /** Whether the slide-toggle element is checked or not. */
     get checked(): boolean;
-    set checked(value: boolean);
+    set checked(value: BooleanInput);
     /** Whether to disable the ripple on this checkbox. */
     get disableRipple(): boolean;
-    set disableRipple(disableRipple: boolean);
+    set disableRipple(disableRipple: BooleanInput);
     private _disableRipple;
     /** Whether the slide toggle is disabled. */
     get disabled(): boolean;
-    set disabled(disabled: boolean);
+    set disabled(disabled: BooleanInput);
     private _disabled;
     /** An event will be dispatched each time the slide-toggle changes its value. */
     readonly change: EventEmitter<MatSlideToggleChange>;
@@ -102,11 +102,6 @@ export declare class MatSlideToggle implements ControlValueAccessor, AfterViewIn
     /** Toggles the checked state of the slide-toggle. */
     toggle(): void;
     _getAriaLabelledBy(): string | null;
-    static ngAcceptInputType_tabIndex: NumberInput;
-    static ngAcceptInputType_required: BooleanInput;
-    static ngAcceptInputType_checked: BooleanInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggle, [null, null, null, { attribute: "tabindex"; }, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSlideToggle, "mat-slide-toggle", ["matSlideToggle"], { "color": "color"; "name": "name"; "id": "id"; "tabIndex": "tabIndex"; "labelPosition": "labelPosition"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "required": "required"; "checked": "checked"; "disableRipple": "disableRipple"; "disabled": "disabled"; }, { "change": "change"; "toggleChange": "toggleChange"; }, never, ["*"]>;
 }

package/mdc-slider/slider.d.ts

@@ -44,8 +44,10 @@ export declare class MatSliderVisualThumb implements AfterViewInit, OnDestroy {
     disableRipple: boolean;
     /** The MatRipple for this slider thumb. */
     private readonly _ripple;
-    /** The slider thumb knob */
+    /** The slider thumb knob. */
     _knob: ElementRef<HTMLElement>;
+    /** The slider thumb value indicator container. */
+    _valueIndicatorContainer: ElementRef<HTMLElement>;
     /** The slider input corresponding to this slider thumb. */
     private _sliderInput;
     /** The RippleRef for the slider thumbs hover state. */
@@ -83,6 +85,11 @@ export declare class MatSliderVisualThumb implements AfterViewInit, OnDestroy {
     _getHostElement(): HTMLElement;
     /** Gets the native HTML element of the slider thumb knob. */
     _getKnob(): HTMLElement;
+    /**
+     * Gets the native HTML element of the slider thumb value indicator
+     * container.
+     */
+    _getValueIndicatorContainer(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderVisualThumb, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSliderVisualThumb, "mat-slider-visual-thumb", never, { "discrete": "discrete"; "thumbPosition": "thumbPosition"; "valueIndicatorText": "valueIndicatorText"; "disableRipple": "disableRipple"; }, {}, never, never>;
 }
@@ -99,7 +106,7 @@ export declare class MatSliderThumb implements AfterViewInit, ControlValueAccess
     private readonly _elementRef;
     /** The current value of this slider input. */
     get value(): number;
-    set value(v: number);
+    set value(v: NumberInput);
     /**
      * Emits when the raw value of the slider changes. This is here primarily
      * to facilitate the two-way binding for the `value` input.
@@ -206,7 +213,6 @@ export declare class MatSliderThumb implements AfterViewInit, ControlValueAccess
      * `displayWith` function is used to set the `aria-valuetext` attribute.
      */
     private _initializeAriaValueText;
-    static ngAcceptInputType_value: NumberInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderThumb, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatSliderThumb, "input[matSliderThumb], input[matSliderStartThumb], input[matSliderEndThumb]", ["matSliderThumb"], { "value": "value"; }, { "valueChange": "valueChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; "_blur": "_blur"; "_focus": "_focus"; }, never>;
 }
@@ -234,27 +240,27 @@ export declare class MatSlider extends _MatSliderMixinBase implements AfterViewI
     _inputs: QueryList<MatSliderThumb>;
     /** Whether the slider is disabled. */
     get disabled(): boolean;
-    set disabled(v: boolean);
+    set disabled(v: BooleanInput);
     private _disabled;
     /** Whether the slider displays a numeric value label upon pressing the thumb. */
     get discrete(): boolean;
-    set discrete(v: boolean);
+    set discrete(v: BooleanInput);
     private _discrete;
     /** Whether the slider displays tick marks along the slider track. */
     get showTickMarks(): boolean;
-    set showTickMarks(v: boolean);
+    set showTickMarks(v: BooleanInput);
     private _showTickMarks;
     /** The minimum value that the slider can have. */
     get min(): number;
-    set min(v: number);
+    set min(v: NumberInput);
     private _min;
     /** The maximum value that the slider can have. */
     get max(): number;
-    set max(v: number);
+    set max(v: NumberInput);
     private _max;
     /** The values at which the thumb will snap. */
     get step(): number;
-    set step(v: number);
+    set step(v: NumberInput);
     private _step;
     /**
      * Function that will be used to format the value before it is displayed
@@ -337,6 +343,11 @@ export declare class MatSlider extends _MatSliderMixinBase implements AfterViewI
     _getThumbElement(thumbPosition: Thumb): HTMLElement;
     /** Gets the slider knob HTML element of the given thumb position. */
     _getKnobElement(thumbPosition: Thumb): HTMLElement;
+    /**
+     * Gets the slider value indicator container HTML element of the given thumb
+     * position.
+     */
+    _getValueIndicatorContainerElement(thumbPosition: Thumb): HTMLElement;
     /**
      * Sets the value indicator text of the given thumb position using the given value.
      *
@@ -350,13 +361,6 @@ export declare class MatSlider extends _MatSliderMixinBase implements AfterViewI
     _getTickMarkClass(tickMark: TickMark): string;
     /** Whether the slider thumb ripples should be disabled. */
     _isRippleDisabled(): boolean;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_discrete: BooleanInput;
-    static ngAcceptInputType_showTickMarks: BooleanInput;
-    static ngAcceptInputType_min: NumberInput;
-    static ngAcceptInputType_max: NumberInput;
-    static ngAcceptInputType_step: NumberInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSlider, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSlider, "mat-slider", ["matSlider"], { "color": "color"; "disableRipple": "disableRipple"; "disabled": "disabled"; "discrete": "discrete"; "showTickMarks": "showTickMarks"; "min": "min"; "max": "max"; "step": "step"; "displayWith": "displayWith"; }, {}, ["_inputs"], ["*"]>;
 }

package/mdc-table/_table-theme.scss

@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use '@material/theme/theme-color' as mdc-theme-color;
 @use '@material/data-table/data-table' as mdc-data-table;
-@use '@material/data-table/data-table-theme' as mdc-data-table-theme;
+@use '@material/data-table' as mdc-data-table-theme;
 @use '../mdc-helpers/mdc-helpers';
 @use '../../material/core/typography/typography';
 @use '../../material/core/theming/theming';

package/mdc-tabs/_tabs-common.scss

@@ -128,7 +128,6 @@ $mat-tab-animation-duration: 500ms !default;
   .mat-mdc-tab-header-pagination-chevron {
     border-style: solid;
     border-width: 2px 2px 0 0;
-    content: '';
     height: 8px;
     width: 8px;
   }

package/mdc-tabs/module.d.ts

@@ -14,6 +14,6 @@ import * as i12 from "@angular/cdk/observers";
 import * as i13 from "@angular/cdk/a11y";
 export declare class MatTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTabsModule, [typeof i1.MatTabContent, typeof i2.MatTabLabel, typeof i3.MatTab, typeof i4.MatTabGroup, typeof i5.MatTabNav, typeof i5.MatTabLink, typeof i6.MatTabBody, typeof i6.MatTabBodyPortal, typeof i7.MatTabLabelWrapper, typeof i8.MatTabHeader], [typeof i9.CommonModule, typeof i10.MatCommonModule, typeof i11.PortalModule, typeof i10.MatRippleModule, typeof i12.ObserversModule, typeof i13.A11yModule], [typeof i10.MatCommonModule, typeof i1.MatTabContent, typeof i2.MatTabLabel, typeof i3.MatTab, typeof i4.MatTabGroup, typeof i5.MatTabNav, typeof i5.MatTabLink]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTabsModule, [typeof i1.MatTabContent, typeof i2.MatTabLabel, typeof i3.MatTab, typeof i4.MatTabGroup, typeof i5.MatTabNav, typeof i5.MatTabNavPanel, typeof i5.MatTabLink, typeof i6.MatTabBody, typeof i6.MatTabBodyPortal, typeof i7.MatTabLabelWrapper, typeof i8.MatTabHeader], [typeof i9.CommonModule, typeof i10.MatCommonModule, typeof i11.PortalModule, typeof i10.MatRippleModule, typeof i12.ObserversModule, typeof i13.A11yModule], [typeof i10.MatCommonModule, typeof i1.MatTabContent, typeof i2.MatTabLabel, typeof i3.MatTab, typeof i4.MatTabGroup, typeof i5.MatTabNav, typeof i5.MatTabNavPanel, typeof i5.MatTabLink]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatTabsModule>;
 }

package/mdc-tabs/public-api.d.ts

@@ -14,5 +14,5 @@ export { MatTab } from './tab';
 export { MatInkBar } from './ink-bar';
 export { MatTabHeader } from './tab-header';
 export { MatTabGroup } from './tab-group';
-export { MatTabNav, MatTabLink } from './tab-nav-bar/tab-nav-bar';
+export { MatTabNav, MatTabNavPanel, MatTabLink } from './tab-nav-bar/tab-nav-bar';
 export { MatTabBodyPositionState, MatTabBodyOriginState, matTabsAnimations, _MatInkBarPositioner, _MAT_INK_BAR_POSITIONER, MatTabChangeEvent, MatTabHeaderPosition, MatTabsConfig, MAT_TABS_CONFIG, MAT_TAB_GROUP, MAT_TAB, ScrollDirection, } from '@angular/material/tabs';

package/mdc-tabs/tab-group.d.ts

@@ -22,10 +22,9 @@ export declare class MatTabGroup extends _MatTabGroupBase {
     _tabHeader: MatTabHeader;
     /** Whether the ink bar should fit its width to the size of the tab label content. */
     get fitInkBarToContent(): boolean;
-    set fitInkBarToContent(v: boolean);
+    set fitInkBarToContent(v: BooleanInput);
     private _fitInkBarToContent;
     constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, defaultConfig?: MatTabsConfig, animationMode?: string);
-    static ngAcceptInputType_fitInkBarToContent: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabGroup, [null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabGroup, "mat-tab-group", ["matTabGroup"], { "color": "color"; "disableRipple": "disableRipple"; "fitInkBarToContent": "fitInkBarToContent"; }, {}, ["_allTabs"], never>;
 }

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

@@ -5,7 +5,6 @@
  * 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 { BooleanInput } from '@angular/cdk/coercion';
 import { ElementRef, QueryList, AfterContentInit, ChangeDetectorRef, NgZone } from '@angular/core';
 import { _MatTabHeaderBase } from '@angular/material/tabs';
 import { ViewportRuler } from '@angular/cdk/scrolling';
@@ -31,7 +30,6 @@ export declare class MatTabHeader extends _MatTabHeaderBase implements AfterCont
     _inkBar: MatInkBar;
     constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, dir: Directionality, ngZone: NgZone, platform: Platform, animationMode?: string);
     ngAfterContentInit(): void;
-    static ngAcceptInputType_disableRipple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabHeader, [null, null, null, { optional: true; }, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabHeader, "mat-tab-header", never, { "selectedIndex": "selectedIndex"; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, ["_items"], ["*"]>;
 }

package/mdc-tabs/tab-label-wrapper.d.ts

@@ -19,11 +19,10 @@ export declare class MatTabLabelWrapper extends BaseMatTabLabelWrapper implement
     _foundation: MatInkBarFoundation;
     /** Whether the ink bar should fit its width to the size of the tab label content. */
     get fitInkBarToContent(): boolean;
-    set fitInkBarToContent(v: boolean);
+    set fitInkBarToContent(v: BooleanInput);
     constructor(elementRef: ElementRef, _document: any);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ngAcceptInputType_fitInkBarToContent: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabelWrapper, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabelWrapper, "[matTabLabelWrapper]", never, { "disabled": "disabled"; "fitInkBarToContent": "fitInkBarToContent"; }, {}, never>;
 }

package/mdc-tabs/tab-nav-bar/tab-nav-bar.d.ts

@@ -23,7 +23,7 @@ import * as i0 from "@angular/core";
 export declare class MatTabNav extends _MatTabNavBase implements AfterContentInit {
     /** Whether the ink bar should fit its width to the size of the tab label content. */
     get fitInkBarToContent(): boolean;
-    set fitInkBarToContent(v: boolean);
+    set fitInkBarToContent(v: BooleanInput);
     _fitInkBarToContent: BehaviorSubject<boolean>;
     _items: QueryList<MatTabLink>;
     _tabListContainer: ElementRef;
@@ -34,8 +34,6 @@ export declare class MatTabNav extends _MatTabNavBase implements AfterContentIni
     _inkBar: MatInkBar;
     constructor(elementRef: ElementRef, dir: Directionality, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, platform: Platform, animationMode?: string, defaultConfig?: MatTabsConfig);
     ngAfterContentInit(): void;
-    static ngAcceptInputType_fitInkBarToContent: BooleanInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabNav, [null, { optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNav, "[mat-tab-nav-bar]", ["matTabNavBar", "matTabNav"], { "color": "color"; "fitInkBarToContent": "fitInkBarToContent"; }, {}, ["_items"], ["*"]>;
 }
@@ -52,3 +50,14 @@ export declare class MatTabLink extends _MatTabLinkBase implements MatInkBarItem
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLink, [null, null, { optional: true; }, { attribute: "tabindex"; }, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabLink, "[mat-tab-link], [matTabLink]", ["matTabLink"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; }, {}, never, ["*"]>;
 }
+/**
+ * Tab panel component associated with MatTabNav.
+ */
+export declare class MatTabNavPanel {
+    /** Unique id for the tab panel. */
+    id: string;
+    /** Id of the active tab in the nav bar. */
+    _activeTabId?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabNavPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNavPanel, "mat-tab-nav-panel", ["matTabNavPanel"], { "id": "id"; }, {}, never, ["*"]>;
+}

package/mdc-tabs/testing/tab-harness-filters.d.ts

@@ -24,3 +24,6 @@ export interface TabLinkHarnessFilters extends BaseHarnessFilters {
 /** A set of criteria that can be used to filter a list of `MatTabNavBarHarness` instances. */
 export interface TabNavBarHarnessFilters extends BaseHarnessFilters {
 }
+/** A set of criteria that can be used to filter a list of `MatTabNavBarHarness` instances. */
+export interface TabNavPanelHarnessFilters extends BaseHarnessFilters {
+}

package/mdc-tabs/testing/tab-nav-bar-harness.d.ts

@@ -8,6 +8,7 @@
 import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
 import { TabNavBarHarnessFilters, TabLinkHarnessFilters } from './tab-harness-filters';
 import { MatTabLinkHarness } from './tab-link-harness';
+import { MatTabNavPanelHarness } from './tab-nav-panel-harness';
 /** Harness for interacting with an MDC-based mat-tab-nav-bar in tests. */
 export declare class MatTabNavBarHarness extends ComponentHarness {
     /** The selector for the host element of a `MatTabNavBar` instance. */
@@ -32,4 +33,6 @@ export declare class MatTabNavBarHarness extends ComponentHarness {
      *     will be clicked.
      */
     clickLink(filter?: TabLinkHarnessFilters): Promise<void>;
+    /** Gets the panel associated with the nav bar. */
+    getPanel(): Promise<MatTabNavPanelHarness>;
 }

package/mdc-tabs/testing/tab-nav-panel-harness.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @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
+ */
+import { ContentContainerComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { TabNavPanelHarnessFilters } from './tab-harness-filters';
+/** Harness for interacting with a standard mat-tab-nav-panel in tests. */
+export declare class MatTabNavPanelHarness extends ContentContainerComponentHarness {
+    /** The selector for the host element of a `MatTabNavPanel` instance. */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a `MatTabNavPanel` that meets
+     * certain criteria.
+     * @param options Options for filtering which tab nav panel instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with(options?: TabNavPanelHarnessFilters): HarnessPredicate<MatTabNavPanelHarness>;
+    /** Gets the tab panel text content. */
+    getTextContent(): Promise<string>;
+}