@angular/material 16.2.0 → 17.0.0-next.0

package/legacy-form-field/testing/index.d.ts

@@ -1,76 +0,0 @@
-import { AsyncFactoryFn } from '@angular/cdk/testing';
-import { ComponentHarnessConstructor } from '@angular/cdk/testing';
-import { HarnessPredicate } from '@angular/cdk/testing';
-import { ErrorHarnessFilters as LegacyErrorHarnessFilters } from '@angular/material/form-field/testing';
-import { FormFieldHarnessFilters as LegacyFormFieldHarnessFilters } from '@angular/material/form-field/testing';
-import { MatDatepickerInputHarness } from '@angular/material/datepicker/testing';
-import { MatDateRangeInputHarness } from '@angular/material/datepicker/testing';
-import { _MatErrorHarnessBase } from '@angular/material/form-field/testing';
-import { _MatFormFieldHarnessBase } from '@angular/material/form-field/testing';
-import { MatFormFieldControlHarness as MatLegacyFormFieldControlHarness } from '@angular/material/form-field/testing/control';
-import { MatLegacyInputHarness } from '@angular/material/legacy-input/testing';
-import { MatLegacySelectHarness } from '@angular/material/legacy-select/testing';
-import { TestElement } from '@angular/cdk/testing';
-
-export { LegacyErrorHarnessFilters }
-
-/**
- * Possible harnesses of controls which can be bound to a form-field.
- * @deprecated Use `FormFieldControlHarness` from `@angular/material/form-field/testing` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare type LegacyFormFieldControlHarness = MatLegacyInputHarness | MatLegacySelectHarness | MatDatepickerInputHarness | MatDateRangeInputHarness;
-
-export { LegacyFormFieldHarnessFilters }
-
-/**
- * Harness for interacting with a `mat-error` in tests.
- * @deprecated Use `MatErrorHarness` from `@angular/material/form-field/testing` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyErrorHarness extends _MatErrorHarnessBase {
-    static hostSelector: string;
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for an error with specific
-     * attributes.
-     * @param options Options for filtering which error instances are considered a match.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with<T extends MatLegacyErrorHarness>(this: ComponentHarnessConstructor<T>, options?: LegacyErrorHarnessFilters): HarnessPredicate<T>;
-}
-
-export { MatLegacyFormFieldControlHarness }
-
-/**
- * Harness for interacting with a standard Material form-field's in tests.
- * @deprecated Use `MatFormFieldHarness` from `@angular/material/form-field/testing` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyFormFieldHarness extends _MatFormFieldHarnessBase<LegacyFormFieldControlHarness, typeof MatLegacyErrorHarness> {
-    static hostSelector: string;
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a `MatFormFieldHarness` that meets
-     * certain criteria.
-     * @param options Options for filtering which form field instances are considered a match.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with(options?: LegacyFormFieldHarnessFilters): HarnessPredicate<MatLegacyFormFieldHarness>;
-    protected _prefixContainer: AsyncFactoryFn<TestElement | null>;
-    protected _suffixContainer: AsyncFactoryFn<TestElement | null>;
-    protected _label: AsyncFactoryFn<TestElement | null>;
-    protected _errors: AsyncFactoryFn<TestElement[]>;
-    protected _hints: AsyncFactoryFn<TestElement[]>;
-    protected _inputControl: AsyncFactoryFn<MatLegacyInputHarness | null>;
-    protected _selectControl: AsyncFactoryFn<MatLegacySelectHarness | null>;
-    protected _datepickerInputControl: AsyncFactoryFn<MatDatepickerInputHarness | null>;
-    protected _dateRangeInputControl: AsyncFactoryFn<MatDateRangeInputHarness | null>;
-    protected _errorHarness: typeof MatLegacyErrorHarness;
-    /** Gets the appearance of the form-field. */
-    getAppearance(): Promise<'legacy' | 'standard' | 'fill' | 'outline'>;
-    /** Whether the form-field has a label. */
-    hasLabel(): Promise<boolean>;
-    /** Whether the label is currently floating. */
-    isLabelFloating(): Promise<boolean>;
-}
-
-export { }

package/legacy-input/_input-legacy-index.scss

@@ -1,2 +0,0 @@
-@forward 'input-theme' hide color, theme, typography;
-@forward 'input-theme' as mat-legacy-input-* hide mat-legacy-input-density;

package/legacy-input/_input-theme.import.scss

@@ -1,11 +0,0 @@
-@forward '../core/style/form-common.import';
-@forward '../core/typography/typography-utils.import';
-@forward '../core/style/vendor-prefixes.import';
-@forward 'input-theme' hide color, theme, typography;
-@forward 'input-theme' as mat-legacy-input-* hide mat-legacy-input-density;
-
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-@import '../core/style/form-common';
-@import '../core/typography/typography-utils';
-@import '../core/style/vendor-prefixes';

