@angular/material 12.0.6 → 12.1.0

package/core/option/optgroup.d.ts

@@ -7,12 +7,12 @@
  */
 import { BooleanInput } from '@angular/cdk/coercion';
 import { InjectionToken } from '@angular/core';
-import { CanDisable, CanDisableCtor } from '../common-behaviors/disabled';
+import { CanDisable } from '../common-behaviors/disabled';
 import { MatOptionParentComponent } from './option-parent';
 /** @docs-private */
-declare class MatOptgroupBase {
-}
-declare const _MatOptgroupMixinBase: CanDisableCtor & typeof MatOptgroupBase;
+declare const _MatOptgroupMixinBase: import("@angular/material/core/common-behaviors/constructor").Constructor<CanDisable> & import("@angular/material/core/common-behaviors/constructor").AbstractConstructor<CanDisable> & {
+    new (): {};
+};
 export declare class _MatOptgroupBase extends _MatOptgroupMixinBase implements CanDisable {
     /** Label for the option group. */
     label: string;

package/core/style/_menu-common.scss

@@ -1,3 +1,4 @@
+@use './private';
 @use './list-common';
 @use './layout-common';
 
@@ -63,7 +64,7 @@ $icon-margin: 16px !default;
 
   // Renders a triangle to indicate that the menu item will open a sub-menu.
   &::after {
-    $size: $triangle-height / 2;
+    $size: private.private-div($triangle-height, 2);
 
     width: 0;
     height: 0;

package/core/style/_private.scss

@@ -1,4 +1,7 @@
 @use 'sass:map';
+@use 'sass:math';
+@use 'sass:meta';
+@use 'sass:list';
 @use './elevation';
 
 @mixin private-theme-elevation($zValue, $config, $opacity: elevation.$opacity) {
@@ -39,3 +42,27 @@
     @content;
   }
 }
+
+// Private polyfill for the `math.div` function from Sass to be used until we can update the
+// minimum required Sass version to 1.34.0 or above.
+// TODO(crisbeto): replace with `math.div` eventually.
+@function private-div($a, $b) {
+  @if (meta.function-exists('div', 'math')) {
+    @return math.div($a, $b);
+  }
+  @else {
+    @return $a / $b;
+  }
+}
+
+// Private polyfill for the `list.slash` function from Sass to be used until we can update the
+// minimum required Sass version to 1.34.0 or above.
+// TODO(crisbeto): replace with `list.slash` eventually.
+@function private-slash($a, $b) {
+  @if (meta.function-exists('slash', 'list')) {
+    @return list.slash($a, $b);
+  }
+  @else {
+    @return #{$a}#{' / '}#{$b};
+  }
+}

package/core/style/_vendor-prefixes.scss

@@ -43,4 +43,14 @@
   position: -webkit-sticky #{if($important, '!important', '')};
   position: sticky #{if($important, '!important', '')};
 }
+
+@mixin private-color-adjust($value) {
+  -webkit-print-color-adjust: $value;
+  color-adjust: $value;
+}
+
+@mixin private-background-clip($value) {
+  -webkit-background-clip: $value;
+  background-clip: $value;
+}
 // stylelint-enable

package/core/typography/_typography-utils.scss

@@ -1,6 +1,8 @@
+@use 'sass:list';
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
+@use '../style/private';
 
 
 // Utility for fetching a nested value from a typography config.
@@ -76,9 +78,9 @@
   }
   @else {
     // Otherwise use the shorthand `font`, because it's the least amount of bytes. Note
-    // that we need to use interpolation for `font-size/line-height` in order to prevent
+    // that we need to use `list.slash` for `font-size/line-height` in order to prevent
     // Sass from dividing the two values.
-    font: $font-weight #{$font-size}/#{$line-height} $font-family;
+    font: $font-weight private.private-slash($font-size, $line-height) $font-family;
   }
 }
 

package/datepicker/date-range-input-parts.d.ts

