chore: update to latest version of MDC (#18343)

Author: mmalerba

package.json

@@ -55,7 +55,7 @@
     "@types/youtube": "^0.0.38",
     "@webcomponents/custom-elements": "^1.1.0",
     "core-js": "^2.6.9",
-    "material-components-web": "5.0.0-canary.80a4d326f.0",
+    "material-components-web": "5.0.0-canary.29b89dbc1.0",
     "rxjs": "^6.5.3",
     "systemjs": "0.19.43",
     "tslib": "^1.10.0",
@@ -128,7 +128,6 @@
     "minimatch": "^3.0.4",
     "minimist": "^1.2.0",
     "moment": "^2.18.1",
-    "sass": "^1.24.4",
     "parse5": "^5.0.0",
     "protractor": "^5.4.2",
     "requirejs": "^2.3.6",
@@ -138,6 +137,7 @@
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-sourcemaps": "^0.4.2",
     "run-sequence": "^1.2.2",
+    "sass": "^1.24.4",
     "scss-bundle": "^3.0.2",
     "selenium-webdriver": "^3.6.0",
     "semver": "^6.3.0",

src/material-experimental/mdc-chips/chip-listbox.ts

@@ -528,8 +528,11 @@ export class MatChipListbox extends MatChipSet implements AfterContentInit, Cont
   private _listenToChipsSelection(): void {
     this._chipSelectionSubscription = this.chipSelectionChanges.subscribe(
       (chipSelectionChange: MatChipSelectionChange) => {
-        this._chipSetFoundation.handleChipSelection(
-          chipSelectionChange.source.id, chipSelectionChange.selected, false);
+        this._chipSetFoundation.handleChipSelection({
+          chipId: chipSelectionChange.source.id,
+          selected: chipSelectionChange.selected,
+          shouldIgnore: false
+        });
         if (chipSelectionChange.isUserInput) {
           this._propagateChanges();
         }
@@ -558,4 +561,3 @@ export class MatChipListbox extends MatChipSet implements AfterContentInit, Cont
   static ngAcceptInputType_selectable: BooleanInput;
   static ngAcceptInputType_required: BooleanInput;
 }
-

src/material-experimental/mdc-chips/chip-set.ts

@@ -103,6 +103,8 @@ export class MatChipSet extends _MatChipSetMixinBase implements AfterContentInit
     removeFocusFromChipAtIndex: () => {},
     isRTL: () => !!this._dir && this._dir.value === 'rtl',
     getChipListCount: () => this._chips.length,
+    // TODO(mmalerba): Implement using LiveAnnouncer.
+    announceMessage: () => {},
   };
 
   /** The aria-describedby attribute on the chip list for improved a11y. */
@@ -232,7 +234,11 @@ export class MatChipSet extends _MatChipSetMixinBase implements AfterContentInit
   /** Subscribes to chip removal events. */
   private _listenToChipsRemove() {
     this._chipRemoveSubscription = this.chipRemoveChanges.subscribe((event: MatChipEvent) => {
-       this._chipSetFoundation.handleChipRemoval(event.chip.id);
+       this._chipSetFoundation.handleChipRemoval({
+         chipId: event.chip.id,
+         // TODO(mmalerba): Add removal message.
+         removedAnnouncement: null,
+       });
     });
   }
 
@@ -254,7 +260,7 @@ export class MatChipSet extends _MatChipSetMixinBase implements AfterContentInit
   /** Subscribes to chip interaction events. */
   private _listenToChipsInteraction() {
     this._chipInteractionSubscription = this.chipInteractionChanges.subscribe((id: string) => {
-      this._chipSetFoundation.handleChipInteraction(id);
+      this._chipSetFoundation.handleChipInteraction({chipId: id});
     });
   }
 
@@ -307,4 +313,3 @@ export class MatChipSet extends _MatChipSetMixinBase implements AfterContentInit
 
   static ngAcceptInputType_disabled: BooleanInput;
 }
-

src/material-experimental/mdc-chips/chip.ts

@@ -309,6 +309,7 @@ export class MatChip extends _MatChipMixinBase implements AfterContentInit, Afte
     // so they will never be called
     getRootBoundingClientRect: () => this._elementRef.nativeElement.getBoundingClientRect(),
     getCheckmarkBoundingClientRect: () => null,
+    getAttribute: (attr) => this._elementRef.nativeElement.getAttribute(attr),
  };
 
  constructor(