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

package/mdc-chips/index.d.ts

@@ -1,5 +1,4 @@
 import { _AbstractConstructor } from '@angular/material-experimental/mdc-core';
-import { ActionInteractionEvent } from '@material/chips';
 import { AfterContentInit } from '@angular/core';
 import { AfterViewInit } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
@@ -15,6 +14,7 @@ import { DoCheck } from '@angular/core';
 import { ElementRef } from '@angular/core';
 import { ErrorStateMatcher } from '@angular/material-experimental/mdc-core';
 import { EventEmitter } from '@angular/core';
+import { FocusKeyManager } from '@angular/cdk/a11y';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { FormGroupDirective } from '@angular/forms';
 import { HasTabIndex } from '@angular/material-experimental/mdc-core';
@@ -22,19 +22,10 @@ import * as i0 from '@angular/core';
 import * as i11 from '@angular/material-experimental/mdc-core';
 import * as i12 from '@angular/common';
 import { InjectionToken } from '@angular/core';
-import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { MatChipAvatar as MatChipAvatar_2 } from '@angular/material-experimental/mdc-chips';
 import { MatFormField } from '@angular/material-experimental/mdc-form-field';
 import { MatFormFieldControl } from '@angular/material-experimental/mdc-form-field';
 import { MatRipple } from '@angular/material-experimental/mdc-core';
-import { MDCChipActionAdapter } from '@material/chips';
-import { MDCChipActionFoundation } from '@material/chips';
-import { MDCChipActionType } from '@material/chips';
-import { MDCChipAdapter } from '@material/chips';
-import { MDCChipFoundation } from '@material/chips';
-import { MDCChipSetAdapter } from '@material/chips';
-import { MDCChipSetFoundation } from '@material/chips';
-import { MDCChipTrailingActionFoundation } from '@material/chips';
 import { NgControl } from '@angular/forms';
 import { NgForm } from '@angular/forms';
 import { NgZone } from '@angular/core';
@@ -44,7 +35,6 @@ import { OnDestroy } from '@angular/core';
 import { OnInit } from '@angular/core';
 import { QueryList } from '@angular/core';
 import { RippleGlobalOptions } from '@angular/material-experimental/mdc-core';