@@ -7,7 +7,7 @@
  */
 import { ElementRef, InjectionToken, OnInit, Injector, DoCheck } from '@angular/core';
 import { NgForm, FormGroupDirective, NgControl, ValidatorFn } from '@angular/forms';
-import { CanUpdateErrorState, CanUpdateErrorStateCtor, DateAdapter, MatDateFormats, ErrorStateMatcher } from '@angular/material/core';
+import { CanUpdateErrorState, DateAdapter, MatDateFormats, ErrorStateMatcher } from '@angular/material/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { MatDatepickerInputBase, DateFilterFn } from './datepicker-input-base';
 import { DateRange, DateSelectionModelChange } from './date-selection-model';
@@ -71,7 +71,7 @@ declare abstract class MatDateRangeInputPartBase<D> extends MatDatepickerInputBa
     protected _shouldHandleChangeEvent({ source }: DateSelectionModelChange<DateRange<D>>): boolean;
     protected _assignValueProgrammatically(value: D | null): void;
 }
-declare const _MatDateRangeInputBase: CanUpdateErrorStateCtor & typeof MatDateRangeInputPartBase;
+declare const _MatDateRangeInputBase: import("@angular/material/core/common-behaviors/constructor").Constructor<CanUpdateErrorState> & import("@angular/material/core/common-behaviors/constructor").AbstractConstructor<CanUpdateErrorState> & typeof MatDateRangeInputPartBase;
 /** Input for entering the start date in a `mat-date-range-input`. */
 export declare class MatStartDate<D> extends _MatDateRangeInputBase<D> implements CanUpdateErrorState, DoCheck, OnInit {
     /** Validator that checks that the start date isn't after the end date. */

package/datepicker/datepicker-base.d.ts

@@ -10,7 +10,7 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
 import { ComponentType, TemplatePortal } from '@angular/cdk/portal';
 import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, ViewContainerRef, ChangeDetectorRef, OnChanges, SimpleChanges, OnInit } from '@angular/core';
-import { CanColor, CanColorCtor, DateAdapter, ThemePalette } from '@angular/material/core';
+import { CanColor, DateAdapter, ThemePalette } from '@angular/material/core';
 import { Subject, Observable } from 'rxjs';
 import { MatCalendar, MatCalendarView } from './calendar';
 import { MatCalendarUserEvent, MatCalendarCellClassFunction } from './calendar-body';
@@ -33,11 +33,11 @@ export declare const MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
     useFactory: typeof MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY;
 };
 /** @docs-private */
-declare class MatDatepickerContentBase {
-    _elementRef: ElementRef;
-    constructor(_elementRef: ElementRef);
-}
-declare const _MatDatepickerContentMixinBase: CanColorCtor & typeof MatDatepickerContentBase;
+declare const _MatDatepickerContentBase: import("@angular/material/core/common-behaviors/constructor").Constructor<CanColor> & import("@angular/material/core/common-behaviors/constructor").AbstractConstructor<CanColor> & {
+    new (_elementRef: ElementRef): {
+        _elementRef: ElementRef;
+    };
+};
 /**
  * Component used as the content for the datepicker overlay. We use this instead of using
  * MatCalendar directly as the content so we can control the initial focus. This also gives us a
@@ -45,7 +45,7 @@ declare const _MatDatepickerContentMixinBase: CanColorCtor & typeof MatDatepicke
  * future. (e.g. confirmation buttons).
  * @docs-private
  */
-export declare class MatDatepickerContent<S, D = ExtractDateTypeFromSelection<S>> extends _MatDatepickerContentMixinBase implements OnInit, AfterViewInit, OnDestroy, CanColor {
+export declare class MatDatepickerContent<S, D = ExtractDateTypeFromSelection<S>> extends _MatDatepickerContentBase implements OnInit, AfterViewInit, OnDestroy, CanColor {
     private _changeDetectorRef;
     private _globalModel;
     private _dateAdapter;