@angular/material-experimental 13.1.0-next.3 → 13.1.2

package/mdc-list/list-base.d.ts

@@ -30,7 +30,7 @@ export declare abstract class MatListItemBase implements AfterContentInit, OnDes
     private _disableRipple;
     /** Whether the list-item is disabled. */
     get disabled(): boolean;
-    set disabled(value: boolean);
+    set disabled(value: BooleanInput);
     private _disabled;
     private _subscriptions;
     private _rippleRenderer;
@@ -57,8 +57,6 @@ export declare abstract class MatListItemBase implements AfterContentInit, OnDes
      * appropriately when they change.
      */
     private _monitorLines;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatListItemBase, [null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatListItemBase, never, never, { "disableRipple": "disableRipple"; "disabled": "disabled"; }, {}, ["_avatars", "_icons"]>;
 }
@@ -66,14 +64,12 @@ export declare abstract class MatListBase {
     _isNonInteractive: boolean;
     /** Whether ripples for all list items is disabled. */
     get disableRipple(): boolean;
-    set disableRipple(value: boolean);
+    set disableRipple(value: BooleanInput);
     private _disableRipple;
     /** Whether all list items are disabled. */
     get disabled(): boolean;
-    set disabled(value: boolean);
+    set disabled(value: BooleanInput);
     private _disabled;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatListBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatListBase, never, never, { "disableRipple": "disableRipple"; "disabled": "disabled"; }, {}, never>;
 }

package/mdc-list/list-option.d.ts

@@ -61,7 +61,7 @@ export declare class MatListOption extends MatListItemBase implements ListOption
     private _value;
     /** Whether the option is selected. */
     get selected(): boolean;
-    set selected(value: boolean);
+    set selected(value: BooleanInput);
     private _selected;
     constructor(element: ElementRef, ngZone: NgZone, platform: Platform, _selectionList: SelectionList, _changeDetectorRef: ChangeDetectorRef, globalRippleOptions?: RippleGlobalOptions, animationMode?: string);
     ngOnInit(): void;
@@ -90,7 +90,6 @@ export declare class MatListOption extends MatListItemBase implements ListOption
      * list changed.
      */
     _markForCheck(): void;
-    static ngAcceptInputType_selected: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatListOption, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatListOption, "mat-list-option", ["matListOption"], { "checkboxPosition": "checkboxPosition"; "color": "color"; "value": "value"; "selected": "selected"; }, { "selectedChange": "selectedChange"; }, ["lines"], ["[mat-list-avatar],[matListAvatar],[mat-list-icon],[matListIcon]", "*", "mat-divider"]>;
 }

package/mdc-list/selection-list.d.ts

@@ -53,7 +53,7 @@ export declare class MatSelectionList extends MatInteractiveListBase<MatListOpti
     compareWith: (o1: any, o2: any) => boolean;
     /** Whether selection is limited to one or multiple items (default multiple). */
     get multiple(): boolean;
-    set multiple(value: boolean);
+    set multiple(value: BooleanInput);
     /** The currently selected options. */
     selectedOptions: SelectionModel<MatListOption>;
     /** View to model callback that should be called whenever the selected options change. */
@@ -113,7 +113,6 @@ export declare class MatSelectionList extends MatInteractiveListBase<MatListOpti
     private _setAllOptionsSelected;
     /** The option components contained within this selection-list. */
     get options(): QueryList<MatListOption>;
-    static ngAcceptInputType_multiple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectionList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSelectionList, "mat-selection-list", ["matSelectionList"], { "color": "color"; "compareWith": "compareWith"; "multiple": "multiple"; }, { "selectionChange": "selectionChange"; }, ["_items"], ["*"]>;
 }

package/mdc-progress-spinner/progress-spinner.d.ts

@@ -41,15 +41,15 @@ export declare class MatProgressSpinner extends _MatProgressSpinnerBase implemen
     private _value;
     /** Value of the progress bar. Defaults to zero. Mirrored to aria-valuenow. */
     get value(): number;
-    set value(v: number);
+    set value(v: NumberInput);
     private _diameter;
     /** The diameter of the progress spinner (will set width and height of svg). */
     get diameter(): number;
-    set diameter(size: number);
+    set diameter(size: NumberInput);
     private _strokeWidth;
     /** Stroke width of the progress spinner. */
     get strokeWidth(): number;
