@angular/material-experimental 14.0.0-rc.0 → 14.0.0

package/mdc-list/_list-theme.scss

@@ -19,13 +19,13 @@
     @include mdc-list.without-ripple($query: mdc-helpers.$mat-theme-styles-query);
 
     .mat-mdc-list-option {
-      @include list-option-theme.private-list-option-color-override($primary, primary);
+      @include list-option-theme.private-list-option-color-override($config, $primary, primary);
     }
     .mat-mdc-list-option.mat-accent {
-      @include list-option-theme.private-list-option-color-override($accent, secondary);
+      @include list-option-theme.private-list-option-color-override($config, $accent, secondary);
     }
     .mat-mdc-list-option.mat-warn {
-      @include list-option-theme.private-list-option-color-override($warn, error);
+      @include list-option-theme.private-list-option-color-override($config, $warn, error);
     }
   }
 }

package/mdc-list/index.d.ts

@@ -13,8 +13,6 @@ import { InjectionToken } from '@angular/core';
 import { MAT_LIST } from '@angular/material/list';
 import { MAT_NAV_LIST } from '@angular/material/list';
 import { MAT_SELECTION_LIST_VALUE_ACCESSOR } from '@angular/material/list';
-import { MDCListAdapter } from '@material/list';
-import { MDCListFoundation } from '@material/list';
 import { NgZone } from '@angular/core';
 import { OnChanges } from '@angular/core';
 import { OnDestroy } from '@angular/core';
@@ -100,42 +98,6 @@ export declare class MatActionList extends MatListBase {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatActionList, "mat-action-list", ["matActionList"], {}, {}, never, ["*"], false>;
 }
 
-declare abstract class MatInteractiveListBase<T extends MatListItemBase> extends MatListBase implements AfterViewInit, OnDestroy {
-    _element: ElementRef<HTMLElement>;
-    _handleKeydown(event: KeyboardEvent): void;
-    _handleClick(event: MouseEvent): void;
-    _handleFocusin(event: FocusEvent): void;
-    _handleFocusout(event: FocusEvent): void;
-    /** Items in the interactive list. */
-    abstract _items: QueryList<T>;
-    _itemsArr: T[];
-    _document: Document;
-    protected _foundation: MDCListFoundation;
-    protected _adapter: MDCListAdapter;
-    private _subscriptions;
-    protected constructor(_element: ElementRef<HTMLElement>, document: any);
-    protected _initWithAdapter(adapter: MDCListAdapter): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    protected _watchListItems(): void;
-    /**
-     * Clears the tabindex of all items so that no items are reachable through tab key.
-     * MDC intends to always have only one tabbable item that will receive focus first.
-     * This first item is selected by MDC automatically on blur or by manually invoking
-     * the `setTabindexToFirstSelectedOrFocusedItem` method.
-     */
-    private _clearTabindexForAllItems;
-    /**
-     * Resets tabindex for all options and sets tabindex for the first selected option or
-     * previously focused item so that an item can be reached when users tab into the list.
-     */
-    protected _resetTabindexToFirstSelectedOrFocusedItem(): void;
-    _elementAtIndex(index: number): HTMLElement | undefined;
-    _indexForElement(element: Element | null): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatInteractiveListBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatInteractiveListBase<any>, never, never, {}, {}, never, never, false>;
-}
-
 export declare class MatList extends MatListBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatList, "mat-list", ["matList"], {}, {}, never, ["*"], false>;
@@ -235,11 +197,9 @@ declare abstract class MatListItemBase implements AfterViewInit, OnDestroy, Ripp
      * @docs-private
      */
     get rippleDisabled(): boolean;
-    protected constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _listBase: MatListBase, _platform: Platform, globalRippleOptions?: RippleGlobalOptions, animationMode?: string);
+    constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _listBase: MatListBase, _platform: Platform, globalRippleOptions?: RippleGlobalOptions, animationMode?: string);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    /** Gets the label for the list item. This is used for the typeahead. */
-    _getItemLabel(): string;
     /** Whether the list item has icons or avatars. */
     _hasIconOrAvatar(): boolean;
     private _initInteractiveListItem;
