Revert "feat(material/chips): prevent chips from being deleted when user holds backspace (#19700)"

This reverts commit 6230560.

Author: mmalerba

src/components-examples/material/chips/chips-autocomplete/chips-autocomplete-example.ts

@@ -34,15 +34,18 @@ export class ChipsAutocompleteExample {
   }
 
   add(event: MatChipInputEvent): void {
-    const value = (event.value || '').trim();
+    const input = event.input;
+    const value = event.value;
 
     // Add our fruit
-    if (value) {
-      this.fruits.push(value);
+    if ((value || '').trim()) {
+      this.fruits.push(value.trim());
     }
 
-    // Clear the input value
-    event.chipInput!.clear();
+    // Reset the input value
+    if (input) {
+      input.value = '';
+    }
 
     this.fruitCtrl.setValue(null);
   }

src/components-examples/material/chips/chips-input/chips-input-example.ts

@@ -27,15 +27,18 @@ export class ChipsInputExample {
   ];
 
   add(event: MatChipInputEvent): void {
-    const value = (event.value || '').trim();
+    const input = event.input;
+    const value = event.value;
 
     // Add our fruit
-    if (value) {
-      this.fruits.push({name: value});
+    if ((value || '').trim()) {
+      this.fruits.push({name: value.trim()});
     }
 
-    // Clear the input value
-    event.chipInput!.clear();
+    // Reset the input value
+    if (input) {
+      input.value = '';
+    }
   }
 
   remove(fruit: Fruit): void {

src/dev-app/chips/chips-demo.ts

@@ -11,6 +11,7 @@ import {Component} from '@angular/core';
 import {MatChipInputEvent} from '@angular/material/chips';
 import {ThemePalette} from '@angular/material/core';
 
+
 export interface Person {
   name: string;
 }
@@ -60,15 +61,17 @@ export class ChipsDemo {
   }
 
   add(event: MatChipInputEvent): void {
-    const value = (event.value || '').trim();
+    const {input, value} = event;
 
     // Add our person
-    if (value) {
-      this.people.push({ name: value });
+    if ((value || '').trim()) {
+      this.people.push({ name: value.trim() });
     }
 
-    // Clear the input value
-    event.chipInput!.clear();
+    // Reset the input value
+    if (input) {
+      input.value = '';
+    }
   }
 
   remove(person: Person): void {

src/dev-app/mdc-chips/mdc-chips-demo.ts

@@ -61,15 +61,17 @@ export class MdcChipsDemo {
   }
 
   add(event: MatChipInputEvent): void {
-    const value = (event.value || '').trim();
+    const {input, value} = event;
 
     // Add our person
-    if (value) {
-      this.people.push({ name: value });
+    if ((value || '').trim()) {
+      this.people.push({ name: value.trim() });
     }
 
-    // Clear the input value
-    event.chipInput!.clear();
+    // Reset the input value
+    if (input) {
+      input.value = '';
+    }
   }
 
   remove(person: Person): void {