-    set strokeWidth(value: number);
+    set strokeWidth(value: NumberInput);
     /** The radius of the spinner, adjusted for stroke width. */
     _circleRadius(): number;
     /** The view box of the spinner's svg element. */
@@ -64,9 +64,6 @@ export declare class MatProgressSpinner extends _MatProgressSpinnerBase implemen
     ngOnDestroy(): void;
     /** Syncs the state of the progress spinner with the MDC foundation. */
     private _syncFoundation;
-    static ngAcceptInputType_diameter: NumberInput;
-    static ngAcceptInputType_strokeWidth: NumberInput;
-    static ngAcceptInputType_value: NumberInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatProgressSpinner, [null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatProgressSpinner, "mat-progress-spinner, mat-spinner", ["matProgressSpinner"], { "color": "color"; "mode": "mode"; "value": "value"; "diameter": "diameter"; "strokeWidth": "strokeWidth"; }, {}, never, never>;
 }

package/mdc-select/_select-theme.scss

@@ -1,7 +1,6 @@
 @use '@material/theme/theme-color' as mdc-theme-color;
 @use '@material/menu-surface' as mdc-menu-surface;
 @use '@material/list/evolution-mixins' as mdc-list;
-@use '@material/select' as mdc-select;
 @use '@material/typography' as mdc-typography;
 @use '../mdc-helpers/mdc-helpers';
 @use '../../material/core/typography/typography';
@@ -15,38 +14,25 @@
 @mixin color($config-or-theme) {
   $config: theming.get-color-config($config-or-theme);
 
-  // Save original values of MDC global variables. We need to save these so we can restore the
-  // variables to their original values and prevent unintended side effects from using this mixin.
-  $orig-ink-color: mdc-select.$ink-color;
-  $orig-label-color: mdc-select.$label-color;
-  $orig-disabled-label-color: mdc-select.$disabled-label-color;
-  $orig-dropdown-icon-color: mdc-select.$dropdown-icon-color;
-  $orig-disabled-dropdown-icon-color: mdc-select.$disabled-dropdown-icon-color;
-
   @include mdc-helpers.mat-using-mdc-theme($config) {
-    mdc-select.$ink-color: rgba(mdc-theme-color.prop-value(on-surface), 0.87);
-    mdc-select.$label-color: rgba(mdc-theme-color.prop-value(on-surface), 0.6);
-    mdc-select.$disabled-label-color: rgba(mdc-theme-color.prop-value(on-surface), 0.38);
-    mdc-select.$dropdown-icon-color: rgba(mdc-theme-color.prop-value(on-surface), 0.54);
-    mdc-select.$disabled-dropdown-icon-color: rgba(mdc-theme-color.prop-value(on-surface), 0.38);
-
+    $disabled-color: rgba(mdc-theme-color.prop-value(on-surface), 0.38);
     @include mdc-menu-surface.core-styles(mdc-helpers.$mat-theme-styles-query);
     @include mdc-list.without-ripple(mdc-helpers.$mat-theme-styles-query);
 
     .mat-mdc-select-value {
-      color: mdc-select.$ink-color;
+      color: rgba(mdc-theme-color.prop-value(on-surface), 0.87);
     }
 
     .mat-mdc-select-placeholder {
-      color: mdc-select.$label-color;
+      color: rgba(mdc-theme-color.prop-value(on-surface), 0.6);
     }
 
     .mat-mdc-select-disabled .mat-mdc-select-value {
-      color: mdc-select.$disabled-label-color;
+      color: $disabled-color;
     }
 
     .mat-mdc-select-arrow {
-      color: mdc-select.$dropdown-icon-color;
+      color: rgba(mdc-theme-color.prop-value(on-surface), 0.54);
     }
 
     .mat-mdc-form-field {
@@ -69,17 +55,10 @@
       }
 
       .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
-        color: mdc-select.$disabled-dropdown-icon-color;
+        color: $disabled-color;
       }
     }
   }
-
-  // Restore original values of MDC global variables.
-  mdc-select.$ink-color: $orig-ink-color;
-  mdc-select.$label-color: $orig-label-color;
-  mdc-select.$disabled-label-color: $orig-disabled-label-color;
-  mdc-select.$dropdown-icon-color: $orig-dropdown-icon-color;
-  mdc-select.$disabled-dropdown-icon-color: $orig-disabled-dropdown-icon-color;
 }
 
 @mixin typography($config-or-theme) {

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/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"], ["*"]>;
 }