@angular/material-experimental 14.0.0-next.7 → 14.0.0-rc.0

package/mdc-button/testing/index.d.ts

@@ -1,8 +1,41 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-export * from './public-api';
+import { ButtonHarnessFilters } from '@angular/material/button/testing';
+import { ComponentHarnessConstructor } from '@angular/cdk/testing';
+import { ContentContainerComponentHarness } from '@angular/cdk/testing';
+import { HarnessPredicate } from '@angular/cdk/testing';
+
+export { ButtonHarnessFilters }
+
+/** Harness for interacting with a MDC-based mat-button in tests. */
+export declare class MatButtonHarness extends ContentContainerComponentHarness {
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a button with specific attributes.
+     * @param options Options for narrowing the search:
+     *   - `selector` finds a button whose host element matches the given selector.
+     *   - `text` finds a button with specific text content.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with<T extends MatButtonHarness>(this: ComponentHarnessConstructor<T>, options?: ButtonHarnessFilters): HarnessPredicate<T>;
+    /**
+     * Clicks the button at the given position relative to its top-left.
+     * @param relativeX The relative x position of the click.
+     * @param relativeY The relative y position of the click.
+     */
+    click(relativeX: number, relativeY: number): Promise<void>;
+    /** Clicks the button at its center. */
+    click(location: 'center'): Promise<void>;
+    /** Clicks the button. */
+    click(): Promise<void>;
+    /** Gets a boolean promise indicating if the button is disabled. */
+    isDisabled(): Promise<boolean>;
+    /** Gets a promise for the button's label text. */
+    getText(): Promise<string>;
+    /** Focuses the button and returns a void promise that indicates when the action is complete. */
+    focus(): Promise<void>;
+    /** Blurs the button and returns a void promise that indicates when the action is complete. */
+    blur(): Promise<void>;
+    /** Whether the button is focused. */
+    isFocused(): Promise<boolean>;
+}
+
+export { }

package/mdc-card/_card-theme.scss

@@ -1,14 +1,14 @@
+@use '@angular/material' as mat;
 @use '@material/card' as mdc-card;
 @use '@material/typography' as mdc-typography;
 @use '@material/theme/theme-color' as mdc-theme-color;
 @use 'sass:color';
 @use 'sass:map';
+
 @use '../mdc-helpers/mdc-helpers';
-@use '../../material/core/typography/typography';
-@use '../../material/core/theming/theming';
 
 @mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
+  $config: mat.get-color-config($config-or-theme);
   $foreground: map.get($config, foreground);
   $is-dark-theme: map.get($config, is-dark);
 
@@ -26,7 +26,7 @@
     // Card subtitles are an Angular Material construct (not MDC), so we explicitly set their
     // color to secondary text here.
     .mat-mdc-card-subtitle {
-      color: theming.get-color-from-palette($foreground, secondary-text);
+      color: mat.get-color-from-palette($foreground, secondary-text);
     }
   }
 