-import { SimpleChanges } from '@angular/core';
 import { Subject } from 'rxjs';
 
 declare namespace i1 {
@@ -68,11 +58,8 @@ declare namespace i2 {
 
 declare namespace i3 {
     export {
-        MAT_CHIP_AVATAR,
         MatChipAvatar,
-        MAT_CHIP_TRAILING_ICON,
         MatChipTrailingIcon,
-        MAT_CHIP_REMOVE,
         MatChipRemove
     }
 }
@@ -119,12 +106,17 @@ declare namespace i9 {
     }
 }
 
+/**
+ * Injection token used to avoid a circular dependency between the `MatChip` and `MatChipAction`.
+ */
+export declare const MAT_CHIP: InjectionToken<unknown>;
+
 /**
  * Injection token that can be used to reference instances of `MatChipAvatar`. It serves as
  * alternative token to the actual `MatChipAvatar` class which could cause unnecessary
  * retention of the class and its directive metadata.
  */
-export declare const MAT_CHIP_AVATAR: InjectionToken<MatChipAvatar>;
+export declare const MAT_CHIP_AVATAR: InjectionToken<unknown>;
 
 /**
  * Provider Expression that allows mat-chip-listbox to register as a ControlValueAccessor.
@@ -138,14 +130,14 @@ export declare const MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR: any;
  * alternative token to the actual `MatChipRemove` class which could cause unnecessary
  * retention of the class and its directive metadata.
  */
-export declare const MAT_CHIP_REMOVE: InjectionToken<MatChipRemove>;
+export declare const MAT_CHIP_REMOVE: InjectionToken<unknown>;
 
 /**
  * Injection token that can be used to reference instances of `MatChipTrailingIcon`. It serves as
  * alternative token to the actual `MatChipTrailingIcon` class which could cause unnecessary
  * retention of the class and its directive metadata.
  */
-export declare const MAT_CHIP_TRAILING_ICON: InjectionToken<MatChipTrailingIcon>;
+export declare const MAT_CHIP_TRAILING_ICON: InjectionToken<unknown>;
 
 /** Injection token to be used to override the default options for the chips module. */
 export declare const MAT_CHIPS_DEFAULT_OPTIONS: InjectionToken<MatChipsDefaultOptions>;
@@ -159,7 +151,6 @@ export declare class MatChip extends _MatChipMixinBase implements AfterViewInit,
     _changeDetectorRef: ChangeDetectorRef;
     protected _ngZone: NgZone;
     private _focusMonitor;
-    private _dir;
     private _globalRippleOptions?;
     protected _document: Document;
     /** Whether the ripple is centered on the chip. */
@@ -173,7 +164,7 @@ export declare class MatChip extends _MatChipMixinBase implements AfterViewInit,
     /** Role for the root of the chip. */
     role: string | null;
     /** Whether the chip has focus. */
-    protected _hasFocusInternal: boolean;
+    private _hasFocusInternal;
     /** Whether moving focus into the chip is pending. */
     private _pendingFocus;
     /** Whether animations for the chip are enabled. */
@@ -183,9 +174,6 @@ export declare class MatChip extends _MatChipMixinBase implements AfterViewInit,
     id: string;
     /** ARIA label for the content of the chip. */
     ariaLabel: string | null;
-    get disabled(): boolean;
-    set disabled(value: BooleanInput);
-    protected _disabled: boolean;
     private _textElement;
     /**
      * The value of the chip. Defaults to the content inside
@@ -210,8 +198,6 @@ export declare class MatChip extends _MatChipMixinBase implements AfterViewInit,
     readonly removed: EventEmitter<MatChipEvent>;
     /** Emitted when the chip is destroyed. */
     readonly destroyed: EventEmitter<MatChipEvent>;
-    /** The MDC foundation containing business logic for MDC chip. */
-    _chipFoundation: MDCChipFoundation;
     /** The unstyled chip selector for this component. */
     protected basicChipAttrName: string;
     /** The chip's leading icon. */
@@ -224,12 +210,7 @@ export declare class MatChip extends _MatChipMixinBase implements AfterViewInit,
     ripple: MatRipple;
     /** Action receiving the primary set of user interactions. */
     primaryAction: MatChipAction;
-    /**
-     * Implementation of the MDC chip adapter interface.
-     * These methods are called by the chip foundation.
-     */
-    protected _chipAdapter: MDCChipAdapter;
-    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _focusMonitor: FocusMonitor, _document: any, _dir: Directionality, animationMode?: string, _globalRippleOptions?: RippleGlobalOptions | undefined, tabIndex?: string);
+    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _focusMonitor: FocusMonitor, _document: any, animationMode?: string, _globalRippleOptions?: RippleGlobalOptions | undefined, tabIndex?: string);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
@@ -238,54 +219,62 @@ export declare class MatChip extends _MatChipMixinBase implements AfterViewInit,
      * Informs any listeners of the removal request. Does not remove the chip from the DOM.
      */
     remove(): void;
-    /** Sets whether the given CSS class should be applied to the MDC chip. */
-    private _setMdcClass;
     /** Whether or not the ripple should be disabled. */
     _isRippleDisabled(): boolean;
-    _getAction(type: MDCChipActionType): MDCChipActionFoundation | undefined;
-    _getFoundation(): MDCChipFoundation;
+    /** Returns whether the chip has a trailing icon. */
     _hasTrailingIcon(): boolean;
+    /** Handles keyboard events on the chip. */
+    _handleKeydown(event: KeyboardEvent): void;
     /** Allows for programmatic focusing of the chip. */
     focus(): void;
