Moved selection logic into MatChipOption, MatChipList components

Author: vanessanschmitt

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

@@ -21,15 +21,14 @@ <h4>Unstyled</h4>
 
       <h4>Advanced</h4>
 
-      <mat-chip-set selectable="false">
-        <mat-chip color="accent" selected="true">Selected/Colored</mat-chip>
-
-        <mat-chip color="warn" selected="true" *ngIf="visible"
-                       (destroyed)="displayMessage('chip destroyed')" (removed)="toggleVisible()">
+      <mat-chip-list multiple="true">
+        <mat-chip-option color="accent" selected="true">Selected/Colored</mat-chip-option>
+        <mat-chip-option color="warn" selected="true" *ngIf="visible"
+                 (destroyed)="displayMessage('chip destroyed')" (removed)="toggleVisible()">
           With Events
           <mat-icon matChipRemove>cancel</mat-icon>
-        </mat-chip>
-      </mat-chip-set>
+        </mat-chip-option>
+      </mat-chip-list>
       <div>{{message}}</div>
 
       <h4>With avatar and icons</h4>

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

@@ -1,7 +1,6 @@
 <div #mdcChipSet
-     class="mdc-chip-set"
-     [class.mdc-chip-set--choice]="selectable && !multiple"
-     [class.mdc-chip-set--filter]="selectable && multiple">
+  class="mdc-chip-set"
+  [ngClass]="_mdcClasses">
   <ng-content></ng-content>
 </div>