@@ -345,12 +305,11 @@ export declare class MatListModule {
 }
 
 export declare class MatListOption extends MatListItemBase implements ListOption, OnInit, OnDestroy {
-    _selectionList: SelectionList;
+    private _selectionList;
     private _changeDetectorRef;
     _lines: QueryList<MatListItemLine>;
     _titles: QueryList<MatListItemTitle>;
     _unscopedContent: ElementRef<HTMLSpanElement>;
-    _itemText: ElementRef<HTMLElement>;
     /**
      * Emits when the selected state of the option has changed.
      * Use to facilitate two-data binding to the `selected` property.
@@ -376,13 +335,15 @@ export declare class MatListOption extends MatListItemBase implements ListOption
      * clear the value of `selected` in the first cycle.
      */
     private _inputsInitialized;
-    constructor(element: ElementRef, ngZone: NgZone, platform: Platform, _selectionList: SelectionList, _changeDetectorRef: ChangeDetectorRef, globalRippleOptions?: RippleGlobalOptions, animationMode?: string);
+    constructor(elementRef: ElementRef<HTMLElement>, ngZone: NgZone, _selectionList: SelectionList, platform: Platform, _changeDetectorRef: ChangeDetectorRef, globalRippleOptions?: RippleGlobalOptions, animationMode?: string);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** Toggles the selection state of the option. */
     toggle(): void;
     /** Allows for programmatic focusing of the option. */
     focus(): void;
+    /** Gets the text label of the list option. Used for the typeahead functionality in the list. */
+    getLabel(): string;
     /** Whether a checkbox is shown at the given position. */
     _hasCheckboxAt(position: MatListOptionCheckboxPosition): boolean;
     /** Whether icons or avatars are shown at the given position. */
@@ -403,6 +364,10 @@ export declare class MatListOption extends MatListItemBase implements ListOption
      * list changed.
      */
     _markForCheck(): void;
+    /** Toggles the option's value based on a user interacion. */
+    _toggleOnInteraction(): void;
+    /** Sets the tabindex of the list option. */
+    _setTabindex(value: number): void;
     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", "_titles"], ["[matListItemAvatar],[matListItemIcon]", "[matListItemTitle]", "[matListItemLine]", "*", "mat-divider"], false>;
 }
@@ -428,9 +393,17 @@ export declare class MatNavList extends MatListBase {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatNavList, "mat-nav-list", ["matNavList"], {}, {}, never, ["*"], false>;
 }
 
