@angular/material-experimental 13.1.2 → 13.2.0-rc.0

package/mdc-chips/chip-icons.d.ts

@@ -5,9 +5,9 @@
  * 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 { ChangeDetectorRef, ElementRef, InjectionToken, OnDestroy } from '@angular/core';
-import { CanDisable, HasTabIndex } from '@angular/material-experimental/mdc-core';
-import { Subject } from 'rxjs';
+import { InjectionToken } from '@angular/core';
+import { MDCChipActionAdapter, MDCChipTrailingActionFoundation } from '@material/chips';
+import { MatChipAction } from './chip-action';
 import * as i0 from "@angular/core";
 /**
  * Injection token that can be used to reference instances of `MatChipAvatar`. It serves as
@@ -20,11 +20,6 @@ export declare const MAT_CHIP_AVATAR: InjectionToken<MatChipAvatar>;
  * @docs-private
  */
 export declare class MatChipAvatar {
-    private _changeDetectorRef;
-    private _elementRef;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>);
-    /** Sets whether the given CSS class should be applied to the leading icon. */
-    setClass(cssClass: string, active: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipAvatar, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipAvatar, "mat-chip-avatar, [matChipAvatar]", never, {}, {}, never>;
 }
@@ -38,16 +33,13 @@ export declare const MAT_CHIP_TRAILING_ICON: InjectionToken<MatChipTrailingIcon>
  * Directive to add CSS classes to and configure attributes for chip trailing icon.
  * @docs-private
  */
