@angular/material-experimental 14.0.0-next.9 → 14.0.0-rc.2

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-private.scss

@@ -1,5 +1,6 @@
 @use 'sass:map';
 @use 'sass:color';
+@use '@angular/material' as mat;
 @use '@material/checkbox/checkbox-theme' as mdc-checkbox-theme;
 @use '@material/theme/theme-color' as mdc-theme-color;
 
@@ -22,10 +23,16 @@ $private-checkbox-theme-config: map.merge(mdc-checkbox-theme.$light-theme, (
 
 // Mixin that includes the checkbox theme styles with a given palette.
 // By default, the MDC checkbox always uses the `secondary` palette.
-@mixin private-checkbox-styles-with-color($color, $mdc-color) {
+@mixin private-checkbox-styles-with-color($color-config, $color, $mdc-color) {
+  $is-dark: map-get($color-config, is-dark);
   $on-surface: mdc-theme-color.prop-value(on-surface);
   $border-color: rgba($on-surface, color.opacity(mdc-checkbox-theme.$border-color));
   $disabled-color: rgba($on-surface, color.opacity(mdc-checkbox-theme.$disabled-color));
+  $active-border-color: if(
+          $is-dark,
+          mat.get-color-from-palette(mat.$gray-palette, 200),
+          mat.get-color-from-palette(mat.$gray-palette, 900)
+  );
 
   @include mdc-checkbox-theme.theme((
     selected-checkmark-color: mdc-theme-color.prop-value(on-#{$mdc-color}),
@@ -34,8 +41,8 @@ $private-checkbox-theme-config: map.merge(mdc-checkbox-theme.$light-theme, (
     selected-hover-icon-color: $color,
     selected-icon-color: $color,
     selected-pressed-icon-color: $color,
-    unselected-focus-icon-color: $color,
-    unselected-hover-icon-color: $color,
+    unselected-focus-icon-color: $active-border-color,
+    unselected-hover-icon-color: $active-border-color,
 
     disabled-selected-icon-color: $disabled-color,
     disabled-unselected-icon-color: $disabled-color,

package/mdc-checkbox/_checkbox-theme.scss

@@ -51,17 +51,17 @@
       // class for accent and warn style, and applying the appropriate overrides below. Since we
       // don't use MDC's ripple, we also need to set the color for our replacement ripple.
       &.mat-primary {
-        @include checkbox-private.private-checkbox-styles-with-color($primary, primary);
+        @include checkbox-private.private-checkbox-styles-with-color($config, $primary, primary);
         @include _selected-ripple-colors($primary, primary);
       }
 
       &.mat-accent {
-        @include checkbox-private.private-checkbox-styles-with-color($accent, secondary);
+        @include checkbox-private.private-checkbox-styles-with-color($config, $accent, secondary);
         @include _selected-ripple-colors($accent, secondary);
       }
 
       &.mat-warn {
-        @include checkbox-private.private-checkbox-styles-with-color($warn, error);
+        @include checkbox-private.private-checkbox-styles-with-color($config, $warn, error);
         @include _selected-ripple-colors($warn, error);
       }
     }

package/mdc-checkbox/index.d.ts

@@ -1,8 +1,79 @@
-/**
- * @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 { CanColor } from '@angular/material-experimental/mdc-core';
+import { CanDisable } from '@angular/material-experimental/mdc-core';
+import { ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ElementRef } 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 { _MatCheckboxBase } 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 { NgZone } 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<MatCheckboxChange> implements ControlValueAccessor, CanColor, CanDisable {
+    protected _animationClasses: {
+        uncheckedToChecked: string;
+        uncheckedToIndeterminate: string;
+        checkedToUnchecked: string;
+        checkedToIndeterminate: string;
+        indeterminateToChecked: string;
+        indeterminateToUnchecked: string;
+    };
+    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, ngZone: NgZone, tabIndex: string, animationMode?: string, options?: MatCheckboxDefaultOptions);
+    /** Focuses the checkbox. */
+    focus(): void;
+    protected _createChangeEvent(isChecked: boolean): MatCheckboxChange;
+    protected _getAnimationTargetElement(): HTMLInputElement;
+    _onInputClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckbox, [null, null, null, { attribute: "tabindex"; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatCheckbox, "mat-checkbox", ["matCheckbox"], { "disableRipple": "disableRipple"; "color": "color"; "tabIndex": "tabIndex"; }, {}, never, ["*"], false>;
+}
+
+/** 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 { }

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

@@ -1,8 +1,28 @@
-/**
- * @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 { AsyncFactoryFn } from '@angular/cdk/testing';
+import { CheckboxHarnessFilters } from '@angular/material/checkbox/testing';
+import { ComponentHarnessConstructor } from '@angular/cdk/testing';
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { _MatCheckboxHarnessBase } from '@angular/material/checkbox/testing';
+import { TestElement } from '@angular/cdk/testing';
+
+export { CheckboxHarnessFilters }
+
+/** Harness for interacting with a MDC-based mat-checkbox in tests. */
+export declare class MatCheckboxHarness extends _MatCheckboxHarnessBase {
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a checkbox with specific attributes.
+     * @param options Options for narrowing the search:
+     *   - `selector` finds a checkbox whose host element matches the given selector.
+     *   - `label` finds a checkbox with specific label text.
+     *   - `name` finds a checkbox with specific name.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with<T extends MatCheckboxHarness>(this: ComponentHarnessConstructor<T>, options?: CheckboxHarnessFilters): HarnessPredicate<T>;
+    protected _input: AsyncFactoryFn<TestElement>;
+    protected _label: AsyncFactoryFn<TestElement>;
+    private _inputContainer;
+    toggle(): Promise<void>;
+}
+
+export { }