@angular/material 10.1.1 → 10.2.0

package/fesm2015/core.js

@@ -18,7 +18,7 @@ import { ENTER, SPACE, hasModifierKey } from '@angular/cdk/keycodes';
  * found in the LICENSE file at https://angular.io/license
  */
 /** Current version of Angular Material. */
-const VERSION = new Version('10.1.1');
+const VERSION = new Version('10.2.0');
 
 /**
  * @license
@@ -52,7 +52,7 @@ AnimationDurations.EXITING = '195ms';
 // i.e. avoid core to depend on the @angular/material primary entry-point
 // Can be removed once the Material primary entry-point no longer
 // re-exports all secondary entry-points
-const VERSION$1 = new Version('10.1.1');
+const VERSION$1 = new Version('10.2.0');
 /** @docs-private */
 function MATERIAL_SANITY_CHECKS_FACTORY() {
     return true;
@@ -101,6 +101,10 @@ class MatCommonModule {
     }
     /** Whether any sanity checks are enabled. */
     _checksAreEnabled() {
+        // TODO(crisbeto): we can't use `ngDevMode` here yet, because ViewEngine apps might not support
+        // it. Since these checks can have performance implications and they aren't tree shakeable
+        // in their current form, we can leave the `isDevMode` check in for now.
+        // tslint:disable-next-line:ban
         return isDevMode() && !this._isTestEnv();
     }
     /** Whether the code is running in tests. */
@@ -195,12 +199,13 @@ function mixinColor(base, defaultColor) {
     return class extends base {
         constructor(...args) {
             super(...args);
+            this.defaultColor = defaultColor;
             // Set the default color that can be specified from the mixin.
             this.color = defaultColor;
         }
         get color() { return this._color; }
         set color(value) {
-            const colorPalette = value || defaultColor;
+            const colorPalette = value || this.defaultColor;
             if (colorPalette !== this._color) {
                 if (this._color) {
                     this._elementRef.nativeElement.classList.remove(`mat-${this._color}`);
@@ -223,7 +228,7 @@ function mixinColor(base, defaultColor) {
  */
 /** Mixin to augment a directive with a `disableRipple` property. */
 function mixinDisableRipple(base) {
-    return class extends base {
+    class Mixin extends base {
         constructor(...args) {
             super(...args);
             this._disableRipple = false;
@@ -231,7 +236,11 @@ function mixinDisableRipple(base) {
         /** Whether the ripple effect is disabled or not. */
         get disableRipple() { return this._disableRipple; }
         set disableRipple(value) { this._disableRipple = coerceBooleanProperty(value); }
-    };
+    }
+    // Since we don't directly extend from `base` with it's original types, and we instruct
+    // TypeScript that `T` actually is instantiatable through `new`, the types don't overlap.
+    // This is a limitation in TS as abstract classes cannot be typed properly dynamically.
+    return Mixin;
 }
 
 /**
@@ -243,17 +252,24 @@ function mixinDisableRipple(base) {
  */
 /** Mixin to augment a directive with a `tabIndex` property. */
 function mixinTabIndex(base, defaultTabIndex = 0) {
-    return class extends base {
+    // Note: We cast `base` to `unknown` and then `Constructor`. It could be an abstract class,
+    // but given we `extend` it from another class, we can assume a constructor being accessible.
+    class Mixin extends base {
         constructor(...args) {
             super(...args);
             this._tabIndex = defaultTabIndex;
+            this.defaultTabIndex = defaultTabIndex;
         }
         get tabIndex() { return this.disabled ? -1 : this._tabIndex; }
         set tabIndex(value) {
             // If the specified tabIndex value is null or undefined, fall back to the default value.
-            this._tabIndex = value != null ? coerceNumberProperty(value) : defaultTabIndex;
+            this._tabIndex = value != null ? coerceNumberProperty(value) : this.defaultTabIndex;
         }
-    };
+    }
+    // Since we don't directly extend from `base` with it's original types, and we instruct
+    // TypeScript that `T` actually is instantiatable through `new`, the types don't overlap.
+    // This is a limitation in TS as abstract classes cannot be typed properly dynamically.
+    return Mixin;
 }
 
 /**
@@ -334,7 +350,7 @@ function mixinInitialized(base) {
          * @docs-private
          */
         _markInitialized() {
-            if (this._isInitialized) {
+            if (this._isInitialized && (typeof ngDevMode === 'undefined' || ngDevMode)) {
                 throw Error('This directive has already been marked as initialized and ' +
                     'should not be called twice.');
             }
@@ -385,9 +401,18 @@ const MAT_DATE_LOCALE_PROVIDER = { provide: MAT_DATE_LOCALE, useExisting: LOCALE
 class DateAdapter {
     constructor() {
         this._localeChanges = new Subject();
+        /** A stream that emits when the locale changes. */
+        this.localeChanges = this._localeChanges;
+    }
+    /**
+     * Given a potential date object, returns that same date object if it is
+     * a valid date, or `null` if it's not a valid date.
+     * @param obj The object to check.
+     * @returns A date or `null`.
+     */
+    getValidDateOrNull(obj) {
+        return this.isDateInstance(obj) && this.isValid(obj) ? obj : null;
     }
-    /** A stream that emits when the locale changes. */
-    get localeChanges() { return this._localeChanges; }
     /**
      * Attempts to deserialize a value to a valid date object. This is different from parsing in that
      * deserialize should only accept non-ambiguous, locale-independent formats (e.g. a ISO 8601
@@ -597,17 +622,19 @@ class NativeDateAdapter extends DateAdapter {
         return new Date(date.getTime());
     }
     createDate(year, month, date) {
-        // Check for invalid month and date (except upper bound on date which we have to check after
-        // creating the Date).
-        if (month < 0 || month > 11) {
-            throw Error(`Invalid month index "${month}". Month index has to be between 0 and 11.`);
-        }
-        if (date < 1) {
-            throw Error(`Invalid date "${date}". Date has to be greater than 0.`);
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            // Check for invalid month and date (except upper bound on date which we have to check after
+            // creating the Date).
+            if (month < 0 || month > 11) {
+                throw Error(`Invalid month index "${month}". Month index has to be between 0 and 11.`);
+            }
+            if (date < 1) {
+                throw Error(`Invalid date "${date}". Date has to be greater than 0.`);
+            }
         }
         let result = this._createDateWithOverflow(year, month, date);
         // Check that the date wasn't above the upper bound for the month, causing the month to overflow
-        if (result.getMonth() != month) {
+        if (result.getMonth() != month && (typeof ngDevMode === 'undefined' || ngDevMode)) {
             throw Error(`Invalid date "${date}" for month with index "${month}".`);
         }
         return result;
@@ -1377,6 +1404,19 @@ class MatOptgroupBase {
 const _MatOptgroupMixinBase = mixinDisabled(MatOptgroupBase);
 // Counter for unique group ids.
 let _uniqueOptgroupIdCounter = 0;
+class _MatOptgroupBase extends _MatOptgroupMixinBase {
+    constructor() {
+        super(...arguments);
+        /** Unique id for the underlying label. */
+        this._labelId = `mat-optgroup-label-${_uniqueOptgroupIdCounter++}`;
+    }
+}
+_MatOptgroupBase.decorators = [
+    { type: Directive }
+];
+_MatOptgroupBase.propDecorators = {
+    label: [{ type: Input }]
+};
 /**
  * Injection token that can be used to reference instances of `MatOptgroup`. It serves as
  * alternative token to the actual `MatOptgroup` class which could cause unnecessary
@@ -1386,12 +1426,7 @@ const MAT_OPTGROUP = new InjectionToken('MatOptgroup');
 /**
  * Component that is used to group instances of `mat-option`.
  */
-class MatOptgroup extends _MatOptgroupMixinBase {
-    constructor() {
-        super(...arguments);
-        /** Unique id for the underlying label. */
-        this._labelId = `mat-optgroup-label-${_uniqueOptgroupIdCounter++}`;
-    }
+class MatOptgroup extends _MatOptgroupBase {
 }
 MatOptgroup.decorators = [
     { type: Component, args: [{
@@ -1412,9 +1447,6 @@ MatOptgroup.decorators = [
                 styles: [".mat-optgroup-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.mat-optgroup-label[disabled]{cursor:default}[dir=rtl] .mat-optgroup-label{text-align:right}.mat-optgroup-label .mat-icon{margin-right:16px;vertical-align:middle}.mat-optgroup-label .mat-icon svg{vertical-align:top}[dir=rtl] .mat-optgroup-label .mat-icon{margin-left:16px;margin-right:0}\n"]
             },] }
 ];
-MatOptgroup.propDecorators = {
-    label: [{ type: Input }]
-};
 
 /**
  * @license
@@ -1443,10 +1475,7 @@ class MatOptionSelectionChange {
  * Injection token used to provide the parent component to options.
  */
 const MAT_OPTION_PARENT_COMPONENT = new InjectionToken('MAT_OPTION_PARENT_COMPONENT');
-/**
- * Single option inside of a `<mat-select>` element.
- */
-class MatOption {
+class _MatOptionBase {
     constructor(_element, _changeDetectorRef, _parent, group) {
         this._element = _element;
         this._changeDetectorRef = _changeDetectorRef;
@@ -1599,6 +1628,29 @@ class MatOption {
         this.onSelectionChange.emit(new MatOptionSelectionChange(this, isUserInput));
     }
 }
+_MatOptionBase.decorators = [
+    { type: Directive }
+];
+_MatOptionBase.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef },
+    { type: undefined },
+    { type: _MatOptgroupBase }
+];
+_MatOptionBase.propDecorators = {
+    value: [{ type: Input }],
+    id: [{ type: Input }],
+    disabled: [{ type: Input }],
+    onSelectionChange: [{ type: Output }]
+};
+/**
+ * Single option inside of a `<mat-select>` element.
+ */
+class MatOption extends _MatOptionBase {
+    constructor(element, changeDetectorRef, parent, group) {
+        super(element, changeDetectorRef, parent, group);
+    }
+}
 MatOption.decorators = [
     { type: Component, args: [{
                 selector: 'mat-option',
@@ -1629,12 +1681,6 @@ MatOption.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [MAT_OPTION_PARENT_COMPONENT,] }] },
     { type: MatOptgroup, decorators: [{ type: Optional }, { type: Inject, args: [MAT_OPTGROUP,] }] }
 ];
-MatOption.propDecorators = {
-    value: [{ type: Input }],
-    id: [{ type: Input }],
-    disabled: [{ type: Input }],
-    onSelectionChange: [{ type: Output }]
-};
 /**
  * Counts the amount of option group labels that precede the specified option.
  * @param optionIndex Index of the option at which to start counting.
@@ -1658,14 +1704,13 @@ function _countGroupLabelsBeforeOption(optionIndex, options, optionGroups) {
 }
 /**
  * Determines the position to which to scroll a panel in order for an option to be into view.
- * @param optionIndex Index of the option to be scrolled into the view.
+ * @param optionOffset Offset of the option from the top of the panel.
  * @param optionHeight Height of the options.
  * @param currentScrollPosition Current scroll position of the panel.
  * @param panelHeight Height of the panel.
  * @docs-private
  */
-function _getOptionScrollPosition(optionIndex, optionHeight, currentScrollPosition, panelHeight) {
-    const optionOffset = optionIndex * optionHeight;
+function _getOptionScrollPosition(optionOffset, optionHeight, currentScrollPosition, panelHeight) {
     if (optionOffset < currentScrollPosition) {
         return optionOffset;
     }
@@ -1734,5 +1779,5 @@ const JAN = 0, FEB = 1, MAR = 2, APR = 3, MAY = 4, JUN = 5, JUL = 6, AUG = 7, SE
  * Generated bundle index. Do not edit.
  */
 
-export { APR, AUG, AnimationCurves, AnimationDurations, DEC, DateAdapter, ErrorStateMatcher, FEB, JAN, JUL, JUN, MAR, MATERIAL_SANITY_CHECKS, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_DATE_LOCALE_PROVIDER, MAT_LABEL_GLOBAL_OPTIONS, MAT_NATIVE_DATE_FORMATS, MAT_OPTGROUP, MAT_OPTION_PARENT_COMPONENT, MAT_RIPPLE_GLOBAL_OPTIONS, MAY, MatCommonModule, MatLine, MatLineModule, MatLineSetter, MatNativeDateModule, MatOptgroup, MatOption, MatOptionModule, MatOptionSelectionChange, MatPseudoCheckbox, MatPseudoCheckboxModule, MatRipple, MatRippleModule, NOV, NativeDateAdapter, NativeDateModule, OCT, RippleRef, RippleRenderer, SEP, ShowOnDirtyErrorStateMatcher, VERSION, _countGroupLabelsBeforeOption, _getOptionScrollPosition, defaultRippleAnimationConfig, mixinColor, mixinDisableRipple, mixinDisabled, mixinErrorState, mixinInitialized, mixinTabIndex, setLines, ɵ0$1 as ɵ0, MATERIAL_SANITY_CHECKS_FACTORY as ɵangular_material_src_material_core_core_a };
+export { APR, AUG, AnimationCurves, AnimationDurations, DEC, DateAdapter, ErrorStateMatcher, FEB, JAN, JUL, JUN, MAR, MATERIAL_SANITY_CHECKS, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_DATE_LOCALE_PROVIDER, MAT_LABEL_GLOBAL_OPTIONS, MAT_NATIVE_DATE_FORMATS, MAT_OPTGROUP, MAT_OPTION_PARENT_COMPONENT, MAT_RIPPLE_GLOBAL_OPTIONS, MAY, MatCommonModule, MatLine, MatLineModule, MatLineSetter, MatNativeDateModule, MatOptgroup, MatOption, MatOptionModule, MatOptionSelectionChange, MatPseudoCheckbox, MatPseudoCheckboxModule, MatRipple, MatRippleModule, NOV, NativeDateAdapter, NativeDateModule, OCT, RippleRef, RippleRenderer, SEP, ShowOnDirtyErrorStateMatcher, VERSION, _MatOptgroupBase, _MatOptionBase, _countGroupLabelsBeforeOption, _getOptionScrollPosition, defaultRippleAnimationConfig, mixinColor, mixinDisableRipple, mixinDisabled, mixinErrorState, mixinInitialized, mixinTabIndex, setLines, ɵ0$1 as ɵ0, MATERIAL_SANITY_CHECKS_FACTORY as ɵangular_material_src_material_core_core_a };
 //# sourceMappingURL=core.js.map