-export declare class MatChipTrailingIcon implements OnDestroy {
-    _elementRef: ElementRef;
-    private _foundation;
-    private _adapter;
-    constructor(_elementRef: ElementRef);
-    ngOnDestroy(): void;
-    focus(): void;
-    /** Sets an attribute on the icon. */
-    setAttribute(name: string, value: string): void;
-    isNavigable(): boolean;
+export declare class MatChipTrailingIcon extends MatChipAction {
+    /**
+     * MDC considers all trailing actions as a remove icon,
+     * but we support non-interactive trailing icons.
+     */
+    isInteractive: boolean;
+    protected _createFoundation(adapter: MDCChipActionAdapter): MDCChipTrailingActionFoundation;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipTrailingIcon, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipTrailingIcon, "mat-chip-trailing-icon, [matChipTrailingIcon]", never, {}, {}, never>;
 }
@@ -57,14 +49,6 @@ export declare class MatChipTrailingIcon implements OnDestroy {
  * retention of the class and its directive metadata.
  */
 export declare const MAT_CHIP_REMOVE: InjectionToken<MatChipRemove>;
-/**
- * Boilerplate for applying mixins to MatChipRemove.
- * @docs-private
- */
-declare class MatChipRemoveBase extends MatChipTrailingIcon {
-    constructor(elementRef: ElementRef);
-}
-declare const _MatChipRemoveMixinBase: import("@angular/material-experimental/mdc-core")._Constructor<HasTabIndex> & import("@angular/material-experimental/mdc-core")._AbstractConstructor<HasTabIndex> & import("@angular/material-experimental/mdc-core")._Constructor<CanDisable> & import("@angular/material-experimental/mdc-core")._AbstractConstructor<CanDisable> & typeof MatChipRemoveBase;
 /**
  * Directive to remove the parent chip when the trailing icon is clicked or
  * when the ENTER key is pressed on it.
@@ -80,17 +64,10 @@ declare const _MatChipRemoveMixinBase: import("@angular/material-experimental/md
  * </mat-chip>
  * ```
  */
-export declare class MatChipRemove extends _MatChipRemoveMixinBase implements CanDisable, HasTabIndex {
-    /**
-     * Emits when the user interacts with the icon.
-     * @docs-private
-     */
-    readonly interaction: Subject<MouseEvent | KeyboardEvent>;
-    constructor(elementRef: ElementRef);
-    /** Emits a MouseEvent when the user clicks on the remove icon. */
+export declare class MatChipRemove extends MatChipAction {
+    protected _createFoundation(adapter: MDCChipActionAdapter): MDCChipTrailingActionFoundation;
     _handleClick(event: MouseEvent): void;
-    focus(): void;
+    _handleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRemove, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipRemove, "[matChipRemove]", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipRemove, "[matChipRemove]", never, {}, {}, never>;
 }
-export {};

package/mdc-chips/chip-listbox.d.ts

@@ -5,13 +5,11 @@
  * 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 { FocusKeyManager } from '@angular/cdk/a11y';
-import { Directionality } from '@angular/cdk/bidi';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { AfterContentInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Observable } from 'rxjs';
-import { MatChip, MatChipEvent } from './chip';
+import { MatChipEvent } from './chip';
 import { MatChipOption, MatChipSelectionChange } from './chip-option';
 import { MatChipSet } from './chip-set';
 import * as i0 from "@angular/core";
@@ -37,15 +35,7 @@ export declare const MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR: any;
  * An extension of the MatChipSet component that supports chip selection.
  * Used with MatChipOption chips.
  */
-export declare class MatChipListbox extends MatChipSet implements AfterContentInit, ControlValueAccessor {
-    /** Subscription to selection changes in the chips. */
-    private _chipSelectionSubscription;
-    /** Subscription to blur changes in the chips. */
-    private _chipBlurSubscription;
-    /** Subscription to focus changes in the chips. */
-    private _chipFocusSubscription;
-    /** The FocusKeyManager which handles focus. */
-    _keyManager: FocusKeyManager<MatChip>;
+export declare class MatChipListbox extends MatChipSet implements AfterContentInit, OnDestroy, ControlValueAccessor {
     /**
      * Function when touched. Set as part of ControlValueAccessor implementation.
      * @docs-private
@@ -100,7 +90,6 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
     /** Event emitted when the selected chip listbox value has been changed by the user. */
     readonly change: EventEmitter<MatChipListboxChange>;
     _chips: QueryList<MatChipOption>;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, _dir: Directionality);
     ngAfterContentInit(): void;
     /**
      * Focuses the first selected chip in this chip listbox, or the first non-disabled chip when there
@@ -129,19 +118,8 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
     setDisabledState(isDisabled: boolean): void;
     /** Selects all chips with value. */
     _setSelectionByValue(value: any, isUserInput?: boolean): void;
-    /** Selects or deselects a chip by id. */
-    _setSelected(index: number, selected: boolean): void;
     /** When blurred, marks the field as touched when focus moved outside the chip listbox. */
     _blur(): void;
-    /**
-     * Removes the `tabindex` from the chip listbox and resets it back afterwards, allowing the
-     * user to tab out of it. This prevents the listbox from capturing focus and redirecting
-     * it back to the first chip, creating a focus trap, if it user tries to tab away.
-     */
-    _allowFocusEscape(): void;
-    /**
-     * Handles custom keyboard shortcuts, and passes other keyboard events to the keyboard manager.
-     */
     _keydown(event: KeyboardEvent): void;
     /** Marks the field as touched */
     private _markAsTouched;
@@ -163,27 +141,13 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
     private _selectValue;
     /** Syncs the chip-listbox selection state with the individual chips. */
     private _syncListboxProperties;
-    /** Sets the mdc classes for single vs multi selection. */
-    private _updateMdcSelectionClasses;
-    /** Initializes the key manager to manage focus. */
-    private _initKeyManager;
     /** Returns the first selected chip in this listbox, or undefined if no chips are selected. */
     private _getFirstSelectedChip;
-    /** Unsubscribes from all chip events. */
-    protected _dropSubscriptions(): void;
-    /** Subscribes to events on the child chips. */
-    protected _subscribeToChipEvents(): void;
-    /** Subscribes to chip focus events. */
-    private _listenToChipsFocus;
-    /** Subscribes to chip blur events. */
-    private _listenToChipsBlur;
-    /** Subscribes to selection changes in the option chips. */
-    private _listenToChipsSelection;
     /**
      * 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, [null, null, { optional: true; }]>;
+    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"], ["*"]>;
 }

package/mdc-chips/chip-option.d.ts

@@ -6,7 +6,8 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { BooleanInput } from '@angular/cdk/coercion';
-import { EventEmitter, AfterContentInit } from '@angular/core';
+import { EventEmitter, AfterViewInit, OnInit } from '@angular/core';
+import { ActionInteractionEvent } from '@material/chips';
 import { MatChip } from './chip';
 import * as i0 from "@angular/core";
 /** Event object emitted by MatChipOption when selected or deselected. */
@@ -29,7 +30,14 @@ export declare class MatChipSelectionChange {
  * An extension of the MatChip component that supports chip selection.
  * Used with MatChipListbox.
  */
-export declare class MatChipOption extends MatChip implements AfterContentInit {
+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;
     /** Whether the chip list is selectable. */
     chipListSelectable: boolean;
     /** Whether the chip list is in multi-selection mode. */
@@ -53,7 +61,8 @@ export declare class MatChipOption extends MatChip implements AfterContentInit {
     protected basicChipAttrName: string;
     /** Emitted when the chip is selected or deselected. */
     readonly selectionChange: EventEmitter<MatChipSelectionChange>;
-    ngAfterContentInit(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
     /** Selects the chip. */
     select(): void;
     /** Deselects the chip. */
@@ -62,16 +71,11 @@ export declare class MatChipOption extends MatChip implements AfterContentInit {
     selectViaInteraction(): void;
     /** Toggles the current selected state of this chip. */
     toggleSelected(isUserInput?: boolean): boolean;
-    /** Emits a selection change event. */
-    private _dispatchSelectionChange;
-    /** Allows for programmatic focusing of the chip. */
-    focus(): void;
     /** Resets the state of the chip when it loses focus. */
     _blur(): void;
-    /** Handles click events on the chip. */
-    _click(event: MouseEvent): void;
-    /** Handles custom key presses. */
-    _keydown(event: KeyboardEvent): void;
+    protected _onChipInteraction(event: ActionInteractionEvent): void;
+    _hasLeadingGraphic(): import("@angular/material-experimental/mdc-chips").MatChipAvatar;
+    private _setSelectedState;
     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]"]>;
 }

package/mdc-chips/chip-row.d.ts

@@ -6,11 +6,11 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { Directionality } from '@angular/cdk/bidi';
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
 import { RippleGlobalOptions } from '@angular/material-experimental/mdc-core';
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { MatChip, MatChipEvent } from './chip';
 import { MatChipEditInput } from './chip-edit-input';
-import { GridKeyManagerRow } from './grid-key-manager';
 import * as i0 from "@angular/core";
 /** Represents an event fired on an individual `mat-chip` when it is edited. */
 export interface MatChipEditedEvent extends MatChipEvent {
@@ -21,57 +21,42 @@ export interface MatChipEditedEvent extends MatChipEvent {
  * An extension of the MatChip component used with MatChipGrid and
  * the matChipInputFor directive.
  */
-export declare class MatChipRow extends MatChip implements AfterContentInit, AfterViewInit, GridKeyManagerRow<HTMLElement> {
-    private readonly _document;
+export declare class MatChipRow extends MatChip implements AfterViewInit {
     protected basicChipAttrName: string;
     editable: boolean;
     /** Emitted when the chip is edited. */
     readonly edited: EventEmitter<MatChipEditedEvent>;
-    /**
-     * The focusable wrapper element in the first gridcell, which contains all
-     * chip content other than the remove icon.
-     */
-    chipContent: ElementRef;
     /** The default chip edit input that is used if none is projected into this chip row. */
     defaultEditInput?: MatChipEditInput;
     /** The projected chip edit input. */
     contentEditInput?: MatChipEditInput;
-    /** The focusable grid cells for this row. Implemented as part of GridKeyManagerRow. */
-    cells: HTMLElement[];
+    _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(_document: any, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, ngZone: NgZone, dir: Directionality, animationMode?: string, globalRippleOptions?: RippleGlobalOptions);
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    /**
-     * Allows for programmatic focusing of the chip.
-     * Sends focus to the first grid cell. The row chip element itself
-     * is never focused.
-     */
-    focus(): void;
+    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, ngZone: NgZone, focusMonitor: FocusMonitor, _document: any, dir: Directionality, 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(event: FocusEvent): void;
+    _focusout(): void;
     /** Records that the chip has focus when one of the gridcells is focused. */
-    _focusin(event: FocusEvent): void;
+    _focusin(): void;
     /** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */
     _mousedown(event: MouseEvent): void;
-    _dblclick(event: MouseEvent): void;
     /** Handles custom key presses. */
     _keydown(event: KeyboardEvent): void;
-    _isEditing(): boolean;
-    protected _onEditStart(): void;
-    protected _onEditFinish(): void;
+    _doubleclick(): void;
+    private _startEditing;
+    private _onEditFinish;
     /**
      * Gets the projected chip edit input, or the default input if none is projected in. One of these
      * two values is guaranteed to be defined.
      */
     private _getEditInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRow, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    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]", "*", "mat-chip-trailing-icon,[matChipTrailingIcon]", "[matChipRemove]", "[matChipEditInput]"]>;
+    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]"]>;
 }

package/mdc-chips/chip-set.d.ts

@@ -5,11 +5,11 @@
  * 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 { Directionality } from '@angular/cdk/bidi';
+import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
 import { HasTabIndex } from '@angular/material-experimental/mdc-core';
-import { deprecated } from '@material/chips';
+import { MDCChipSetFoundation, MDCChipSetAdapter } from '@material/chips';
 import { Observable, Subject } from 'rxjs';
 import { MatChip, MatChipEvent } from './chip';
 import * as i0 from "@angular/core";
@@ -28,15 +28,10 @@ declare const _MatChipSetMixinBase: import("@angular/material-experimental/mdc-c
  * Extended by MatChipListbox and MatChipGrid for different interaction patterns.
  */
 export declare class MatChipSet extends _MatChipSetMixinBase implements AfterContentInit, AfterViewInit, HasTabIndex, OnDestroy {
-    protected _elementRef: ElementRef;
+    private _liveAnnouncer;
+    private _document;
+    protected _elementRef: ElementRef<HTMLElement>;
     protected _changeDetectorRef: ChangeDetectorRef;
-    protected _dir: Directionality;
-    /** Subscription to remove changes in chips. */
-    private _chipRemoveSubscription;
-    /** Subscription to destroyed events in chips. */
-    private _chipDestroyedSubscription;
-    /** Subscription to chip interactions. */
-    private _chipInteractionSubscription;
     /**
      * 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
@@ -44,18 +39,18 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
      */
     protected _lastDestroyedChipIndex: number | null;
     /** The MDC foundation containing business logic for MDC chip-set. */
-    protected _chipSetFoundation: deprecated.MDCChipSetFoundation;
+    protected _chipSetFoundation: MDCChipSetFoundation;
     /** Subject that emits when the component has been destroyed. */
     protected _destroyed: Subject<void>;
+    /** 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: deprecated.MDCChipSetAdapter;
+    protected _chipSetAdapter: MDCChipSetAdapter;
     /** The aria-describedby attribute on the chip list for improved a11y. */
     _ariaDescribedby: string;
-    /** Uid of the chip set */
-    _uid: string;
     /**
      * Map from class to whether the class is enabled.
      * Enabled classes are set on the MDC chip-set div.
@@ -75,15 +70,9 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
     private _role;
     /** Whether any of the chips inside of this chip-set has focus. */
     get focused(): boolean;
-    /** Combined stream of all of the child chips' remove events. */
-    get chipRemoveChanges(): Observable<MatChipEvent>;
-    /** Combined stream of all of the child chips' remove events. */
-    get chipDestroyedChanges(): Observable<MatChipEvent>;
-    /** Combined stream of all of the child chips' interaction events. */
-    get chipInteractionChanges(): Observable<string>;
     /** The chips that are part of this chip set. */
     _chips: QueryList<MatChip>;
-    constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _dir: Directionality);
+    constructor(_liveAnnouncer: LiveAnnouncer, _document: any, _elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
@@ -91,22 +80,6 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
     protected _hasFocusedChip(): boolean;
     /** Syncs the chip-set's state with the individual chips. */
     protected _syncChipsState(): void;
-    /** Sets whether the given CSS class should be applied to the MDC chip. */
-    protected _setMdcClass(cssClass: string, active: boolean): void;
-    /** Adapter method that returns true if the chip set has the given MDC class. */
-    protected _hasMdcClass(className: string): any;
-    /** Updates subscriptions to chip events. */
-    private _resetChips;
-    /** Subscribes to events on the child chips. */
-    protected _subscribeToChipEvents(): void;
-    /** Subscribes to chip removal events. */
-    private _listenToChipsRemove;
-    /** Subscribes to chip destroyed events. */
-    private _listenToChipsDestroyed;
-    /** Subscribes to chip interaction events. */
-    private _listenToChipsInteraction;
-    /** Unsubscribes from all chip events. */
-    protected _dropSubscriptions(): void;
     /** Dummy method for subclasses to override. Base chip set cannot be focused. */
     focus(): void;
     /**
@@ -119,12 +92,22 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
     /** Checks whether an event comes from inside a chip element. */
     protected _originatesFromChip(event: Event): boolean;
     /**
-     * Checks whether an event comes from inside a chip element in the editing
-     * state.
+     * 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
+     * it back to the first chip, creating a focus trap, if it user tries to tab away.
+     */
+    protected _allowFocusEscape(): void;
+    /**
+     * Gets a stream of events from all the chips within the set.
+     * The stream will automatically incorporate any newly-added chips.
      */
-    protected _originatesFromEditingChip(event: Event): boolean;
-    private _checkForClassInHierarchy;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipSet, [null, null, { optional: true; }]>;
+    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>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipSet, "mat-chip-set", never, { "disabled": "disabled"; "role": "role"; }, {}, ["_chips"], ["*"]>;
 }
 export {};

package/mdc-chips/chip.d.ts

@@ -7,25 +7,19 @@
  */
 import { Directionality } from '@angular/cdk/bidi';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
 import { CanColor, CanDisable, CanDisableRipple, HasTabIndex, MatRipple, RippleGlobalOptions } from '@angular/material-experimental/mdc-core';
-import { deprecated } from '@material/chips';
+import { MDCChipFoundation, MDCChipAdapter, MDCChipActionType, MDCChipActionFoundation, ActionInteractionEvent } from '@material/chips';
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { Subject } from 'rxjs';
 import { MatChipAvatar, MatChipTrailingIcon, MatChipRemove } from './chip-icons';
+import { MatChipAction } from './chip-action';
 import * as i0 from "@angular/core";
 /** Represents an event fired on an individual `mat-chip`. */
 export interface MatChipEvent {
     /** The chip the event was fired on. */
     chip: MatChip;
 }
-/**
- * Directive to add MDC CSS to non-basic chips.
- * @docs-private
- */
-export declare class MatChipCssInternalOnly {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipCssInternalOnly, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipCssInternalOnly, "mat-chip, mat-chip-option, mat-chip-row, [mat-chip], [mat-chip-option],    [mat-chip-row]", never, {}, {}, never>;
-}
 /**
  * Boilerplate for applying mixins to MatChip.
  * @docs-private
@@ -41,35 +35,42 @@ declare const _MatChipMixinBase: import("@angular/material-experimental/mdc-core
  *
  * Extended by MatChipOption and MatChipRow for different interaction patterns.
  */
-export declare class MatChip extends _MatChipMixinBase implements AfterContentInit, AfterViewInit, CanColor, CanDisableRipple, CanDisable, HasTabIndex, OnDestroy {
+export declare class MatChip extends _MatChipMixinBase implements AfterViewInit, CanColor, CanDisableRipple, CanDisable, HasTabIndex, OnDestroy {
     _changeDetectorRef: ChangeDetectorRef;
     protected _ngZone: NgZone;
+    private _focusMonitor;
     private _dir;
     private _globalRippleOptions?;
+    protected _document: Document;
     /** Whether the ripple is centered on the chip. */
     readonly _isRippleCentered = false;
     /** Emits when the chip is focused. */
     readonly _onFocus: Subject<MatChipEvent>;
     /** Emits when the chip is blurred. */
     readonly _onBlur: Subject<MatChipEvent>;
-    readonly REMOVE_ICON_HANDLED_KEYS: ReadonlySet<number>;
     /** Whether this chip is a basic (unstyled) chip. */
     readonly _isBasicChip: boolean;
+    /** Role for the root of the chip. */
+    role: string | null;
     /** Whether the chip has focus. */
     protected _hasFocusInternal: boolean;
+    /** Whether moving focus into the chip is pending. */
+    private _pendingFocus;
     /** Whether animations for the chip are enabled. */
     _animationsDisabled: boolean;
-    _handleTransitionEnd(event: TransitionEvent): void;
     _hasFocus(): boolean;
-    /** Default unique id for the chip. */
-    private _uniqueId;
     /** A unique id for the chip. If none is supplied, it will be auto-generated. */
     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 the mdc-chip__text element. */
+    /**
+     * The value of the chip. Defaults to the content inside
+     * the `mat-mdc-chip-action-label` element.
+     */
     get value(): any;
     set value(value: any);
     protected _value: any;
@@ -85,14 +86,12 @@ export declare class MatChip extends _MatChipMixinBase implements AfterContentIn
     get highlighted(): boolean;
     set highlighted(value: BooleanInput);
     protected _highlighted: boolean;
-    /** Emitted when the user interacts with the chip. */
-    readonly interaction: EventEmitter<string>;
-    /** Emitted when the chip is destroyed. */
-    readonly destroyed: EventEmitter<MatChipEvent>;
     /** Emitted when a chip is to be removed. */
     readonly removed: EventEmitter<MatChipEvent>;
+    /** Emitted when the chip is destroyed. */
+    readonly destroyed: EventEmitter<MatChipEvent>;
     /** The MDC foundation containing business logic for MDC chip. */
-    _chipFoundation: deprecated.MDCChipFoundation;
+    _chipFoundation: MDCChipFoundation;
     /** The unstyled chip selector for this component. */
     protected basicChipAttrName: string;
     /** The chip's leading icon. */
@@ -103,17 +102,16 @@ export declare class MatChip extends _MatChipMixinBase implements AfterContentIn
     removeIcon: MatChipRemove;
     /** Reference to the MatRipple instance of the chip. */
     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: deprecated.MDCChipAdapter;
-    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, _ngZone: NgZone, _dir: Directionality, animationMode?: string, _globalRippleOptions?: RippleGlobalOptions | undefined);
-    ngAfterContentInit(): void;
+    protected _chipAdapter: MDCChipAdapter;
+    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _focusMonitor: FocusMonitor, _document: any, _dir: Directionality, animationMode?: string, _globalRippleOptions?: RippleGlobalOptions | undefined, tabIndex?: string);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    /** Sets up the remove icon chip foundation, and subscribes to remove icon events. */
-    private _initRemoveIcon;
     /**
      * Allows for programmatic removal of the chip.
      *
@@ -122,17 +120,20 @@ export declare class MatChip extends _MatChipMixinBase implements AfterContentIn
     remove(): void;
     /** Sets whether the given CSS class should be applied to the MDC chip. */
     private _setMdcClass;
-    /** Forwards interaction events to the MDC chip foundation. */
-    _handleInteraction(event: MouseEvent | KeyboardEvent | FocusEvent): void;
     /** Whether or not the ripple should be disabled. */
     _isRippleDisabled(): boolean;
-    _notifyInteraction(): void;
-    _notifyNavigation(): void;
-    /** Overridden by MatChipRow. */
-    protected _onEditStart(): void;
-    /** Overridden by MatChipRow. */
-    protected _onEditFinish(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatChip, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChip, "mat-basic-chip, mat-chip", ["matChip"], { "color": "color"; "disableRipple": "disableRipple"; "id": "id"; "disabled": "disabled"; "value": "value"; "removable": "removable"; "highlighted": "highlighted"; }, { "interaction": "interaction"; "destroyed": "destroyed"; "removed": "removed"; }, ["leadingIcon", "trailingIcon", "removeIcon"], ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"]>;
+    _getAction(type: MDCChipActionType): MDCChipActionFoundation | undefined;
+    _getFoundation(): MDCChipFoundation;
+    _hasTrailingIcon(): boolean;
+    /** 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]"]>;
 }
 export {};

package/mdc-chips/emit-event.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+ * Emits a custom event from an element.
+ * @param element Element from which to emit the event.
+ * @param _document Document that the element is placed in.
+ * @param eventName Name of the event.
+ * @param data Data attached to the event.
+ * @param shouldBubble Whether the event should bubble.
+ */
+export declare function emitCustomEvent<T>(element: HTMLElement, _document: Document, eventName: string, data: T, shouldBubble: boolean): void;

package/mdc-chips/module.d.ts

@@ -1,17 +1,18 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./chip";
-import * as i2 from "./chip-icons";
-import * as i3 from "./chip-edit-input";
-import * as i4 from "./chip-grid";
-import * as i5 from "./chip-input";
-import * as i6 from "./chip-listbox";
-import * as i7 from "./chip-option";
-import * as i8 from "./chip-row";
-import * as i9 from "./chip-set";
-import * as i10 from "@angular/material-experimental/mdc-core";
-import * as i11 from "@angular/common";
+import * as i1 from "./chip-action";
+import * as i2 from "./chip";
+import * as i3 from "./chip-icons";
+import * as i4 from "./chip-edit-input";
+import * as i5 from "./chip-grid";
+import * as i6 from "./chip-input";
+import * as i7 from "./chip-listbox";
+import * as i8 from "./chip-option";
+import * as i9 from "./chip-row";
+import * as i10 from "./chip-set";
+import * as i11 from "@angular/material-experimental/mdc-core";
+import * as i12 from "@angular/common";
 export declare class MatChipsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatChipsModule, [typeof i1.MatChip, typeof i2.MatChipAvatar, typeof i1.MatChipCssInternalOnly, typeof i3.MatChipEditInput, typeof i4.MatChipGrid, typeof i5.MatChipInput, typeof i6.MatChipListbox, typeof i7.MatChipOption, typeof i2.MatChipRemove, typeof i8.MatChipRow, typeof i9.MatChipSet, typeof i2.MatChipTrailingIcon], [typeof i10.MatCommonModule, typeof i11.CommonModule, typeof i10.MatRippleModule], [typeof i10.MatCommonModule, typeof i1.MatChip, typeof i2.MatChipAvatar, typeof i1.MatChipCssInternalOnly, typeof i3.MatChipEditInput, typeof i4.MatChipGrid, typeof i5.MatChipInput, typeof i6.MatChipListbox, typeof i7.MatChipOption, typeof i2.MatChipRemove, typeof i8.MatChipRow, typeof i9.MatChipSet, typeof i2.MatChipTrailingIcon]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatChipsModule, [typeof i1.MatChipAction, typeof i2.MatChip, typeof i3.MatChipAvatar, typeof i4.MatChipEditInput, typeof i5.MatChipGrid, typeof i6.MatChipInput, typeof i7.MatChipListbox, typeof i8.MatChipOption, typeof i3.MatChipRemove, typeof i9.MatChipRow, typeof i10.MatChipSet, typeof i3.MatChipTrailingIcon], [typeof i11.MatCommonModule, typeof i12.CommonModule, typeof i11.MatRippleModule], [typeof i11.MatCommonModule, typeof i2.MatChip, typeof i3.MatChipAvatar, typeof i4.MatChipEditInput, typeof i5.MatChipGrid, typeof i6.MatChipInput, typeof i7.MatChipListbox, typeof i8.MatChipOption, typeof i3.MatChipRemove, typeof i9.MatChipRow, typeof i10.MatChipSet, typeof i3.MatChipTrailingIcon]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatChipsModule>;
 }