refactor: remove mixin classes from public api (#15743)

* refactor: remove mixin classes from public api

Removes the base classes that are being used to apply mixins from the public API. These classes can't really be consumed outside of Material and exposing them bloats up the public API.

* fix experimental checkbox

Author: crisbeto

src/cdk/table/cell.ts

@@ -45,8 +45,8 @@ export class CdkFooterCellDef implements CellDef {
 
 // Boilerplate for applying mixins to CdkColumnDef.
 /** @docs-private */
-export class CdkColumnDefBase {}
-export const _CdkColumnDefBase: CanStickCtor&typeof CdkColumnDefBase =
+class CdkColumnDefBase {}
+const _CdkColumnDefBase: CanStickCtor&typeof CdkColumnDefBase =
     mixinHasStickyInput(CdkColumnDefBase);
 
 /**

src/cdk/table/row.ts

@@ -77,8 +77,8 @@ export abstract class BaseRowDef implements OnChanges {
 
 // Boilerplate for applying mixins to CdkHeaderRowDef.
 /** @docs-private */
-export class CdkHeaderRowDefBase extends BaseRowDef {}
-export const _CdkHeaderRowDefBase: CanStickCtor&typeof CdkHeaderRowDefBase =
+class CdkHeaderRowDefBase extends BaseRowDef {}
+const _CdkHeaderRowDefBase: CanStickCtor&typeof CdkHeaderRowDefBase =
     mixinHasStickyInput(CdkHeaderRowDefBase);
 
 /**
@@ -103,8 +103,8 @@ export class CdkHeaderRowDef extends _CdkHeaderRowDefBase implements CanStick, O
 
 // Boilerplate for applying mixins to CdkFooterRowDef.
 /** @docs-private */
-export class CdkFooterRowDefBase extends BaseRowDef {}
-export const _CdkFooterRowDefBase: CanStickCtor&typeof CdkFooterRowDefBase =
+class CdkFooterRowDefBase extends BaseRowDef {}
+const _CdkFooterRowDefBase: CanStickCtor&typeof CdkFooterRowDefBase =
     mixinHasStickyInput(CdkFooterRowDefBase);
 
 /**

src/material-experimental/mdc-checkbox/public-api.ts

@@ -17,11 +17,6 @@ export {
   MatCheckboxClickAction,
   MatCheckboxRequiredValidator,
   _MatCheckboxRequiredValidatorModule,
-  /**
-   * @deprecated
-   * @breaking-change 9.0.0
-   */
-  MatCheckboxBase,
   /**
    * @deprecated
    * @breaking-change 9.0.0

src/material/autocomplete/autocomplete.ts

@@ -53,8 +53,8 @@ export class MatAutocompleteSelectedEvent {
 
 // Boilerplate for applying mixins to MatAutocomplete.
 /** @docs-private */
-export class MatAutocompleteBase {}
-export const _MatAutocompleteMixinBase: CanDisableRippleCtor & typeof MatAutocompleteBase =
+class MatAutocompleteBase {}
+const _MatAutocompleteMixinBase: CanDisableRippleCtor & typeof MatAutocompleteBase =
     mixinDisableRipple(MatAutocompleteBase);
 
 /** Default `mat-autocomplete` options that can be overridden. */

src/material/badge/badge.ts

@@ -28,9 +28,9 @@ let nextId = 0;
 
 // Boilerplate for applying mixins to MatBadge.
 /** @docs-private */
-export class MatBadgeBase {}
+class MatBadgeBase {}
 
-export const _MatBadgeMixinBase:
+const _MatBadgeMixinBase:
     CanDisableCtor & typeof MatBadgeBase = mixinDisabled(MatBadgeBase);
 
 export type MatBadgePosition = 'above after' | 'above before' | 'below before' | 'below after';

src/material/button-toggle/button-toggle.ts

@@ -348,8 +348,8 @@ export class MatButtonToggleGroup implements ControlValueAccessor, OnInit, After
 
 // Boilerplate for applying mixins to the MatButtonToggle class.
 /** @docs-private */
-export class MatButtonToggleBase {}
-export const _MatButtonToggleMixinBase: CanDisableRippleCtor & typeof MatButtonToggleBase =
+class MatButtonToggleBase {}
+const _MatButtonToggleMixinBase: CanDisableRippleCtor & typeof MatButtonToggleBase =
     mixinDisableRipple(MatButtonToggleBase);
 
 /** Single button inside of a toggle group. */

src/material/button/button.ts

@@ -51,13 +51,12 @@ const BUTTON_HOST_ATTRIBUTES = [
 
 // Boilerplate for applying mixins to MatButton.
 /** @docs-private */
-export class MatButtonBase {
+class MatButtonBase {
   constructor(public _elementRef: ElementRef) {}
 }
 
-export const _MatButtonMixinBase:
-    CanDisableRippleCtor & CanDisableCtor & CanColorCtor & typeof MatButtonBase =
-        mixinColor(mixinDisabled(mixinDisableRipple(MatButtonBase)));
+const _MatButtonMixinBase: CanDisableRippleCtor & CanDisableCtor & CanColorCtor &
+    typeof MatButtonBase = mixinColor(mixinDisabled(mixinDisableRipple(MatButtonBase)));
 
 /**
  * Material design button.

src/material/checkbox/checkbox.ts

@@ -85,10 +85,10 @@ export class MatCheckboxChange {
 
 // Boilerplate for applying mixins to MatCheckbox.
 /** @docs-private */
-export class MatCheckboxBase {
+class MatCheckboxBase {
   constructor(public _elementRef: ElementRef) {}
 }
-export const _MatCheckboxMixinBase:
+const _MatCheckboxMixinBase:
     HasTabIndexCtor &
     CanColorCtor &
     CanDisableRippleCtor &

src/material/chips/chip-list.ts

@@ -45,14 +45,14 @@ import {MatChipTextControl} from './chip-text-control';
 
 // Boilerplate for applying mixins to MatChipList.
 /** @docs-private */
-export class MatChipListBase {
+class MatChipListBase {
   constructor(public _defaultErrorStateMatcher: ErrorStateMatcher,
               public _parentForm: NgForm,
               public _parentFormGroup: FormGroupDirective,
               /** @docs-private */
               public ngControl: NgControl) {}
 }
-export const _MatChipListMixinBase: CanUpdateErrorStateCtor & typeof MatChipListBase =
+const _MatChipListMixinBase: CanUpdateErrorStateCtor & typeof MatChipListBase =
     mixinErrorState(MatChipListBase);
 
 

src/material/chips/chip.ts

@@ -63,15 +63,12 @@ export class MatChipSelectionChange {
 
 // Boilerplate for applying mixins to MatChip.
 /** @docs-private */
-export class MatChipBase {
+class MatChipBase {
   constructor(public _elementRef: ElementRef) {}
 }
 
-export const _MatChipMixinBase:
-    CanColorCtor & CanDisableRippleCtor & CanDisableCtor & typeof MatChipBase =
-        mixinColor(mixinDisableRipple(mixinDisabled(MatChipBase)), 'primary');
-
-const CHIP_ATTRIBUTE_NAMES = ['mat-basic-chip'];
+const _MatChipMixinBase: CanColorCtor & CanDisableRippleCtor & CanDisableCtor & typeof MatChipBase =
+    mixinColor(mixinDisableRipple(mixinDisabled(MatChipBase)), 'primary');
 
 /**
  * Dummy directive to add CSS class to chip avatar.
@@ -242,15 +239,16 @@ export class MatChip extends _MatChipMixinBase implements FocusableOption, OnDes
   }
 
   _addHostClassName() {
-    // Add class for the different chips
-    for (const attr of CHIP_ATTRIBUTE_NAMES) {
-      if (this._elementRef.nativeElement.hasAttribute(attr) ||
-        this._elementRef.nativeElement.tagName.toLowerCase() === attr) {
-        (this._elementRef.nativeElement as HTMLElement).classList.add(attr);
-        return;
-      }
+    const basicChipAttrName = 'mat-basic-chip';
+    const element = this._elementRef.nativeElement as HTMLElement;
+
+    if (element.hasAttribute(basicChipAttrName) ||
+        element.tagName.toLowerCase() === basicChipAttrName) {
+      element.classList.add(basicChipAttrName);
+      return;
+    } else {
+      element.classList.add('mat-standard-chip');
     }
-    (this._elementRef.nativeElement as HTMLElement).classList.add('mat-standard-chip');
   }
 
   ngOnDestroy() {