-    /** Overridden by MatChipOption. */
-    protected _onChipInteraction(event: ActionInteractionEvent): void;
-    private _handleActionInteraction;
-    private _handleActionNavigation;
-    private _handleTransitionend;
-    private _handleAnimationend;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatChip, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChip, "mat-basic-chip, mat-chip", ["matChip"], { "color": "color"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "role": "role"; "id": "id"; "ariaLabel": "aria-label"; "disabled": "disabled"; "value": "value"; "removable": "removable"; "highlighted": "highlighted"; }, { "removed": "removed"; "destroyed": "destroyed"; }, ["leadingIcon", "trailingIcon", "removeIcon"], ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false>;
+    /** Gets the action that contains a specific target node. */
+    _getSourceAction(target: Node): MatChipAction | undefined;
+    /** Gets all of the actions within the chip. */
+    _getActions(): MatChipAction[];
+    /** Handles interactions with the primary action of the chip. */
+    _handlePrimaryActionInteraction(): void;
+    /** Starts the focus monitoring process on the chip. */
+    private _monitorFocus;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatChip, [null, null, null, null, null, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChip, "mat-basic-chip, mat-chip", ["matChip"], { "color": "color"; "disabled": "disabled"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "role": "role"; "id": "id"; "ariaLabel": "aria-label"; "value": "value"; "removable": "removable"; "highlighted": "highlighted"; }, { "removed": "removed"; "destroyed": "destroyed"; }, ["leadingIcon", "trailingIcon", "removeIcon"], ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false>;
 }
 
 /**
- * Interactive element within a chip.
+ * Section within a chip.
  * @docs-private
  */