package/legacy-input/_input-theme.scss

@@ -1,115 +0,0 @@
-@use 'sass:map';
-@use 'sass:math';
-@use '../core/theming/palette';
-@use '../core/theming/theming';
-@use '../core/style/form-common';
-@use '../core/typography/typography';
-@use '../core/typography/typography-utils';
-@use '../core/style/vendor-prefixes';
-
-
-/// @deprecated Use `mat.input-color` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@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);
-  $foreground: map.get($config, foreground);
-
-  .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
-    color: theming.get-color-from-palette($foreground, secondary-text);
-  }
-
-  .mat-input-element:disabled,
-  .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
-    color: theming.get-color-from-palette($foreground, disabled-text);
-  }
-
-  .mat-input-element {
-    caret-color: theming.get-color-from-palette($primary, text);
-
-    @include vendor-prefixes.input-placeholder {
-      color: form-common.private-control-placeholder-color($config);
-    }
-
-    // On dark themes we set the native `select` color to some shade of white,
-    // however the color propagates to all of the `option` elements, which are
-    // always on a white background inside the dropdown, causing them to blend in.
-    // Since we can't change background of the dropdown, we need to explicitly
-    // reset the color of the options to something dark.
-    @if (map.get($config, is-dark)) {
-      &:not(.mat-native-select-inline) {
-        option {
-          color: palette.$dark-primary-text;
-        }
-
-        option:disabled {
-          color: palette.$dark-disabled-text;
-        }
-      }
-    }
-  }
-
-  .mat-form-field.mat-accent .mat-input-element {
-    caret-color: theming.get-color-from-palette($accent, text);
-  }
-
-  .mat-form-field.mat-warn .mat-input-element,
-  .mat-form-field-invalid .mat-input-element {
-    caret-color: theming.get-color-from-palette($warn, text);
-  }
-
-  .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
-    color: theming.get-color-from-palette($warn, text);
-  }
-
-  .mat-form-field-disabled {
-    .mat-form-field-prefix,
-    .mat-form-field-suffix {
-      color: theming.get-color-from-palette($foreground, disabled-text);
-    }
-  }
-}
-
-/// @deprecated Use `mat.input-typography` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2014-config(
-      theming.get-typography-config($config-or-theme));
-  // The unit-less line-height from the font config.
-  $line-height: typography-utils.line-height($config, input);
-
-  // The amount of space between the top of the line and the top of the actual text
-  // (as a fraction of the font-size).
-  $line-spacing: math.div($line-height - 1, 2);
-
-  // <input> elements seem to have their height set slightly too large on Safari causing the text to
-  // be misaligned w.r.t. the placeholder. Adding this margin corrects it.
-  input.mat-input-element {
-    margin-top: typography-utils.private-coerce-unitless-to-em(-$line-spacing);
-  }
-}
-
-@mixin _density($config-or-theme) {}
-
-/// @deprecated Use `mat.input-theme` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@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-legacy-input') {
-    $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 $density != null {
-      @include _density($density);
-    }
-    @if $typography != null {
-      @include typography($typography);
-    }
-  }
-}

package/legacy-input/index.d.ts