-export declare class MatSelectionList extends MatInteractiveListBase<MatListOption> implements SelectionList, ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy {
-    private _multiple;
+export declare class MatSelectionList extends MatListBase implements SelectionList, ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy {
+    _element: ElementRef<HTMLElement>;
+    private _ngZone;
     private _initialized;
+    private _keyManager;
+    /** Emits when the list has been destroyed. */
+    private _destroyed;
+    /** Whether the list has been destroyed. */
+    private _isDestroyed;
+    /** View to model callback that should be called whenever the selected options change. */
+    private _onChange;
     _items: QueryList<MatListOption>;
     /** Emits a change event whenever the selected state of an option changes. */
     readonly selectionChange: EventEmitter<MatSelectionListChange>;
@@ -445,19 +418,14 @@ export declare class MatSelectionList extends MatInteractiveListBase<MatListOpti
     /** Whether selection is limited to one or multiple items (default multiple). */
     get multiple(): boolean;
     set multiple(value: BooleanInput);
+    private _multiple;
     /** The currently selected options. */
     selectedOptions: SelectionModel<MatListOption>;
-    /** View to model callback that should be called whenever the selected options change. */
-    private _onChange;
     /** Keeps track of the currently-selected value. */
     _value: string[] | null;
-    /** Emits when the list has been destroyed. */
-    private _destroyed;
     /** View to model callback that should be called if the list or its options lost focus. */
     _onTouched: () => void;
-    /** Whether the list has been destroyed. */
-    private _isDestroyed;
-    constructor(element: ElementRef<HTMLElement>, document: any);
+    constructor(_element: ElementRef<HTMLElement>, _ngZone: NgZone);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -479,18 +447,8 @@ export declare class MatSelectionList extends MatInteractiveListBase<MatListOpti
     registerOnChange(fn: (value: any) => void): void;
     /** Implemented as part of ControlValueAccessor. */
     registerOnTouched(fn: () => void): void;
-    /**
-     * Resets tabindex for all options and sets tabindex for the first selected option so that
-     * it will become active when users tab into the selection-list. This will be a noop if the
-     * list is currently focused as otherwise multiple options might become reachable through tab.
-     * e.g. A user currently already focused an option. We set tabindex to a new option but the
-     * focus on the current option does persist. Pressing `TAB` then might go to the other option
-     * that received a tabindex. We can skip the reset here as the MDC foundation resets the
-     * tabindex to the first selected option automatically once the current item is blurred.
-     */
-    private _resetTabindexForItemsIfBlurred;
+    /** Watches for changes in the selected state of the options and updates the list accordingly. */
     private _watchForSelectionChange;
-    private _syncSelectedOptionsWithFoundation;
     /** Sets the selected options based on the specified values. */
     private _setOptionsFromValues;
     /** Returns the values of the selected options. */
@@ -504,6 +462,23 @@ export declare class MatSelectionList extends MatInteractiveListBase<MatListOpti
     private _setAllOptionsSelected;
     /** The option components contained within this selection-list. */
     get options(): QueryList<MatListOption>;
+    /** Handles keydown events within the list. */
+    _handleKeydown(event: KeyboardEvent): void;
+    /** Handles focusout events within the list. */
+    private _handleFocusout;
+    /** Handles focusin events within the list. */
+    private _handleFocusin;
+    /** Sets up the logic for maintaining the roving tabindex. */
+    private _setupRovingTabindex;
+    /**
+     * Sets an option as active.
+     * @param index Index of the active option. If set to -1, no option will be active.
+     */
+    private _setActiveOption;
+    /** Resets the active option to the first selected option. */
+    private _resetActiveOption;
+    /** Returns whether the focus is currently within the list. */
+    private _containsFocus;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectionList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSelectionList, "mat-selection-list", ["matSelectionList"], { "color": "color"; "compareWith": "compareWith"; "multiple": "multiple"; }, { "selectionChange": "selectionChange"; }, ["_items"], ["*"], false>;
 }
@@ -551,8 +526,9 @@ export declare interface SelectionList extends MatListBase {
     selectedOptions: SelectionModel<MatListOption>;
     compareWith: (o1: any, o2: any) => boolean;
     _value: string[] | null;
-    _reportValueChange: () => void;
-    _onTouched: () => void;
+    _reportValueChange(): void;
+    _emitChangeEvent(options: MatListOption[]): void;
+    _onTouched(): void;
 }
 
 export { }

package/mdc-progress-bar/index.d.ts

@@ -1,8 +1,8 @@
 import { _AbstractConstructor } from '@angular/material-experimental/mdc-core';
 import { AfterViewInit } from '@angular/core';
 import { CanColor } from '@angular/material-experimental/mdc-core';
+import { ChangeDetectorRef } from '@angular/core';
 import { _Constructor } from '@angular/material-experimental/mdc-core';
-import { Directionality } from '@angular/cdk/bidi';
 import { ElementRef } from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import * as i0 from '@angular/core';
@@ -31,12 +31,9 @@ export { MAT_PROGRESS_BAR_LOCATION_FACTORY }
 
 export declare class MatProgressBar extends _MatProgressBarBase implements AfterViewInit, OnDestroy, CanColor {
     private _ngZone;
+    private _changeDetectorRef;
     _animationMode?: string | undefined;
-    constructor(elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, dir?: Directionality, _animationMode?: string | undefined, defaults?: MatProgressBarDefaultOptions);
-    /** Implements all of the logic of the MDC progress bar. */
-    private _foundation;
-    /** Adapter used by MDC to interact with the DOM. */
-    private _adapter;
+    constructor(elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _changeDetectorRef: ChangeDetectorRef, _animationMode?: string | undefined, defaults?: MatProgressBarDefaultOptions);
     /** Flag that indicates whether NoopAnimations mode is set to true. */
     _isNoopAnimation: boolean;
     /** Value of the progress bar. Defaults to zero. Mirrored to aria-valuenow. */
@@ -47,18 +44,12 @@ export declare class MatProgressBar extends _MatProgressBarBase implements After
     get bufferValue(): number;
     set bufferValue(v: number);
     private _bufferValue;
-    private _primaryBar;
-    private _bufferBar;
     /**
      * Event emitted when animation of the primary progress bar completes. This event will not
      * be emitted when animations are disabled, nor will it be emitted for modes with continuous
      * animations (indeterminate and query).
      */
     readonly animationEnd: EventEmitter<ProgressAnimationEnd>;
-    /** Reference to animation end subscription to be unsubscribed on destroy. */
-    private _animationEndSubscription;
-    /** Subscription to when the layout direction changes. */
-    private _dirChangeSubscription;
     /**
      * Mode of the progress bar.
      *
@@ -71,16 +62,22 @@ export declare class MatProgressBar extends _MatProgressBarBase implements After
     private _mode;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    /** Syncs the state of the progress bar with the MDC foundation. */
-    private _syncFoundation;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatProgressBar, [null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    /** Gets the transform style that should be applied to the primary bar. */
+    _getPrimaryBarTransform(): string;
+    /** Gets the `flex-basis` value that should be applied to the buffer bar. */
+    _getBufferBarFlexBasis(): string;
+    /** Returns whether the progress bar is indeterminate. */
+    _isIndeterminate(): boolean;
+    /** Event handler for `transitionend` events. */
+    private _transitionendHandler;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatProgressBar, [null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatProgressBar, "mat-progress-bar", ["matProgressBar"], { "color": "color"; "value": "value"; "bufferValue": "bufferValue"; "mode": "mode"; }, { "animationEnd": "animationEnd"; }, never, never, false>;
 }
 
 /** @docs-private */
 declare const _MatProgressBarBase: _Constructor<CanColor> & _AbstractConstructor<CanColor> & {
-    new (_elementRef: ElementRef): {
-        _elementRef: ElementRef;
+    new (_elementRef: ElementRef<HTMLElement>): {
+        _elementRef: ElementRef<HTMLElement>;
     };
 };
 

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

@@ -1,5 +1,4 @@
 import { _AbstractConstructor } from '@angular/material-experimental/mdc-core';
-import { AfterViewInit } from '@angular/core';
 import { CanColor } from '@angular/material-experimental/mdc-core';
 import { _Constructor } from '@angular/material-experimental/mdc-core';
 import { ElementRef } from '@angular/core';
@@ -9,9 +8,7 @@ import * as i3 from '@angular/material-experimental/mdc-core';
 import { MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS } from '@angular/material/progress-spinner';
 import { MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY } from '@angular/material/progress-spinner';
 import { MatProgressSpinnerDefaultOptions } from '@angular/material/progress-spinner';
-import { MDCCircularProgressFoundation } from '@material/circular-progress';
 import { NumberInput } from '@angular/cdk/coercion';
-import { OnDestroy } from '@angular/core';
 
 declare namespace i1 {
     export {
@@ -25,17 +22,12 @@ export { MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS }
 
 export { MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY }
 
-export declare class MatProgressSpinner extends _MatProgressSpinnerBase implements AfterViewInit, OnDestroy, CanColor {
+export declare class MatProgressSpinner extends _MatProgressSpinnerBase implements CanColor {
     /** Whether the _mat-animation-noopable class should be applied, disabling animations.  */
     _noopAnimations: boolean;
-    /** Implements all of the logic of the MDC circular progress. */
-    _foundation: MDCCircularProgressFoundation;
     /** The element of the determinate spinner. */
     _determinateCircle: ElementRef<HTMLElement>;
-    /** Adapter used by MDC to interact with the DOM. */
-    private _adapter;
     constructor(elementRef: ElementRef<HTMLElement>, animationMode: string, defaults?: MatProgressSpinnerDefaultOptions);
-    private _mode;
     /**
      * Mode of the progress bar.
      *
@@ -43,20 +35,19 @@ export declare class MatProgressSpinner extends _MatProgressSpinnerBase implemen
      * 'determinate'.
      * Mirrored to mode attribute.
      */
-    get mode(): ProgressSpinnerMode;
-    set mode(value: ProgressSpinnerMode);
-    private _value;
+    mode: ProgressSpinnerMode;
     /** Value of the progress bar. Defaults to zero. Mirrored to aria-valuenow. */
     get value(): number;
     set value(v: NumberInput);
-    private _diameter;
+    private _value;
     /** The diameter of the progress spinner (will set width and height of svg). */
     get diameter(): number;
     set diameter(size: NumberInput);
-    private _strokeWidth;
+    private _diameter;
     /** Stroke width of the progress spinner. */
     get strokeWidth(): number;
     set strokeWidth(value: NumberInput);
+    private _strokeWidth;
     /** The radius of the spinner, adjusted for stroke width. */
     _circleRadius(): number;
     /** The view box of the spinner's svg element. */
@@ -67,10 +58,6 @@ export declare class MatProgressSpinner extends _MatProgressSpinnerBase implemen
     _strokeDashOffset(): number | null;
     /** Stroke width of the circle in percent. */
     _circleStrokeWidth(): number;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /** Syncs the state of the progress spinner with the MDC foundation. */
-    private _syncFoundation;
     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, false>;
 }

package/mdc-radio/_radio-theme.scss

@@ -25,6 +25,12 @@
 
   @include mdc-helpers.mat-using-mdc-theme($config) {
     $on-surface: rgba(mdc-theme-color.$on-surface, 0.54);
+    $is-dark: map-get($config, is-dark);
+    $active-border-color: if(
+            $is-dark,
+            mat.get-color-from-palette(mat.$gray-palette, 200),
+            mat.get-color-from-palette(mat.$gray-palette, 900)
+    );
 
     .mat-mdc-radio-button {
       @include mdc-form-field.core-styles($query: mdc-helpers.$mat-theme-styles-query);
@@ -33,8 +39,8 @@
         // MDC applies a separate opacity to disabled buttons.
         disabled-selected-icon-color: mdc-theme-color.$on-surface,
         disabled-unselected-icon-color: mdc-theme-color.$on-surface,
-        unselected-focus-icon-color: $on-surface,
-        unselected-hover-icon-color: $on-surface,
+        unselected-focus-icon-color: $active-border-color,
+        unselected-hover-icon-color: $active-border-color,
         unselected-icon-color: $on-surface,
         unselected-pressed-icon-color: $on-surface,
       ));

package/mdc-radio/index.d.ts

@@ -1,4 +1,3 @@
-import { AfterViewInit } from '@angular/core';
 import { ChangeDetectorRef } from '@angular/core';
 import { ElementRef } from '@angular/core';
 import { FocusMonitor } from '@angular/cdk/a11y';
@@ -12,8 +11,6 @@ import { _MatRadioButtonBase } from '@angular/material/radio';
 import { MatRadioChange } from '@angular/material/radio';
 import { MatRadioDefaultOptions } from '@angular/material/radio';
 import { _MatRadioGroupBase } from '@angular/material/radio';
-import { MDCRadioFoundation } from '@material/radio';
-import { OnDestroy } from '@angular/core';
 import { QueryList } from '@angular/core';
 import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
 
@@ -46,21 +43,8 @@ export declare const MAT_RADIO_GROUP: InjectionToken<_MatRadioGroupBase<_MatRadi
  */
 export declare const MAT_RADIO_GROUP_CONTROL_VALUE_ACCESSOR: any;
 
-export declare class MatRadioButton extends _MatRadioButtonBase implements AfterViewInit, OnDestroy {
-    private _radioAdapter;
-    _radioFoundation: MDCRadioFoundation;
-    _classes: {
-        [key: string]: boolean;
-    };
+export declare class MatRadioButton extends _MatRadioButtonBase {
     constructor(radioGroup: MatRadioGroup, elementRef: ElementRef, _changeDetector: ChangeDetectorRef, _focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher, animationMode?: string, _providerOverride?: MatRadioDefaultOptions, tabIndex?: string);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private _setClass;
-    /**
-     * Overrides the parent function so that the foundation can be set with the current
-     * disabled state.
-     */
-    protected _setDisabled(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatRadioButton, [{ optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatRadioButton, "mat-radio-button", ["matRadioButton"], { "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; }, {}, never, ["*"], false>;
 }

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

@@ -1,9 +1,6 @@
-import { AfterViewInit } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ElementRef } from '@angular/core';
-import { EventEmitter } from '@angular/core';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import * as i2 from '@angular/material/slide-toggle';
@@ -11,10 +8,10 @@ import * as i3 from '@angular/material-experimental/mdc-core';
 import * as i4 from '@angular/common';
 import { InjectionToken } from '@angular/core';
 import { MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR } from '@angular/material/slide-toggle';
+import { _MatSlideToggleBase } from '@angular/material/slide-toggle';
 import { MatSlideToggleRequiredValidator } from '@angular/material/slide-toggle';
-import { NumberInput } from '@angular/cdk/coercion';
-import { OnDestroy } from '@angular/core';
 import { ThemePalette } from '@angular/material-experimental/mdc-core';
+import { Type } from '@angular/core';
 
 declare namespace i1 {
     export {
@@ -30,86 +27,28 @@ export declare const MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS: InjectionToken<MatSlideTo
 export { MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR }
 
 /** @docs-private */
-export declare const MAT_SLIDE_TOGGLE_VALUE_ACCESSOR: any;
+export declare const MAT_SLIDE_TOGGLE_VALUE_ACCESSOR: {
+    provide: InjectionToken<readonly ControlValueAccessor[]>;
+    useExisting: Type<any>;
+    multi: boolean;
+};
 
-export declare class MatSlideToggle implements ControlValueAccessor, AfterViewInit, OnDestroy {
-    private _elementRef;
-    private _focusMonitor;
-    private _changeDetectorRef;
-    defaults: MatSlideToggleDefaultOptions;
-    private _onChange;
-    private _onTouched;
-    private _uniqueId;
-    private _required;
-    private _checked;
-    private _foundation;
-    private _adapter;
-    /** Whether the slide toggle is currently focused. */
-    _focused: boolean;
-    /** Whether noop animations are enabled. */
-    _noopAnimations: boolean;
+export declare class MatSlideToggle extends _MatSlideToggleBase<MatSlideToggleChange> {
     /** Unique ID for the label element. */
     _labelId: string;
-    /** The color palette  for this slide toggle. */
-    color: ThemePalette;
-    /** Name value will be applied to the button element if present. */
-    name: string | null;
-    /** A unique id for the slide-toggle button. If none is supplied, it will be auto-generated. */
-    id: string;
-    /** Tabindex for the input element. */
-    get tabIndex(): number;
-    set tabIndex(value: NumberInput);
-    private _tabIndex;
-    /** Whether the label should appear after or before the slide-toggle. Defaults to 'after'. */
-    labelPosition: 'before' | 'after';
-    /** Used to set the aria-label attribute on the underlying button element. */
-    ariaLabel: string | null;
-    /** Used to set the aria-labelledby attribute on the underlying button element. */
-    ariaLabelledby: string | null;
-    /** Used to set the aria-describedby attribute on the underlying button element. */
-    ariaDescribedby: string;
-    /** Whether the slide-toggle is required. */
-    get required(): boolean;
-    set required(value: BooleanInput);
-    /** Whether the slide-toggle element is checked or not. */
-    get checked(): boolean;
-    set checked(value: BooleanInput);
-    /** Whether to disable the ripple on this checkbox. */
-    get disableRipple(): boolean;
-    set disableRipple(disableRipple: BooleanInput);
-    private _disableRipple;
-    /** Whether the slide toggle is disabled. */
-    get 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>;
-    /** Event will be dispatched each time the slide-toggle input is toggled. */
-    readonly toggleChange: EventEmitter<void>;
     /** Returns the unique id for the visual hidden button. */
     get buttonId(): string;
     /** Reference to the MDC switch element. */
     _switchElement: ElementRef<HTMLElement>;
-    constructor(_elementRef: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, tabIndex: string, defaults: MatSlideToggleDefaultOptions, animationMode?: string);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    constructor(elementRef: ElementRef, focusMonitor: FocusMonitor, changeDetectorRef: ChangeDetectorRef, tabIndex: string, defaults: MatSlideToggleDefaultOptions, animationMode?: string);
     /** Method being called whenever the underlying button is clicked. */
-    _handleClick(event: Event): void;
-    /** Implemented as part of ControlValueAccessor. */
-    writeValue(value: any): void;
-    /** Implemented as part of ControlValueAccessor. */
-    registerOnChange(fn: any): void;
-    /** Implemented as part of ControlValueAccessor. */
-    registerOnTouched(fn: any): void;
-    /** Implemented as a part of ControlValueAccessor. */
-    setDisabledState(isDisabled: boolean): void;
+    _handleClick(): void;
     /** Focuses the slide-toggle. */
     focus(): void;
-    /** Toggles the checked state of the slide-toggle. */
-    toggle(): void;
+    protected _createChangeEvent(isChecked: boolean): MatSlideToggleChange;
     _getAriaLabelledBy(): string | null;
     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, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatSlideToggle, "mat-slide-toggle", ["matSlideToggle"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "color": "color"; "tabIndex": "tabIndex"; }, {}, never, ["*"], false>;
 }
 
 /** Change event object emitted by a MatSlideToggle. */

package/mdc-tabs/index.d.ts

@@ -31,7 +31,7 @@ import { _MatTabHeaderBase } from '@angular/material/tabs';
 import { MatTabHeaderPosition } from '@angular/material/tabs';
 import { MatTabLabel as MatTabLabel_2 } from '@angular/material/tabs';
 import { MatTabLabelWrapper as MatTabLabelWrapper_2 } from '@angular/material/tabs';
-import { _MatTabLinkBase } from '@angular/material/tabs';
+import { _MatTabLinkBase as _MatTabLinkBase_2 } from '@angular/material/tabs';
 import { _MatTabNavBase } from '@angular/material/tabs';
 import { matTabsAnimations } from '@angular/material/tabs';
 import { MatTabsConfig } from '@angular/material/tabs';
@@ -120,56 +120,15 @@ export declare class MatInkBar {
     alignToElement(element: HTMLElement): void;
 }
 
-/**
- * Implementation of MDC's sliding tab indicator (ink bar) foundation.
- * @docs-private
- */
-declare class MatInkBarFoundation {
-    private _hostElement;
-    private _document;
-    private _destroyed;
-    private _foundation;
-    private _inkBarElement;
-    private _inkBarContentElement;
-    private _fitToContent;
-    private _adapter;
-    constructor(_hostElement: HTMLElement, _document: Document);
-    /** Aligns the ink bar to the current item. */
-    activate(clientRect?: ClientRect): void;
-    /** Removes the ink bar from the current item. */
-    deactivate(): void;
-    /** Gets the ClientRect of the ink bar. */
-    computeContentClientRect(): DOMRect;
-    /** Initializes the foundation. */
-    init(): void;
-    /** Destroys the foundation. */
-    destroy(): void;
-    /**
-     * Sets whether the ink bar should be appended to the content, which will cause the ink bar
-     * to match the width of the content rather than the tab host element.
-     */
-    setFitToContent(fitToContent: boolean): void;
-    /**
-     * Gets whether the ink bar should be appended to the content, which will cause the ink bar
-     * to match the width of the content rather than the tab host element.
-     */
-    getFitToContent(): boolean;
-    /** Creates and appends the ink bar element. */
-    private _createInkBarElement;
-    /**
-     * Appends the ink bar to the tab host element or content, depending on whether
-     * the ink bar should fit to content.
-     */
-    private _appendInkBarElement;
-}
-
 /**
  * Item inside a tab header relative to which the ink bar can be aligned.
  * @docs-private
  */
-declare interface MatInkBarItem {
-    _foundation: MatInkBarFoundation;
+declare interface MatInkBarItem extends OnInit, OnDestroy {
     elementRef: ElementRef<HTMLElement>;
+    activateInkBar(previousIndicatorClientRect?: ClientRect): void;
+    deactivateInkBar(): void;
+    fitInkBarToContent: boolean;
 }
 
 export { _MatInkBarPositioner }
@@ -274,33 +233,26 @@ export declare class MatTabLabel extends MatTabLabel_2 {
  * Used in the `mat-tab-group` view to display tab labels.
  * @docs-private
  */
-export declare class MatTabLabelWrapper extends MatTabLabelWrapper_2 implements MatInkBarItem, OnInit, OnDestroy {
-    private _document;
-    _foundation: MatInkBarFoundation;
-    /** Whether the ink bar should fit its width to the size of the tab label content. */
-    get fitInkBarToContent(): boolean;
-    set fitInkBarToContent(v: BooleanInput);
-    constructor(elementRef: ElementRef, _document: any);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+export declare class MatTabLabelWrapper extends _MatTabLabelWrapperBase implements MatInkBarItem {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabelWrapper, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabelWrapper, "[matTabLabelWrapper]", never, { "disabled": "disabled"; "fitInkBarToContent": "fitInkBarToContent"; }, {}, never, never, false>;
 }
 
+declare const _MatTabLabelWrapperBase: typeof MatTabLabelWrapper_2 & (new (...args: any[]) => MatInkBarItem);
+
 /**
  * Link inside of a `mat-tab-nav-bar`.
  */
-export declare class MatTabLink extends _MatTabLinkBase implements MatInkBarItem, OnInit, OnDestroy {
-    private _document;
-    _foundation: MatInkBarFoundation;
+export declare class MatTabLink extends _MatTabLinkBase implements MatInkBarItem, OnDestroy {
     private readonly _destroyed;
-    constructor(tabNavBar: MatTabNav, elementRef: ElementRef, globalRippleOptions: RippleGlobalOptions | null, tabIndex: string, focusMonitor: FocusMonitor, _document: any, animationMode?: string);
-    ngOnInit(): void;
+    constructor(tabNavBar: MatTabNav, elementRef: ElementRef, globalRippleOptions: RippleGlobalOptions | null, tabIndex: string, focusMonitor: FocusMonitor, animationMode?: string);
     ngOnDestroy(): void;
-    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, ["*"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLink, [null, null, { optional: true; }, { attribute: "tabindex"; }, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatTabLink, "[mat-tab-link], [matTabLink]", ["matTabLink"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "active": "active"; "id": "id"; }, {}, never, ["*"], false>;
 }
 
+declare const _MatTabLinkBase: typeof _MatTabLinkBase_2 & (new (...args: any[]) => MatInkBarItem);
+
 /**
  * Navigation component matching the styles of the tab group header.
  * Provides anchored navigation with animated ink bar.