@angular/material 16.2.2 → 17.0.0-next.1

package/select/index.d.ts

@@ -31,7 +31,6 @@ import { MatFormField } from '@angular/material/form-field';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { MatOptgroup } from '@angular/material/core';
 import { MatOption } from '@angular/material/core';
-import { _MatOptionBase } from '@angular/material/core';
 import { MatOptionSelectionChange } from '@angular/material/core';
 import { NgControl } from '@angular/forms';
 import { NgForm } from '@angular/forms';
@@ -58,9 +57,8 @@ declare namespace i1 {
         MAT_SELECT_SCROLL_STRATEGY_PROVIDER,
         MAT_SELECT_TRIGGER,
         MatSelectChange,
-        _MatSelectBase,
-        MatSelectTrigger,
-        MatSelect
+        MatSelect,
+        MatSelectTrigger
     }
 }
 
@@ -87,59 +85,7 @@ export declare function MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Ove
  */
 export declare const MAT_SELECT_TRIGGER: InjectionToken<MatSelectTrigger>;
 
-export declare class MatSelect extends _MatSelectBase<MatSelectChange> implements OnInit {
-    options: QueryList<MatOption>;
-    optionGroups: QueryList<MatOptgroup>;
-    customTrigger: MatSelectTrigger;
-    /**
-     * Width of the panel. If set to `auto`, the panel will match the trigger width.
-     * If set to null or an empty string, the panel will grow to match the longest option's text.
-     */
-    panelWidth: string | number | null;
-    _positions: ConnectedPosition[];
-    /** Ideal origin for the overlay panel. */
-    _preferredOverlayOrigin: CdkOverlayOrigin | ElementRef | undefined;
-    /** Width of the overlay panel. */
-    _overlayWidth: string | number;
-    get shouldLabelFloat(): boolean;
-    ngOnInit(): void;
-    open(): void;
-    close(): void;
-    /** Scrolls the active option into view. */
-    protected _scrollOptionIntoView(index: number): void;
-    protected _positioningSettled(): void;
-    protected _getChangeEvent(value: any): MatSelectChange;
-    /** Gets how wide the overlay panel should be. */
-    private _getOverlayWidth;
-    /** Whether checkmark indicator for single-selection options is hidden. */
-    get hideSingleSelectionIndicator(): boolean;
-    set hideSingleSelectionIndicator(value: BooleanInput);
-    private _hideSingleSelectionIndicator;
-    /** Syncs the parent state with the individual options. */
-    _syncParentProperties(): void;
-    protected _skipPredicate: (option: MatOption) => boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatSelect, "mat-select", ["matSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; }, {}, ["customTrigger", "options", "optionGroups"], ["mat-select-trigger", "*"], false, never>;
-}
-
-/**
- * The following are all the animations for the mat-select component, with each
- * const containing the metadata for one animation.
- *
- * The values below match the implementation of the AngularJS Material mat-select animation.
- * @docs-private
- */
-export declare const matSelectAnimations: {
-    /**
-     * @deprecated No longer being used. To be removed.
-     * @breaking-change 12.0.0
-     */
-    readonly transformPanelWrap: AnimationTriggerMetadata;
-    readonly transformPanel: AnimationTriggerMetadata;
-};
-
-/** Base class with all of the `MatSelect` functionality. */
-export declare abstract class _MatSelectBase<C> extends _MatSelectMixinBase implements AfterContentInit, OnChanges, OnDestroy, OnInit, DoCheck, ControlValueAccessor, CanDisable, HasTabIndex, MatFormFieldControl<any>, CanUpdateErrorState, CanDisableRipple {
+export declare class MatSelect extends _MatSelectMixinBase implements AfterContentInit, OnChanges, OnDestroy, OnInit, DoCheck, ControlValueAccessor, CanDisable, HasTabIndex, MatFormFieldControl<any>, CanUpdateErrorState, CanDisableRipple {
     protected _viewportRuler: ViewportRuler;
     protected _changeDetectorRef: ChangeDetectorRef;
     protected _ngZone: NgZone;
@@ -148,24 +94,24 @@ export declare abstract class _MatSelectBase<C> extends _MatSelectMixinBase impl
     private _liveAnnouncer;
     protected _defaultOptions?: MatSelectConfig | undefined;
     /** All of the defined select options. */
-    abstract options: QueryList<_MatOptionBase>;
+    options: QueryList<MatOption>;
     /** All of the defined groups of options. */
-    abstract optionGroups: QueryList<MatOptgroup>;
+    optionGroups: QueryList<MatOptgroup>;
     /** User-supplied override of the trigger element. */
-    abstract customTrigger: {};
+    customTrigger: MatSelectTrigger;
     /**
      * This position config ensures that the top "start" corner of the overlay
      * is aligned with with the top "start" of the origin by default (overlapping
      * the trigger completely). If the panel cannot fit below the trigger, it
      * will fall back to a position above the trigger.
      */
-    abstract _positions: ConnectedPosition[];
+    _positions: ConnectedPosition[];
     /** Scrolls a particular option into the view. */
-    protected abstract _scrollOptionIntoView(index: number): void;
+    _scrollOptionIntoView(index: number): void;
     /** Called when the panel has been opened and the overlay has settled on its final position. */
-    protected abstract _positioningSettled(): void;
+    private _positioningSettled;
     /** Creates a change event object that should be emitted by the select. */
-    protected abstract _getChangeEvent(value: any): C;
+    private _getChangeEvent;
     /** Factory function used to create a scroll strategy for this select. */
     private _scrollStrategyFactory;
     /** Whether or not the overlay panel is open. */
@@ -192,6 +138,10 @@ export declare abstract class _MatSelectBase<C> extends _MatSelectMixinBase impl
     _selectionModel: SelectionModel<MatOption>;
     /** Manages keyboard events for options in the panel. */
     _keyManager: ActiveDescendantKeyManager<MatOption>;
+    /** Ideal origin for the overlay panel. */
+    _preferredOverlayOrigin: CdkOverlayOrigin | ElementRef | undefined;
+    /** Width of the overlay panel. */
+    _overlayWidth: string | number;
     /** `View -> model callback called when value changes` */
     _onChange: (value: any) => void;
     /** `View -> model callback called when select has been touched` */
@@ -218,6 +168,10 @@ export declare abstract class _MatSelectBase<C> extends _MatSelectMixinBase impl
     panelClass: string | string[] | Set<string> | {
         [key: string]: any;
     };
+    /** Whether checkmark indicator for single-selection options is hidden. */
+    get hideSingleSelectionIndicator(): boolean;
+    set hideSingleSelectionIndicator(value: BooleanInput);
+    private _hideSingleSelectionIndicator;
     /** Placeholder to be shown if no value has been selected. */
     get placeholder(): string;
     set placeholder(value: string);
@@ -264,6 +218,11 @@ export declare abstract class _MatSelectBase<C> extends _MatSelectMixinBase impl
     get id(): string;
     set id(value: string);
     private _id;
+    /**
+     * Width of the panel. If set to `auto`, the panel will match the trigger width.
+     * If set to null or an empty string, the panel will grow to match the longest option's text.
+     */
+    panelWidth: string | number | null;
     /** Combined stream of all of the child options' change events. */
     readonly optionSelectionChanges: Observable<MatOptionSelectionChange>;
     /** Event emitted when the select panel has been toggled. */
@@ -273,7 +232,7 @@ export declare abstract class _MatSelectBase<C> extends _MatSelectMixinBase impl
     /** Event emitted when the select has been closed. */
     readonly _closedStream: Observable<void>;
     /** Event emitted when the selected value has been changed by the user. */
-    readonly selectionChange: EventEmitter<C>;
+    readonly selectionChange: EventEmitter<MatSelectChange>;
     /**
      * Event that emits whenever the raw value of the select changes. This is here primarily
      * to facilitate the two-way binding for the `value` input.
@@ -391,7 +350,11 @@ export declare abstract class _MatSelectBase<C> extends _MatSelectMixinBase impl
     private _selectOptionByValue;
     /** Assigns a specific value to the select. Returns whether the value has changed. */
     private _assignValue;
-    protected _skipPredicate(item: MatOption): boolean;
+    private _skipPredicate;
+    /** Gets how wide the overlay panel should be. */
+    private _getOverlayWidth;
+    /** Syncs the parent state with the individual options. */
+    _syncParentProperties(): void;
     /** Sets up a key manager to listen to keyboard events on the overlay panel. */
     private _initKeyManager;
     /** Drops current option subscriptions and IDs and resets from scratch. */
@@ -434,10 +397,26 @@ export declare abstract class _MatSelectBase<C> extends _MatSelectMixinBase impl
      * @docs-private
      */
     get shouldLabelFloat(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatSelectBase<any>, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { attribute: "tabindex"; }, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatSelectBase<any>, never, never, { "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disableOptionCentering": { "alias": "disableOptionCentering"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "openedChange": "openedChange"; "_openedStream": "opened"; "_closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelect, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { attribute: "tabindex"; }, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatSelect, "mat-select", ["matSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disableOptionCentering": { "alias": "disableOptionCentering"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "id": { "alias": "id"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; }, { "openedChange": "openedChange"; "_openedStream": "opened"; "_closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["customTrigger", "options", "optionGroups"], ["mat-select-trigger", "*"], false, never>;
 }
 
+/**
+ * The following are all the animations for the mat-select component, with each
+ * const containing the metadata for one animation.
+ *
+ * The values below match the implementation of the AngularJS Material mat-select animation.
+ * @docs-private
+ */
+export declare const matSelectAnimations: {
+    /**
+     * @deprecated No longer being used. To be removed.
+     * @breaking-change 12.0.0
+     */
+    readonly transformPanelWrap: AnimationTriggerMetadata;
+    readonly transformPanel: AnimationTriggerMetadata;
+};
+
 /** Change event object that is emitted when the select value has changed. */
 export declare class MatSelectChange {
     /** Reference to the select that emitted the change event. */

package/select/testing/index.d.ts

@@ -1,5 +1,4 @@
 import { BaseHarnessFilters } from '@angular/cdk/testing';
-import { ComponentHarness } from '@angular/cdk/testing';
 import { ComponentHarnessConstructor } from '@angular/cdk/testing';
 import { HarnessPredicate } from '@angular/cdk/testing';
 import { MatFormFieldControlHarness } from '@angular/material/form-field/testing/control';
@@ -9,31 +8,19 @@ import { OptgroupHarnessFilters } from '@angular/material/core/testing';
 import { OptionHarnessFilters } from '@angular/material/core/testing';
 
 /** Harness for interacting with an MDC-based mat-select in tests. */
-export declare class MatSelectHarness extends _MatSelectHarnessBase<typeof MatOptionHarness, MatOptionHarness, OptionHarnessFilters, typeof MatOptgroupHarness, MatOptgroupHarness, OptgroupHarnessFilters> {
+export declare class MatSelectHarness extends MatFormFieldControlHarness {
     static hostSelector: string;
-    protected _prefix: string;
-    protected _optionClass: typeof MatOptionHarness;
-    protected _optionGroupClass: typeof MatOptgroupHarness;
+    private _prefix;
+    private _optionClass;
+    private _optionGroupClass;
+    private _documentRootLocator;
+    private _backdrop;
     /**
      * Gets a `HarnessPredicate` that can be used to search for a select with specific attributes.
      * @param options Options for filtering which select instances are considered a match.
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with<T extends MatSelectHarness>(this: ComponentHarnessConstructor<T>, options?: SelectHarnessFilters): HarnessPredicate<T>;
-}
-
-export declare abstract class _MatSelectHarnessBase<OptionType extends ComponentHarnessConstructor<Option> & {
-    with: (options?: OptionFilters) => HarnessPredicate<Option>;
-}, Option extends ComponentHarness & {
-    click(): Promise<void>;
-}, OptionFilters extends BaseHarnessFilters, OptionGroupType extends ComponentHarnessConstructor<OptionGroup> & {
-    with: (options?: OptionGroupFilters) => HarnessPredicate<OptionGroup>;
-}, OptionGroup extends ComponentHarness, OptionGroupFilters extends BaseHarnessFilters> extends MatFormFieldControlHarness {
-    protected abstract _prefix: string;
-    protected abstract _optionClass: OptionType;
-    protected abstract _optionGroupClass: OptionGroupType;
-    private _documentRootLocator;
-    private _backdrop;
     /** Gets a boolean promise indicating if the select is disabled. */
     isDisabled(): Promise<boolean>;
     /** Gets a boolean promise indicating if the select is valid. */
@@ -53,9 +40,9 @@ export declare abstract class _MatSelectHarnessBase<OptionType extends Component
     /** Whether the select is focused. */
     isFocused(): Promise<boolean>;
     /** Gets the options inside the select panel. */
-    getOptions(filter?: Omit<OptionFilters, 'ancestor'>): Promise<Option[]>;
+    getOptions(filter?: Omit<OptionHarnessFilters, 'ancestor'>): Promise<MatOptionHarness[]>;
     /** Gets the groups of options inside the panel. */
-    getOptionGroups(filter?: Omit<OptionGroupFilters, 'ancestor'>): Promise<OptionGroup[]>;
+    getOptionGroups(filter?: Omit<OptgroupHarnessFilters, 'ancestor'>): Promise<MatOptgroupHarness[]>;
     /** Gets whether the select is open. */
     isOpen(): Promise<boolean>;
     /** Opens the select's panel. */
@@ -64,7 +51,7 @@ export declare abstract class _MatSelectHarnessBase<OptionType extends Component
      * Clicks the options that match the passed-in filter. If the select is in multi-selection
      * mode all options will be clicked, otherwise the harness will pick the first matching option.
      */
-    clickOptions(filter?: OptionFilters): Promise<void>;
+    clickOptions(filter?: OptionHarnessFilters): Promise<void>;
     /** Closes the select's panel. */
     close(): Promise<void>;
     /** Gets the selector that should be used to find this select's panel. */

package/slide-toggle/_slide-toggle-theme.scss

@@ -1,24 +1,18 @@
-@use 'sass:map';
 @use '@material/switch/switch-theme' as mdc-switch-theme;
 @use '@material/form-field' as mdc-form-field;
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/mdc-helpers/mdc-helpers';
 @use '../core/typography/typography';
 @use '../core/tokens/m2/mdc/switch' as m2-mdc-switch;
 @use '../core/tokens/m2/mat/slide-toggle' as m2-mat-slide-toggle;
 @use '../core/tokens/token-utils';
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  $primary: map.get($config, primary);
-  $accent: map.get($config, accent);
-  $warn: map.get($config, warn);
-  $is-dark: map.get($config, is-dark);
-  $foreground: map.get($config, foreground);
+@mixin color($theme) {
+  $is-dark: inspection.get-theme-type($theme) == dark;
+  $mdc-switch-color-tokens: m2-mdc-switch.get-color-tokens($theme);
 
-  $mdc-switch-color-tokens: m2-mdc-switch.get-color-tokens($config);
-
-  @include mdc-helpers.using-mdc-theme($config) {
+  @include mdc-helpers.using-mdc-theme($theme) {
     // Add values for MDC slide toggles tokens
     .mat-mdc-slide-toggle {
       @include mdc-form-field.core-styles($query: mdc-helpers.$mdc-theme-styles-query);
@@ -26,32 +20,26 @@
 
       // MDC should set the disabled color on the label, but doesn't, so we do it here instead.
       .mdc-switch--disabled + label {
-        color: theming.get-color-from-palette($foreground, disabled-text);
+        color: inspection.get-theme-color($theme, foreground, disabled-text);
       }
 
       // Change the color palette related tokens to accent or warn if applicable
       &.mat-accent {
-        @include mdc-switch-theme.theme(m2-mdc-switch.private-get-color-palette-color-tokens(
-          map.get($config, accent),
-          map.get($config, is-dark)
-        ));
+        @include mdc-switch-theme.theme(
+            m2-mdc-switch.private-get-color-palette-color-tokens($theme, accent));
       }
 
       &.mat-warn {
-        @include mdc-switch-theme.theme(m2-mdc-switch.private-get-color-palette-color-tokens(
-          map.get($config, warn),
-          map.get($config, is-dark)
-        ));
+        @include mdc-switch-theme.theme(
+            m2-mdc-switch.private-get-color-palette-color-tokens($theme, warn));
       }
     }
   }
 }
 
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2018-config(
-      theming.get-typography-config($config-or-theme));
-  $mdc-switch-typography-tokens: m2-mdc-switch.get-typography-tokens($config);
-  $mat-slide-toggle-typography-tokens: m2-mat-slide-toggle.get-typography-tokens($config);
+@mixin typography($theme) {
+  $mdc-switch-typography-tokens: m2-mdc-switch.get-typography-tokens($theme);
+  $mat-slide-toggle-typography-tokens: m2-mat-slide-toggle.get-typography-tokens($theme);
 
   //Add values for MDC slide toggle tokens
   .mat-mdc-slide-toggle {
@@ -64,29 +52,24 @@
   }
 }
 
-@mixin density($config-or-theme) {
-  $density-scale: theming.get-density-config($config-or-theme);
+@mixin density($theme) {
+  $density-scale: inspection.get-theme-density($theme);
+
   .mat-mdc-slide-toggle {
     @include mdc-switch-theme.theme(mdc-switch-theme.density($density-scale));
   }
 }
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
-
+@mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-slide-toggle') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
-
-    @if $color != null {
-      @include color($color);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
     }
-    @if $density != null {
-      @include density($density);
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
     }
-    @if $typography != null {
-      @include typography($typography);
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
     }
   }
 }

package/slide-toggle/index.d.ts

@@ -11,7 +11,6 @@ import { ControlValueAccessor } from '@angular/forms';
 import { ElementRef } from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { FocusMonitor } from '@angular/cdk/a11y';
-import { FocusOrigin } from '@angular/cdk/a11y';
 import { HasTabIndex } from '@angular/material/core';
 import * as i0 from '@angular/core';
 import * as i3 from '@angular/material/core';
@@ -33,7 +32,6 @@ declare namespace i2 {
     export {
         MAT_SLIDE_TOGGLE_VALUE_ACCESSOR,
         MatSlideToggleChange,
-        _MatSlideToggleBase,
         MatSlideToggle
     }
 }
@@ -50,35 +48,24 @@ export declare const MAT_SLIDE_TOGGLE_VALUE_ACCESSOR: {
     multi: boolean;
 };
 
-export declare class MatSlideToggle extends _MatSlideToggleBase<MatSlideToggleChange> {
+export declare class MatSlideToggle extends _MatSlideToggleMixinBase implements OnDestroy, AfterContentInit, ControlValueAccessor, CanDisable, CanColor, HasTabIndex, CanDisableRipple {
+    protected _focusMonitor: FocusMonitor;
+    protected _changeDetectorRef: ChangeDetectorRef;
+    defaults: MatSlideToggleDefaultOptions;
+    private _onChange;
+    private _onTouched;
+    private _uniqueId;
+    private _required;
+    private _checked;
+    private _createChangeEvent;
     /** Unique ID for the label element. */
     _labelId: string;
     /** Returns the unique id for the visual hidden button. */
     get buttonId(): string;
     /** Reference to the MDC switch element. */
     _switchElement: ElementRef<HTMLElement>;
-    constructor(elementRef: ElementRef, focusMonitor: FocusMonitor, changeDetectorRef: ChangeDetectorRef, tabIndex: string, defaults: MatSlideToggleDefaultOptions, animationMode?: string);
-    /** Method being called whenever the underlying button is clicked. */
-    _handleClick(): void;
     /** Focuses the slide-toggle. */
     focus(): void;
-    protected _createChangeEvent(isChecked: boolean): MatSlideToggleChange;
-    _getAriaLabelledBy(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggle, [null, null, null, { attribute: "tabindex"; }, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatSlideToggle, "mat-slide-toggle", ["matSlideToggle"], { "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-export declare abstract class _MatSlideToggleBase<T> extends _MatSlideToggleMixinBase implements OnDestroy, AfterContentInit, ControlValueAccessor, CanDisable, CanColor, HasTabIndex, CanDisableRipple {
-    protected _focusMonitor: FocusMonitor;
-    protected _changeDetectorRef: ChangeDetectorRef;
-    defaults: MatSlideToggleDefaultOptions;
-    protected _onChange: (_: any) => void;
-    private _onTouched;
-    protected _uniqueId: string;
-    private _required;
-    private _checked;
-    protected abstract _createChangeEvent(isChecked: boolean): T;
-    abstract focus(options?: FocusOptions, origin?: FocusOrigin): void;
     /** Whether noop animations are enabled. */
     _noopAnimations: boolean;
     /** Whether the slide toggle is currently focused. */
@@ -106,7 +93,7 @@ export declare abstract class _MatSlideToggleBase<T> extends _MatSlideToggleMixi
     set hideIcon(value: BooleanInput);
     private _hideIcon;
     /** An event will be dispatched each time the slide-toggle changes its value. */
-    readonly change: EventEmitter<T>;
+    readonly change: EventEmitter<MatSlideToggleChange>;
     /**
      * An event will be dispatched each time the slide-toggle input is toggled.
      * This event is always emitted when the user toggles the slide toggle, but this does not mean
@@ -115,7 +102,7 @@ export declare abstract class _MatSlideToggleBase<T> extends _MatSlideToggleMixi
     readonly toggleChange: EventEmitter<void>;
     /** Returns the unique id for the visual hidden input. */
     get inputId(): string;
-    constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, tabIndex: string, defaults: MatSlideToggleDefaultOptions, animationMode: string | undefined, idPrefix: string);
+    constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, tabIndex: string, defaults: MatSlideToggleDefaultOptions, animationMode?: string);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /** Implemented as part of ControlValueAccessor. */
@@ -132,8 +119,11 @@ export declare abstract class _MatSlideToggleBase<T> extends _MatSlideToggleMixi
      * Emits a change event on the `change` output. Also notifies the FormControl about the change.
      */
     protected _emitChangeEvent(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatSlideToggleBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatSlideToggleBase<any>, never, never, { "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "required": { "alias": "required"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; }, { "change": "change"; "toggleChange": "toggleChange"; }, never, never, false, never>;
+    /** Method being called whenever the underlying button is clicked. */
+    _handleClick(): void;
+    _getAriaLabelledBy(): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggle, [null, null, null, { attribute: "tabindex"; }, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatSlideToggle, "mat-slide-toggle", ["matSlideToggle"], { "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "required": { "alias": "required"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; }, { "change": "change"; "toggleChange": "toggleChange"; }, never, ["*"], false, never>;
 }
 
 /** Change event object emitted by a slide toggle. */

package/slide-toggle/testing/index.d.ts

@@ -5,9 +5,10 @@ import { ComponentHarnessConstructor } from '@angular/cdk/testing';
 import { HarnessPredicate } from '@angular/cdk/testing';
 import { TestElement } from '@angular/cdk/testing';
 
-/** Harness for interacting with a MDC-based mat-slide-toggle in tests. */
-export declare class MatSlideToggleHarness extends _MatSlideToggleHarnessBase {
-    protected _nativeElement: AsyncFactoryFn<TestElement>;
+/** Harness for interacting with a mat-slide-toggle in tests. */
+export declare class MatSlideToggleHarness extends ComponentHarness {
+    private _label;
+    _nativeElement: AsyncFactoryFn<TestElement>;
     static hostSelector: string;
     /**
      * Gets a `HarnessPredicate` that can be used to search for a slide-toggle w/ specific attributes.
@@ -17,18 +18,10 @@ export declare class MatSlideToggleHarness extends _MatSlideToggleHarnessBase {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with<T extends MatSlideToggleHarness>(this: ComponentHarnessConstructor<T>, options?: SlideToggleHarnessFilters): HarnessPredicate<T>;
-    toggle(): Promise<void>;
-    isRequired(): Promise<boolean>;
-    isChecked(): Promise<boolean>;
-}
-
-export declare abstract class _MatSlideToggleHarnessBase extends ComponentHarness {
-    private _label;
-    protected abstract _nativeElement: AsyncFactoryFn<TestElement>;
     /** Toggle the checked state of the slide-toggle. */
-    abstract toggle(): Promise<void>;
+    toggle(): Promise<void>;
     /** Whether the slide-toggle is checked. */
-    abstract isChecked(): Promise<boolean>;
+    isChecked(): Promise<boolean>;
     /** Whether the slide-toggle is disabled. */
     isDisabled(): Promise<boolean>;
     /** Whether the slide-toggle is required. */