@@ -35,8 +35,8 @@
 }
 
 @mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2018-config(
-      theming.get-typography-config($config-or-theme));
+  $config: mat.private-typography-to-2018-config(
+      mat.get-typography-config($config-or-theme));
   @include mdc-helpers.mat-using-mdc-typography($config) {
     @include mdc-card.without-ripple($query: mdc-helpers.$mat-typography-styles-query);
 
@@ -55,11 +55,11 @@
 @mixin density($config-or-theme) {}
 
 @mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
-  @include theming.private-check-duplicate-theme-styles($theme, 'mat-mdc-card') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
+  $theme: mat.private-legacy-get-theme($theme-or-color-config);
+  @include mat.private-check-duplicate-theme-styles($theme, 'mat-mdc-card') {
+    $color: mat.get-color-config($theme);
+    $density: mat.get-density-config($theme);
+    $typography: mat.get-typography-config($theme);
 
     @if $color != null {
       @include color($color);

package/mdc-card/index.d.ts

@@ -1,8 +1,194 @@
+import * as i0 from '@angular/core';
+import * as i2 from '@angular/material-experimental/mdc-core';
+import * as i3 from '@angular/common';
+import { InjectionToken } from '@angular/core';
+
+declare namespace i1 {
+    export {
+        MatCardAppearance,
+        MatCardConfig,
+        MAT_CARD_CONFIG,
+        MatCard,
+        MatCardTitle,
+        MatCardTitleGroup,
+        MatCardContent,
+        MatCardSubtitle,
+        MatCardActions,
+        MatCardHeader,
+        MatCardFooter,
+        MatCardImage,
+        MatCardSmImage,
+        MatCardMdImage,
+        MatCardLgImage,
+        MatCardXlImage,
+        MatCardAvatar
+    }
+}
+
+/** Injection token that can be used to provide the default options the card module. */
+export declare const MAT_CARD_CONFIG: InjectionToken<MatCardConfig>;
+
 /**
- * @license
- * Copyright Google LLC All Rights Reserved.
+ * Material Design card component. Cards contain content and actions about a single subject.
+ * See https://material.io/design/components/cards.html
  *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
+ * MatCard provides no behaviors, instead serving as a purely visual treatment.
  */
-export * from './public-api';
+export declare class MatCard {
+    appearance: MatCardAppearance;
+    constructor(config?: MatCardConfig);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCard, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatCard, "mat-card", ["matCard"], { "appearance": "appearance"; }, {}, never, ["*"], false>;
+}
+
+/**
+ * Bottom area of a card that contains action buttons, intended for use within `<mat-card>`.
+ * This component is an optional convenience for use with other convenience elements, such as
+ * `<mat-card-content>`; any custom action block element may be used in its place.
+ *
+ * MatCardActions provides no behaviors, instead serving as a purely visual treatment.
+ */
+export declare class MatCardActions {
+    /** Position of the actions inside the card. */
+    align: 'start' | 'end';
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardActions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardActions, "mat-card-actions", ["matCardActions"], { "align": "align"; }, {}, never, never, false>;
+}
+
+export declare type MatCardAppearance = 'outlined' | 'raised';
+
+/**
+ * Avatar image content for a card, intended for use within `<mat-card>`. Can be applied to
+ * any media element, such as `<img>` or `<picture>`.
+ *
+ * This component is an optional convenience for use with other convenience elements, such as
+ * `<mat-card-title>`; any custom media element may be used in its place.
+ *
+ * MatCardAvatar provides no behaviors, instead serving as a purely visual treatment.
+ */
+export declare class MatCardAvatar {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardAvatar, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardAvatar, "[mat-card-avatar], [matCardAvatar]", never, {}, {}, never, never, false>;
+}
+
+/** Object that can be used to configure the default options for the card module. */
+export declare interface MatCardConfig {
+    /** Default appearance for cards. */
+    appearance?: MatCardAppearance;
+}
+
+/**
+ * Content of a card, intended for use within `<mat-card>`. This component is an optional
+ * convenience for use with other convenience elements, such as `<mat-card-title>`; any custom
+ * content block element may be used in its place.
+ *
+ * MatCardContent provides no behaviors, instead serving as a purely visual treatment.
+ */
+export declare class MatCardContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardContent, "mat-card-content", never, {}, {}, never, never, false>;
+}
+
+/**
+ * Footer area a card, intended for use within `<mat-card>`.
+ * This component is an optional convenience for use with other convenience elements, such as
+ * `<mat-card-content>`; any custom footer block element may be used in its place.
+ *
+ * MatCardFooter provides no behaviors, instead serving as a purely visual treatment.
+ */
+export declare class MatCardFooter {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardFooter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardFooter, "mat-card-footer", never, {}, {}, never, never, false>;
+}
+
+/**
+ * Header region of a card, intended for use within `<mat-card>`. This header captures
+ * a card title, subtitle, and avatar.  This component is an optional convenience for use with
+ * other convenience elements, such as `<mat-card-footer>`; any custom header block element may be
+ * used in its place.
+ *
+ * MatCardHeader provides no behaviors, instead serving as a purely visual treatment.
+ */
+export declare class MatCardHeader {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatCardHeader, "mat-card-header", never, {}, {}, never, ["[mat-card-avatar], [matCardAvatar]", "mat-card-title, mat-card-subtitle,\n      [mat-card-title], [mat-card-subtitle],\n      [matCardTitle], [matCardSubtitle]", "*"], false>;
+}
+
+/**
+ * Primary image content for a card, intended for use within `<mat-card>`. Can be applied to
+ * any media element, such as `<img>` or `<picture>`.
+ *
+ * This component is an optional convenience for use with other convenience elements, such as
+ * `<mat-card-content>`; any custom media element may be used in its place.
+ *
+ * MatCardImage provides no behaviors, instead serving as a purely visual treatment.
+ */
+export declare class MatCardImage {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardImage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardImage, "[mat-card-image], [matCardImage]", never, {}, {}, never, never, false>;
+}
+
+/** Same as `MatCardImage`, but large. */
+export declare class MatCardLgImage {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardLgImage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardLgImage, "[mat-card-lg-image], [matCardImageLarge]", never, {}, {}, never, never, false>;
+}
+
+/** Same as `MatCardImage`, but medium. */
+export declare class MatCardMdImage {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardMdImage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardMdImage, "[mat-card-md-image], [matCardImageMedium]", never, {}, {}, never, never, false>;
+}
+
+export declare class MatCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatCardModule, [typeof i1.MatCard, typeof i1.MatCardActions, typeof i1.MatCardAvatar, typeof i1.MatCardContent, typeof i1.MatCardFooter, typeof i1.MatCardHeader, typeof i1.MatCardImage, typeof i1.MatCardLgImage, typeof i1.MatCardMdImage, typeof i1.MatCardSmImage, typeof i1.MatCardSubtitle, typeof i1.MatCardTitle, typeof i1.MatCardTitleGroup, typeof i1.MatCardXlImage], [typeof i2.MatCommonModule, typeof i3.CommonModule], [typeof i1.MatCard, typeof i1.MatCardActions, typeof i1.MatCardAvatar, typeof i1.MatCardContent, typeof i1.MatCardFooter, typeof i1.MatCardHeader, typeof i1.MatCardImage, typeof i1.MatCardLgImage, typeof i1.MatCardMdImage, typeof i1.MatCardSmImage, typeof i1.MatCardSubtitle, typeof i1.MatCardTitle, typeof i1.MatCardTitleGroup, typeof i1.MatCardXlImage, typeof i2.MatCommonModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatCardModule>;
+}
+
+/** Same as `MatCardImage`, but small. */
+export declare class MatCardSmImage {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardSmImage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardSmImage, "[mat-card-sm-image], [matCardImageSmall]", never, {}, {}, never, never, false>;
+}
+
+/**
+ * Sub-title of a card, intended for use within `<mat-card>` beneath a `<mat-card-title>`. This
+ * component is an optional convenience for use with other convenience elements, such as
+ * `<mat-card-title>`.
+ *
+ * MatCardSubtitle provides no behaviors, instead serving as a purely visual treatment.
+ */
+export declare class MatCardSubtitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardSubtitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardSubtitle, "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]", never, {}, {}, never, never, false>;
+}
+
+/**
+ * Title of a card, intended for use within `<mat-card>`. This component is an optional
+ * convenience for one variety of card title; any custom title element may be used in its place.
+ *
+ * MatCardTitle provides no behaviors, instead serving as a purely visual treatment.
+ */
+export declare class MatCardTitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardTitle, "mat-card-title, [mat-card-title], [matCardTitle]", never, {}, {}, never, never, false>;
+}
+
+/**
+ * Container intended to be used within the `<mat-card>` component. Can contain exactly one
+ * `<mat-card-title>`, one `<mat-card-subtitle>` and one content image of any size
+ * (e.g. `<img matCardLgImage>`).
+ */
+export declare class MatCardTitleGroup {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardTitleGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatCardTitleGroup, "mat-card-title-group", never, {}, {}, never, ["mat-card-title, mat-card-subtitle,\n      [mat-card-title], [mat-card-subtitle],\n      [matCardTitle], [matCardSubtitle]", "[mat-card-image], [matCardImage],\n                    [mat-card-sm-image], [matCardImageSmall],\n                    [mat-card-md-image], [matCardImageMedium],\n                    [mat-card-lg-image], [matCardImageLarge],\n                    [mat-card-xl-image], [matCardImageXLarge]", "*"], false>;
+}
+
+/** Same as `MatCardImage`, but extra-large. */
+export declare class MatCardXlImage {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCardXlImage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCardXlImage, "[mat-card-xl-image], [matCardImageXLarge]", never, {}, {}, never, never, false>;
+}
+
+export { }