@@ -1,41 +0,0 @@
-import { getMatInputUnsupportedTypeError as getMatLegacyInputUnsupportedTypeError } from '@angular/material/input';
-import * as i0 from '@angular/core';
-import * as i2 from '@angular/cdk/text-field';
-import * as i3 from '@angular/material/legacy-form-field';
-import * as i4 from '@angular/material/core';
-import { MAT_INPUT_VALUE_ACCESSOR as MAT_LEGACY_INPUT_VALUE_ACCESSOR } from '@angular/material/input';
-import { MatInput } from '@angular/material/input';
-
-export { getMatLegacyInputUnsupportedTypeError }
-
-declare namespace i1 {
-    export {
-        MatLegacyInput
-    }
-}
-
-export { MAT_LEGACY_INPUT_VALUE_ACCESSOR }
-
-/**
- * Directive that allows a native input to work inside a `MatFormField`.
- * @deprecated Use `MatInput` from `@angular/material/input` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyInput extends MatInput {
-    private _legacyFormField;
-    protected _getPlaceholder(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyInput, "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", ["matInput"], {}, {}, never, never, false, never>;
-}
-
-/**
- * @deprecated Use `MatInputModule` from `@angular/material/input` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatLegacyInputModule, [typeof i1.MatLegacyInput], [typeof i2.TextFieldModule, typeof i3.MatLegacyFormFieldModule, typeof i4.MatCommonModule], [typeof i2.TextFieldModule, typeof i3.MatLegacyFormFieldModule, typeof i1.MatLegacyInput]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatLegacyInputModule>;
-}
-
-export { }

package/legacy-input/testing/index.d.ts

@@ -1,20 +0,0 @@
-import { InputHarnessFilters as LegacyInputHarnessFilters } from '@angular/material/input/testing';
-import { NativeOptionHarnessFilters as LegacyNativeOptionHarnessFilters } from '@angular/material/input/testing';
-import { NativeSelectHarnessFilters as LegacyNativeSelectHarnessFilters } from '@angular/material/input/testing';
-import { MatInputHarness as MatLegacyInputHarness } from '@angular/material/input/testing';
-import { MatNativeOptionHarness as MatLegacyNativeOptionHarness } from '@angular/material/input/testing';
-import { MatNativeSelectHarness as MatLegacyNativeSelectHarness } from '@angular/material/input/testing';
-
-export { LegacyInputHarnessFilters }
-
-export { LegacyNativeOptionHarnessFilters }
-
-export { LegacyNativeSelectHarnessFilters }
-
-export { MatLegacyInputHarness }
-
-export { MatLegacyNativeOptionHarness }
-
-export { MatLegacyNativeSelectHarness }
-
-export { }

package/legacy-list/_list-legacy-index.scss

@@ -1,2 +0,0 @@
-@forward 'list-theme' hide color, theme, typography;
-@forward 'list-theme' as mat-legacy-list-* hide mat-legacy-list-density;

package/legacy-list/_list-theme.import.scss

@@ -1,10 +0,0 @@
-@forward '../core/theming/theming.import';
-@forward '../core/typography/typography-utils.import';
-@forward '../core/style/list-common.import';
-@forward 'list-theme' hide color, theme, typography;
-@forward 'list-theme' as mat-list-* hide mat-list-density;
-
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-@import '../core/typography/typography-utils';
-@import '../core/style/list-common';

package/legacy-list/_list-theme.scss

@@ -1,124 +0,0 @@
-@use 'sass:map';
-@use '../core/theming/theming';
-@use '../core/typography/typography';
-@use '../core/typography/typography-utils';
-@use '../core/style/list-common';
-
-
-/// @deprecated Use `mat.list-color` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  $background: map.get($config, background);
-  $foreground: map.get($config, foreground);
-
-  .mat-list-base {
-    .mat-list-item {
-      color: theming.get-color-from-palette($foreground, text);
-    }
-
-    .mat-list-option {
-      color: theming.get-color-from-palette($foreground, text);
-    }
-
-    .mat-subheader {
-      color: theming.get-color-from-palette($foreground, secondary-text);
-    }
-
-    .mat-list-item-disabled {
-      background-color: theming.get-color-from-palette($background, disabled-list-option);
-      color: theming.get-color-from-palette($foreground, disabled-text);
-    }
-  }
-
-  .mat-list-option,
-  .mat-nav-list .mat-list-item,
-  .mat-action-list .mat-list-item {
-    &:hover, &:focus {
-      background: theming.get-color-from-palette($background, 'hover');
-    }
-  }
-
-  .mat-list-single-selected-option {
-    &, &:hover, &:focus {
-      background: theming.get-color-from-palette($background, hover, 0.12);
-    }
-  }
-}
-
-/// @deprecated Use `mat.list-typography` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2014-config(
-      theming.get-typography-config($config-or-theme));
-  $font-family: typography-utils.font-family($config);
-
-  .mat-list-item {
-    font-family: $font-family;
-  }
-
-  .mat-list-option {
-    font-family: $font-family;
-  }
-
-  // Default list
-  .mat-list-base {
-    .mat-list-item {
-      font-size: typography-utils.font-size($config, subheading-2);
-      @include list-common.base(typography-utils.font-size($config, body-1));
-    }
-
-    .mat-list-option {
-      font-size: typography-utils.font-size($config, subheading-2);
-      @include list-common.base(typography-utils.font-size($config, body-1));
-    }
-
-    .mat-subheader {
-      font-family: typography-utils.font-family($config, body-2);
-      font-size: typography-utils.font-size($config, body-2);
-      font-weight: typography-utils.font-weight($config, body-2);
-    }
-  }
-
-  // Dense list
-  .mat-list-base[dense] {
-    .mat-list-item {
-      font-size: typography-utils.font-size($config, caption);
-      @include list-common.base(typography-utils.font-size($config, caption));
-    }
-
-    .mat-list-option {
-      font-size: typography-utils.font-size($config, caption);
-      @include list-common.base(typography-utils.font-size($config, caption));
-    }
-
-    .mat-subheader {
-      font-family: $font-family;
-      font-size: typography-utils.font-size($config, caption);
-      font-weight: typography-utils.font-weight($config, body-2);
-    }
-  }
-}
-
-@mixin _density($config-or-theme) {}
-
-/// @deprecated Use `mat.list-theme` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@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-legacy-list') {
-    $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 $density != null {
-      @include _density($density);
-    }
-    @if $typography != null {
-      @include typography($typography);
-    }
-  }
-}