-declare class MatChipAction extends _MatChipActionMixinBase implements AfterViewInit, OnDestroy, CanDisable, HasTabIndex, OnChanges {
-    _elementRef: ElementRef;
-    private _changeDetectorRef;
-    private _document;
-    private _foundation;
-    private _adapter;
+declare class MatChipAction extends _MatChipActionMixinBase implements HasTabIndex {
+    _elementRef: ElementRef<HTMLElement>;
+    protected _parentChip: {
+        _handlePrimaryActionInteraction(): void;
+        remove(): void;
+        disabled: boolean;
+    };
     /** Whether the action is interactive. */
     isInteractive: boolean;
+    /** Whether this is the primary action in the chip. */
+    _isPrimary: boolean;
+    /** Whether the action is disabled. */
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    constructor(_elementRef: ElementRef<HTMLElement>, _parentChip: {
+        _handlePrimaryActionInteraction(): void;
+        remove(): void;
+        disabled: boolean;
+    });
+    focus(): void;
     _handleClick(event: MouseEvent): void;
     _handleKeydown(event: KeyboardEvent): void;
-    protected _createFoundation(adapter: MDCChipActionAdapter): MDCChipActionFoundation;
-    constructor(_elementRef: ElementRef, _document: any, _changeDetectorRef: ChangeDetectorRef);
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    focus(): void;
-    _getFoundation(): MDCChipActionFoundation;
-    _updateTabindex(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipAction, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipAction, "[matChipAction]", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "isInteractive": "isInteractive"; }, {}, never, never, false>;
 }
 
-declare const _MatChipActionMixinBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & {
-    new (): {};
-};
+declare abstract class _MatChipActionBase {
+    abstract disabled: boolean;
+}
+
+declare const _MatChipActionMixinBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & typeof _MatChipActionBase;
 
 /**
  * Directive to add CSS classes to chip leading icon.
@@ -296,16 +285,6 @@ export declare class MatChipAvatar {
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipAvatar, "mat-chip-avatar, [matChipAvatar]", never, {}, {}, never, never, false>;
 }
 
-/**
- * Boilerplate for applying mixins to MatChip.
- * @docs-private
- */
-declare abstract class MatChipBase {
-    _elementRef: ElementRef;
-    abstract disabled: boolean;
-    constructor(_elementRef: ElementRef);
-}
-
 /** Represents an event fired on an individual `mat-chip` when it is edited. */
 export declare interface MatChipEditedEvent extends MatChipEvent {
     /** The final edit value. */
@@ -410,8 +389,6 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
     errorStateMatcher: ErrorStateMatcher;
     /** Combined stream of all of the child chips' blur events. */
     get chipBlurChanges(): Observable<MatChipEvent>;
-    /** Combined stream of all of the child chips' focus events. */
-    get chipFocusChanges(): Observable<MatChipEvent>;
     /** Emits when the chip grid value has been changed by the user. */
     readonly change: EventEmitter<MatChipGridChange>;
     /**
@@ -421,7 +398,7 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
      */
     readonly valueChange: EventEmitter<any>;
     _chips: QueryList<MatChipRow>;
-    constructor(liveAnnouncer: LiveAnnouncer, document: any, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, parentForm: NgForm, parentFormGroup: FormGroupDirective, defaultErrorStateMatcher: ErrorStateMatcher, ngControl: NgControl);
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, defaultErrorStateMatcher: ErrorStateMatcher, ngControl: NgControl);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngDoCheck(): void;
@@ -472,17 +449,13 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
      */
     protected _allowFocusEscape(): void;
     /** Handles custom keyboard events. */
-    _keydown(event: KeyboardEvent): void;
+    _handleKeydown(event: KeyboardEvent): void;
     _focusLastChip(): void;
     /** Emits change event to set the model value. */
     private _propagateChanges;
     /** Mark the field as touched */
     private _markAsTouched;
-    /**
-     * If the amount of chips changed, we need to focus the next closest chip.
-     */
-    private _updateFocusForDestroyedChips;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipGrid, [null, null, null, null, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipGrid, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipGrid, "mat-chip-grid", never, { "tabIndex": "tabIndex"; "disabled": "disabled"; "placeholder": "placeholder"; "required": "required"; "value": "value"; "errorStateMatcher": "errorStateMatcher"; }, { "change": "change"; "valueChange": "valueChange"; }, ["_chips"], ["*"], false>;
 }
 
@@ -506,7 +479,7 @@ declare class MatChipGridBase extends MatChipSet {
      * @docs-private
      */
     readonly stateChanges: Subject<void>;
-    constructor(liveAnnouncer: LiveAnnouncer, document: any, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, _defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, 
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, dir: Directionality, _defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, 
     /**
      * Form control bound to the component.
      * Implemented as part of `MatFormFieldControl`.
@@ -651,17 +624,13 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
      * is a value from an option. The second is a value from the selection. A boolean
      * should be returned.
      */
-    get compareWith(): (o1: any, o2: any) => boolean;
-    set compareWith(fn: (o1: any, o2: any) => boolean);
-    private _compareWith;
+    compareWith: (o1: any, o2: any) => boolean;
     /** Whether this chip listbox is required. */
     get required(): boolean;
     set required(value: BooleanInput);
     protected _required: boolean;
     /** Combined stream of all of the child chips' selection change events. */
     get chipSelectionChanges(): Observable<MatChipSelectionChange>;
-    /** Combined stream of all of the child chips' focus events. */
-    get chipFocusChanges(): Observable<MatChipEvent>;
     /** Combined stream of all of the child chips' blur events. */
     get chipBlurChanges(): Observable<MatChipEvent>;
     /** The value of the listbox, which is the combined value of the selected chips. */
@@ -706,10 +675,6 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
     private _markAsTouched;
     /** Emits change event to set the model value. */
     private _propagateChanges;
-    /**
-     * Initializes the chip listbox selection state to reflect any chips that were preselected.
-     */
-    private _initializeSelection;
     /**
      * Deselects every chip in the listbox.
      * @param skip Chip that should not be deselected.
@@ -724,11 +689,6 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
     private _syncListboxProperties;
     /** Returns the first selected chip in this listbox, or undefined if no chips are selected. */
     private _getFirstSelectedChip;
-    /**
-     * If the amount of chips changed, we need to update the
-     * key manager state and focus the next closest chip.
-     */
-    private _updateFocusForDestroyedChips;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipListbox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipListbox, "mat-chip-listbox", never, { "tabIndex": "tabIndex"; "multiple": "multiple"; "ariaOrientation": "aria-orientation"; "selectable": "selectable"; "compareWith": "compareWith"; "required": "required"; "value": "value"; }, { "change": "change"; }, ["_chips"], ["*"], false>;
 }
@@ -746,20 +706,21 @@ export declare class MatChipListboxChange {
     value: any);
 }
 
-declare const _MatChipMixinBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & _Constructor<CanColor> & _AbstractConstructor<CanColor> & _Constructor<CanDisableRipple> & _AbstractConstructor<CanDisableRipple> & typeof MatChipBase;
+/**
+ * Boilerplate for applying mixins to MatChip.
+ * @docs-private
+ */
+declare const _MatChipMixinBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & _Constructor<CanColor> & _AbstractConstructor<CanColor> & _Constructor<CanDisableRipple> & _AbstractConstructor<CanDisableRipple> & _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & {
+    new (_elementRef: ElementRef<HTMLElement>): {
+        _elementRef: ElementRef<HTMLElement>;
+    };
+};
 
 /**
  * An extension of the MatChip component that supports chip selection.
  * Used with MatChipListbox.
  */
-export declare class MatChipOption extends MatChip implements OnInit, AfterViewInit {
-    /** Whether the component is done initializing. */
-    private _isInitialized;
-    /**
-     * Selected state that was assigned before the component was initializing
-     * and which needs to be synced back up with the foundation.
-     */
-    private _pendingSelectedState;
+export declare class MatChipOption extends MatChip implements OnInit {
     /** Whether the chip list is selectable. */
     chipListSelectable: boolean;
     /** Whether the chip list is in multi-selection mode. */
@@ -777,6 +738,7 @@ export declare class MatChipOption extends MatChip implements OnInit, AfterViewI
     /** Whether the chip is selected. */
     get selected(): boolean;
     set selected(value: BooleanInput);
+    private _selected;
     /** The ARIA selected applied to the chip. */
     get ariaSelected(): string | null;
     /** The unstyled chip selector for this component. */
@@ -784,7 +746,6 @@ export declare class MatChipOption extends MatChip implements OnInit, AfterViewI
     /** Emitted when the chip is selected or deselected. */
     readonly selectionChange: EventEmitter<MatChipSelectionChange>;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     /** Selects the chip. */
     select(): void;
     /** Deselects the chip. */
@@ -793,13 +754,11 @@ export declare class MatChipOption extends MatChip implements OnInit, AfterViewI
     selectViaInteraction(): void;
     /** Toggles the current selected state of this chip. */
     toggleSelected(isUserInput?: boolean): boolean;
-    /** Resets the state of the chip when it loses focus. */
-    _blur(): void;
-    protected _onChipInteraction(event: ActionInteractionEvent): void;
+    _handlePrimaryActionInteraction(): void;
     _hasLeadingGraphic(): MatChipAvatar_2;
-    private _setSelectedState;
+    _setSelectedState(isSelected: boolean, isUserInput: boolean, emitEvent: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipOption, "mat-basic-chip-option, mat-chip-option", never, { "color": "color"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "selectable": "selectable"; "selected": "selected"; }, { "selectionChange": "selectionChange"; }, never, ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipOption, "mat-basic-chip-option, mat-chip-option", never, { "color": "color"; "disabled": "disabled"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "selectable": "selectable"; "selected": "selected"; }, { "selectionChange": "selectionChange"; }, never, ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false>;
 }
 
 /**
@@ -818,7 +777,7 @@ export declare class MatChipOption extends MatChip implements OnInit, AfterViewI
  * ```
  */
 export declare class MatChipRemove extends MatChipAction {
-    protected _createFoundation(adapter: MDCChipActionAdapter): MDCChipTrailingActionFoundation;
+    _isPrimary: boolean;
     _handleClick(event: MouseEvent): void;
     _handleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRemove, never>;
@@ -839,25 +798,12 @@ export declare class MatChipRow extends MatChip implements AfterViewInit {
     /** The projected chip edit input. */
     contentEditInput?: MatChipEditInput;
     _isEditing: boolean;
-    /**
-     * Timeout used to give some time between `focusin` and `focusout`
-     * in order to determine whether focus has left the chip.
-     */
-    private _focusoutTimeout;
-    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, ngZone: NgZone, focusMonitor: FocusMonitor, _document: any, dir: Directionality, animationMode?: string, globalRippleOptions?: RippleGlobalOptions, tabIndex?: string);
+    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, ngZone: NgZone, focusMonitor: FocusMonitor, _document: any, animationMode?: string, globalRippleOptions?: RippleGlobalOptions, tabIndex?: string);
     _hasTrailingIcon(): boolean;
-    /**
-     * Emits a blur event when one of the gridcells loses focus, unless focus moved
-     * to the other gridcell.
-     */
-    _focusout(): void;
-    /** Records that the chip has focus when one of the gridcells is focused. */
-    _focusin(): void;
     /** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */
     _mousedown(event: MouseEvent): void;
-    /** Handles custom key presses. */
-    _keydown(event: KeyboardEvent): void;
-    _doubleclick(): void;
+    _handleKeydown(event: KeyboardEvent): void;
+    _doubleclick(event: MouseEvent): void;
     private _startEditing;
     private _onEditFinish;
     /**
@@ -865,8 +811,8 @@ export declare class MatChipRow extends MatChip implements AfterViewInit {
      * two values is guaranteed to be defined.
      */
     private _getEditInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRow, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipRow, "mat-chip-row, mat-basic-chip-row", never, { "color": "color"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "editable": "editable"; }, { "edited": "edited"; }, ["contentEditInput"], ["mat-chip-avatar, [matChipAvatar]", "*", "[matChipEditInput]", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRow, [null, null, null, null, null, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipRow, "mat-chip-row, mat-basic-chip-row", never, { "color": "color"; "disabled": "disabled"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "editable": "editable"; }, { "edited": "edited"; }, ["contentEditInput"], ["mat-chip-avatar, [matChipAvatar]", "*", "[matChipEditInput]", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false>;
 }
 
 /** Default options, for the chips module, that can be overridden. */
@@ -897,37 +843,22 @@ export declare class MatChipSelectionChange {
  *
  * Extended by MatChipListbox and MatChipGrid for different interaction patterns.
  */
-export declare class MatChipSet extends _MatChipSetMixinBase implements AfterContentInit, AfterViewInit, HasTabIndex, OnDestroy {
-    private _liveAnnouncer;
-    private _document;
+export declare class MatChipSet extends _MatChipSetMixinBase implements AfterViewInit, HasTabIndex, OnDestroy {
     protected _elementRef: ElementRef<HTMLElement>;
     protected _changeDetectorRef: ChangeDetectorRef;
-    /**
-     * When a chip is destroyed, we store the index of the destroyed chip until the chips
-     * query list notifies about the update. This is necessary because we cannot determine an
-     * appropriate chip that should receive focus until the array of chips updated completely.
-     */
-    protected _lastDestroyedChipIndex: number | null;
-    /** The MDC foundation containing business logic for MDC chip-set. */
-    protected _chipSetFoundation: MDCChipSetFoundation;
+    private _dir;
+    /** Index of the last destroyed chip that had focus. */
+    private _lastDestroyedFocusedChipIndex;
+    /** Used to manage focus within the chip list. */
+    protected _keyManager: FocusKeyManager<MatChipAction>;
     /** Subject that emits when the component has been destroyed. */
     protected _destroyed: Subject<void>;
     /** Role to use if it hasn't been overwritten by the user. */
     protected _defaultRole: string;
+    /** Combined stream of all of the child chips' focus events. */
+    get chipFocusChanges(): Observable<MatChipEvent>;
     /** Combined stream of all of the child chips' remove events. */
     get chipDestroyedChanges(): Observable<MatChipEvent>;
-    /**
-     * Implementation of the MDC chip-set adapter interface.
-     * These methods are called by the chip set foundation.
-     */
-    protected _chipSetAdapter: MDCChipSetAdapter;
-    /**
-     * Map from class to whether the class is enabled.
-     * Enabled classes are set on the MDC chip-set div.
-     */
-    _mdcClasses: {
-        [key: string]: boolean;
-    };
     /** Whether the chip set is disabled. */
     get disabled(): boolean;
     set disabled(value: BooleanInput);
@@ -942,9 +873,10 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
     get focused(): boolean;
     /** The chips that are part of this chip set. */
     _chips: QueryList<MatChip>;
-    constructor(_liveAnnouncer: LiveAnnouncer, _document: any, _elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef);
+    /** Flat list of all the actions contained within the chips. */
+    _chipActions: QueryList<MatChipAction>;
+    constructor(_elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _dir: Directionality);
     ngAfterViewInit(): void;
-    ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /** Checks whether any of the chips is focused. */
     protected _hasFocusedChip(): boolean;
@@ -952,6 +884,8 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
     protected _syncChipsState(): void;
     /** Dummy method for subclasses to override. Base chip set cannot be focused. */
     focus(): void;
+    /** Handles keyboard events on the chip set. */
+    _handleKeydown(event: KeyboardEvent): void;
     /**
      * Utility to ensure all indexes are valid.
      *
@@ -959,8 +893,6 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
      * @returns True if the index is valid for our list of chips.
      */
     protected _isValidIndex(index: number): boolean;
-    /** Checks whether an event comes from inside a chip element. */
-    protected _originatesFromChip(event: Event): boolean;
     /**
      * Removes the `tabindex` from the chip grid and resets it back afterwards, allowing the
      * user to tab out of it. This prevents the grid from capturing focus and redirecting
@@ -972,12 +904,20 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
      * The stream will automatically incorporate any newly-added chips.
      */
     protected _getChipStream<T, C extends MatChip = MatChip>(mappingFunction: (chip: C) => Observable<T>): Observable<T>;
-    protected _checkForClassInHierarchy(event: Event, className: string): boolean;
-    private _chipFoundation;
-    private _handleChipAnimation;
-    private _handleChipInteraction;
-    private _handleChipNavigation;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipSet, never>;
+    /** Checks whether an event comes from inside a chip element. */
+    protected _originatesFromChip(event: Event): boolean;
+    /** Sets up the chip set's focus management logic. */
+    private _setUpFocusManagement;
+    /** Listens to changes in the chip set and syncs up the state of the individual chips. */
+    private _trackChipSetChanges;
+    /** Starts tracking the destroyed chips in order to capture the focused one. */
+    private _trackDestroyedFocusedChip;
+    /**
+     * Finds the next appropriate chip to move focus to,
+     * if the currently-focused chip is destroyed.
+     */
+    private _redirectDestroyedChipFocus;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipSet, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipSet, "mat-chip-set", never, { "disabled": "disabled"; "role": "role"; }, {}, ["_chips"], ["*"], false>;
 }
 
@@ -1025,7 +965,7 @@ export declare class MatChipTrailingIcon extends MatChipAction {
      * but we support non-interactive trailing icons.
      */
     isInteractive: boolean;
-    protected _createFoundation(adapter: MDCChipActionAdapter): MDCChipTrailingActionFoundation;
+    _isPrimary: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipTrailingIcon, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipTrailingIcon, "mat-chip-trailing-icon, [matChipTrailingIcon]", never, {}, {}, never, never, false>;
 }

package/mdc-form-field/index.d.ts

@@ -19,9 +19,7 @@ import { _MAT_HINT } from '@angular/material/form-field';
 import { matFormFieldAnimations } from '@angular/material/form-field';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { MatPlaceholder } from '@angular/material/form-field';
-import { MDCLineRipple } from '@material/line-ripple';
 import { NgZone } from '@angular/core';
-import { OnChanges } from '@angular/core';
 import { OnDestroy } from '@angular/core';
 import { Platform } from '@angular/cdk/platform';
 import { QueryList } from '@angular/core';
@@ -202,9 +200,7 @@ export declare class MatFormField implements AfterContentInit, AfterContentCheck
     private _destroyed;
     private _isFocused;
     private _explicitFormFieldControl;
-    private _foundation;
     private _needsOutlineLabelOffsetUpdateOnStable;
-    private _adapter;
     constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _dir: Directionality, _platform: Platform, _defaults?: MatFormFieldDefaultOptions | undefined, _animationMode?: string | undefined, _document?: any);
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;
@@ -341,7 +337,7 @@ declare class MatFormFieldFloatingLabel {
     private _elementRef;
     /** Whether the label is floating. */
     floating: boolean;
-    constructor(_elementRef: ElementRef);
+    constructor(_elementRef: ElementRef<HTMLElement>);
     /** Gets the width of the label. Used for the outline notch. */
     getWidth(): number;
     /** Gets the HTML element for the floating label. */
@@ -358,8 +354,12 @@ declare class MatFormFieldFloatingLabel {
  * The directive sets up the styles for the line-ripple and provides an API for activating
  * and deactivating the line-ripple.
  */
-declare class MatFormFieldLineRipple extends MDCLineRipple implements OnDestroy {
-    constructor(elementRef: ElementRef);
+declare class MatFormFieldLineRipple implements OnDestroy {
+    private _elementRef;
+    constructor(_elementRef: ElementRef<HTMLElement>, ngZone: NgZone);
+    activate(): void;
+    deactivate(): void;
+    private _handleTransitionEnd;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatFormFieldLineRipple, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatFormFieldLineRipple, "div[matFormFieldLineRipple]", never, {}, {}, never, never, false>;
@@ -372,29 +372,21 @@ export declare class MatFormFieldModule {
 }
 
 /**
- * Internal component that creates an instance of the MDC notched-outline component. Using
- * a directive allows us to conditionally render a notched-outline in the template without
- * having to manually create and destroy the `MDCNotchedOutline` component whenever the
- * appearance changes.
+ * Internal component that creates an instance of the MDC notched-outline component.
  *
  * The component sets up the HTML structure and styles for the notched-outline. It provides
  * inputs to toggle the notch state and width.
  */
-declare class MatFormFieldNotchedOutline implements AfterViewInit, OnChanges, OnDestroy {
+declare class MatFormFieldNotchedOutline implements AfterViewInit {
     private _elementRef;
-    private _platform;
+    private _ngZone;
     /** Width of the notch. */
     width: number;
     /** Whether the notch should be opened. */
     open: boolean;
-    /** Instance of the MDC notched outline. */
-    private _mdcNotchedOutline;
-    constructor(_elementRef: ElementRef, _platform: Platform);
+    constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone);
     ngAfterViewInit(): void;
-    ngOnChanges(): void;
-    ngOnDestroy(): void;
-    /** Synchronizes the notched outline state to be based on the `width` and `open` inputs. */
-    private _syncNotchedOutlineState;
+    _getNotchWidth(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatFormFieldNotchedOutline, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatFormFieldNotchedOutline, "div[matFormFieldNotchedOutline]", never, { "width": "matFormFieldNotchedOutlineWidth"; "open": "matFormFieldNotchedOutlineOpen"; }, {}, never, ["*"], false>;
 }

package/mdc-list/_list-option-theme.scss

@@ -6,9 +6,9 @@
 // Mixin that overrides the selected item and checkbox colors for list options. By
 // default, the MDC list uses the `primary` color for list items. The MDC checkbox
 // inside list options by default uses the `primary` color too.
-@mixin private-list-option-color-override($color, $mdc-color) {
+@mixin private-list-option-color-override($color-config, $color, $mdc-color) {
   & .mdc-list-item__start, & .mdc-list-item__end {
-    @include checkbox-private.private-checkbox-styles-with-color($color, $mdc-color);
+    @include checkbox-private.private-checkbox-styles-with-color($color-config, $color, $mdc-color);
   }
 }