package/mdc-card/testing/index.d.ts

@@ -1,8 +1,44 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-export * from './public-api';
+import { BaseHarnessFilters } from '@angular/cdk/testing';
+import { ComponentHarnessConstructor } from '@angular/cdk/testing';
+import { ContentContainerComponentHarness } from '@angular/cdk/testing';
+import { HarnessPredicate } from '@angular/cdk/testing';
+
+/** A set of criteria that can be used to filter a list of `MatCardHarness` instances. */
+export declare interface CardHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose text matches the given value. */
+    text?: string | RegExp;
+    /** Only find instances whose title matches the given value. */
+    title?: string | RegExp;
+    /** Only find instances whose subtitle matches the given value. */
+    subtitle?: string | RegExp;
+}
+
+/** Harness for interacting with an MDC-based mat-card in tests. */
+export declare class MatCardHarness extends ContentContainerComponentHarness<MatCardSection> {
+    /** The selector for the host element of a `MatCard` instance. */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a card with specific attributes.
+     * @param options Options for filtering which card instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with<T extends MatCardHarness>(this: ComponentHarnessConstructor<T>, options?: CardHarnessFilters): HarnessPredicate<T>;
+    private _title;
+    private _subtitle;
+    /** Gets all of the card's content as text. */
+    getText(): Promise<string>;
+    /** Gets the cards's title text. */
+    getTitleText(): Promise<string>;
+    /** Gets the cards's subtitle text. */
+    getSubtitleText(): Promise<string>;
+}
+
+/** Selectors for different sections of the mat-card that can container user content. */
+export declare const enum MatCardSection {
+    HEADER = ".mat-mdc-card-header",
+    CONTENT = ".mat-mdc-card-content",
+    ACTIONS = ".mat-mdc-card-actions",
+    FOOTER = ".mat-mdc-card-footer"
+}
+
+export { }

package/mdc-checkbox/_checkbox-theme.scss

@@ -1,3 +1,4 @@
+@use '@angular/material' as mat;
 @use '@material/checkbox/checkbox' as mdc-checkbox;
 @use '@material/checkbox/checkbox-theme' as mdc-checkbox-theme;
 @use '@material/form-field' as mdc-form-field;
@@ -5,10 +6,8 @@
 @use '@material/theme/theme';
 @use 'sass:map';
 @use 'sass:color';
+
 @use '../mdc-helpers/mdc-helpers';
-@use '../../material/core/typography/typography';
-@use '../../material/core/theming/theming';
-@use '../../material/core/ripple/ripple-theme';
 @use './checkbox-private';
 
 // Apply ripple colors to the MatRipple element and the MDC ripple element when the
@@ -16,7 +15,7 @@
 @mixin _selected-ripple-colors($theme, $mdc-color) {
   .mdc-checkbox--selected ~ {
     .mat-mdc-checkbox-ripple {
-      @include ripple-theme.color((
+      @include mat.ripple-color((
           foreground: (
               base: mdc-theme-color.prop-value($mdc-color)
           ),
@@ -30,15 +29,15 @@
 }
 
 @mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  $primary: theming.get-color-from-palette(map.get($config, primary));
-  $accent: theming.get-color-from-palette(map.get($config, accent));
-  $warn: theming.get-color-from-palette(map.get($config, warn));
+  $config: mat.get-color-config($config-or-theme);
+  $primary: mat.get-color-from-palette(map.get($config, primary));
+  $accent: mat.get-color-from-palette(map.get($config, accent));
+  $warn: mat.get-color-from-palette(map.get($config, warn));
 
   @include mdc-helpers.mat-using-mdc-theme($config) {
     .mat-mdc-checkbox {
       @include mdc-form-field.core-styles($query: mdc-helpers.$mat-theme-styles-query);
-      @include ripple-theme.color((
+      @include mat.ripple-color((
         foreground: (
           base: mdc-theme-color.prop-value(on-surface)
         ),
@@ -70,8 +69,8 @@
 }
 
 @mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2018-config(
-      theming.get-typography-config($config-or-theme));
+  $config: mat.private-typography-to-2018-config(
+      mat.get-typography-config($config-or-theme));
   @include mdc-helpers.mat-using-mdc-typography($config) {
     @include mdc-checkbox.without-ripple($query: mdc-helpers.$mat-typography-styles-query);
     @include mdc-form-field.core-styles($query: mdc-helpers.$mat-typography-styles-query);
@@ -79,7 +78,7 @@
 }
 
 @mixin density($config-or-theme) {
-  $density-scale: theming.get-density-config($config-or-theme);
+  $density-scale: mat.get-density-config($config-or-theme);
 
   @include mdc-helpers.disable-fallback-declarations {
     .mat-mdc-checkbox .mdc-checkbox {
@@ -98,11 +97,11 @@
 }
 
 @mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
-  @include theming.private-check-duplicate-theme-styles($theme, 'mat-mdc-checkbox') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
+  $theme: mat.private-legacy-get-theme($theme-or-color-config);
+  @include mat.private-check-duplicate-theme-styles($theme, 'mat-mdc-checkbox') {
+    $color: mat.get-color-config($theme);
+    $density: mat.get-density-config($theme);
+    $typography: mat.get-typography-config($theme);
 
     @if $color != null {
       @include color($color);

package/mdc-checkbox/index.d.ts

@@ -1,8 +1,200 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-export * from './public-api';
+import { _AbstractConstructor } from '@angular/material-experimental/mdc-core';
+import { AfterViewInit } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { CanColor } from '@angular/material-experimental/mdc-core';
+import { CanDisable } from '@angular/material-experimental/mdc-core';
+import { ChangeDetectorRef } from '@angular/core';
+import { _Constructor } from '@angular/material-experimental/mdc-core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ElementRef } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import * as i0 from '@angular/core';
+import * as i2 from '@angular/material-experimental/mdc-core';
+import * as i3 from '@angular/material/checkbox';
+import { MAT_CHECKBOX_DEFAULT_OPTIONS } from '@angular/material/checkbox';
+import { MAT_CHECKBOX_DEFAULT_OPTIONS_FACTORY } from '@angular/material/checkbox';
+import { MAT_CHECKBOX_REQUIRED_VALIDATOR } from '@angular/material/checkbox';
+import { MatCheckboxClickAction } from '@angular/material/checkbox';
+import { MatCheckboxDefaultOptions } from '@angular/material/checkbox';
+import { MatCheckboxRequiredValidator } from '@angular/material/checkbox';
+import { _MatCheckboxRequiredValidatorModule } from '@angular/material/checkbox';
+import { MatRipple } from '@angular/material-experimental/mdc-core';
+import { MDCCheckboxFoundation } from '@material/checkbox';
+import { OnDestroy } from '@angular/core';
+import { TransitionCheckState } from '@angular/material/checkbox';
+
+declare namespace i1 {
+    export {
+        MAT_CHECKBOX_CONTROL_VALUE_ACCESSOR,
+        MatCheckboxChange,
+        MatCheckbox
+    }
+}
+
+export declare const MAT_CHECKBOX_CONTROL_VALUE_ACCESSOR: any;
+
+export { MAT_CHECKBOX_DEFAULT_OPTIONS }
+
+export { MAT_CHECKBOX_DEFAULT_OPTIONS_FACTORY }
+
+export { MAT_CHECKBOX_REQUIRED_VALIDATOR }
+
+export declare class MatCheckbox extends _MatCheckboxBase implements AfterViewInit, OnDestroy, ControlValueAccessor, CanColor, CanDisable {
+    private _changeDetectorRef;
+    _animationMode?: string | undefined;
+    private _options?;
+    /**
+     * The `aria-label` attribute to use for the input element. In most cases, `aria-labelledby` will
+     * take precedence so this may be omitted.
+     */
+    ariaLabel: string;
+    /** The `aria-labelledby` attribute to use for the input element. */
+    ariaLabelledby: string | null;
+    /** The 'aria-describedby' attribute is read after the element's label and field type. */
+    ariaDescribedby: string;
+    /** Whether the label should appear after or before the checkbox. Defaults to 'after'. */
+    labelPosition: 'before' | 'after';
+    /** The `name` attribute to use for the input element. */
+    name: string | null;
+    /** The `tabindex` attribute to use for the input element. */
+    tabIndex: number;
+    /** The `value` attribute to use for the input element */
+    value: string;
+    private _uniqueId;
+    /** A unique id for the checkbox. If none is supplied, it will be auto-generated. */
+    id: string;
+    /** Whether the checkbox is checked. */
+    get checked(): boolean;
+    set checked(checked: BooleanInput);
+    private _checked;
+    /**
+     * Whether the checkbox is indeterminate. This is also known as "mixed" mode and can be used to
+     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
+     * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately
+     * set to false.
+     */
+    get indeterminate(): boolean;
+    set indeterminate(indeterminate: BooleanInput);
+    private _indeterminate;
+    /** Whether the checkbox is required. */
+    get required(): boolean;
+    set required(required: BooleanInput);
+    private _required;
+    /** Whether to disable the ripple on this checkbox. */
+    get disableRipple(): boolean;
+    set disableRipple(disableRipple: BooleanInput);
+    private _disableRipple;
+    /** Event emitted when the checkbox's `checked` value changes. */
+    readonly change: EventEmitter<MatCheckboxChange>;
+    /** Event emitted when the checkbox's `indeterminate` value changes. */
+    readonly indeterminateChange: EventEmitter<boolean>;
+    /** The root element for the `MDCCheckbox`. */
+    _checkbox: ElementRef<HTMLElement>;
+    /** The native input element. */
+    _nativeCheckbox: ElementRef<HTMLInputElement>;
+    /** The native label element. */
+    _label: ElementRef<HTMLElement>;
+    /** Reference to the ripple instance of the checkbox. */
+    ripple: MatRipple;
+    /** Returns the unique id for the visual hidden input. */
+    get inputId(): string;
+    /** The `MDCCheckboxFoundation` instance for this checkbox. */
+    _checkboxFoundation: MDCCheckboxFoundation;
+    /** ControlValueAccessor onChange */
+    private _cvaOnChange;
+    /** ControlValueAccessor onTouch */
+    private _cvaOnTouch;
+    /**
+     * A list of attributes that should not be modified by `MDCFoundation` classes.
+     *
+     * MDC uses animation events to determine when to update `aria-checked` which is unreliable.
+     * Therefore we disable it and handle it ourselves.
+     */
+    private _mdcFoundationIgnoredAttrs;
+    /** The `MDCCheckboxAdapter` instance for this checkbox. */
+    private _checkboxAdapter;
+    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, tabIndex: string, _animationMode?: string | undefined, _options?: MatCheckboxDefaultOptions | undefined);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Implemented as part of `ControlValueAccessor`
+     * @docs-private
+     */
+    registerOnChange(fn: (checked: boolean) => void): void;
+    /**
+     * Implemented as part of `ControlValueAccessor`
+     * @docs-private
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Implemented as part of `ControlValueAccessor`
+     * @docs-private
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Implemented as part of `ControlValueAccessor`
+     * @docs-private
+     */
+    writeValue(value: any): void;
+    /** Focuses the checkbox. */
+    focus(): void;
+    /** Toggles the `checked` state of the checkbox. */
+    toggle(): void;
+    /** Handles blur events on the native input. */
+    _onBlur(): void;
+    /**
+     * Handles click events on the native input.
+     *
+     * Note: we must listen to the `click` event rather than the `change` event because IE & Edge do
+     * not actually change the checked state when the user clicks an indeterminate checkbox. By
+     * listening to `click` instead we can override and normalize the behavior to change the checked
+     * state like other browsers do.
+     */
+    _onClick(): void;
+    /** Gets the value for the `aria-checked` attribute of the native input. */
+    _getAriaChecked(): 'true' | 'false' | 'mixed';
+    /**
+     * Syncs the indeterminate value with the checkbox DOM node.
+     *
+     * We sync `indeterminate` directly on the DOM node, because in Ivy the check for whether a
+     * property is supported on an element boils down to `if (propName in element)`. Domino's
+     * HTMLInputElement doesn't have an `indeterminate` property so Ivy will warn during
+     * server-side rendering.
+     */
+    private _syncIndeterminate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckbox, [null, null, { attribute: "tabindex"; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatCheckbox, "mat-checkbox", ["matCheckbox"], { "color": "color"; "disabled": "disabled"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "labelPosition": "labelPosition"; "name": "name"; "tabIndex": "tabIndex"; "value": "value"; "id": "id"; "checked": "checked"; "indeterminate": "indeterminate"; "required": "required"; "disableRipple": "disableRipple"; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*"], false>;
+}
+
+/** @docs-private */
+declare const _MatCheckboxBase: _Constructor<CanColor> & _AbstractConstructor<CanColor> & _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & {
+    new (_elementRef: ElementRef): {
+        _elementRef: ElementRef;
+    };
+};
+
+/** Change event object emitted by MatCheckbox. */
+export declare class MatCheckboxChange {
+    /** The source MatCheckbox of the event. */
+    source: MatCheckbox;
+    /** The new `checked` value of the checkbox. */
+    checked: boolean;
+}
+
+export { MatCheckboxClickAction }
+
+export { MatCheckboxDefaultOptions }
+
+export declare class MatCheckboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatCheckboxModule, [typeof i1.MatCheckbox], [typeof i2.MatCommonModule, typeof i2.MatRippleModule, typeof i3._MatCheckboxRequiredValidatorModule], [typeof i1.MatCheckbox, typeof i2.MatCommonModule, typeof i3._MatCheckboxRequiredValidatorModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatCheckboxModule>;
+}
+
+export { MatCheckboxRequiredValidator }
+
+export { _MatCheckboxRequiredValidatorModule }
+
+export { TransitionCheckState }
+
+export { }