@angular/material 10.0.0-rc.3 → 10.1.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.0.0-rc.3');
+const VERSION = new Version('10.1.0');
 
 /**
  * @license
@@ -28,24 +28,18 @@ const VERSION = new Version('10.0.0-rc.3');
  * found in the LICENSE file at https://angular.io/license
  */
 /** @docs-private */
-let AnimationCurves = /** @class */ (() => {
-    class AnimationCurves {
-    }
-    AnimationCurves.STANDARD_CURVE = 'cubic-bezier(0.4,0.0,0.2,1)';
-    AnimationCurves.DECELERATION_CURVE = 'cubic-bezier(0.0,0.0,0.2,1)';
-    AnimationCurves.ACCELERATION_CURVE = 'cubic-bezier(0.4,0.0,1,1)';
-    AnimationCurves.SHARP_CURVE = 'cubic-bezier(0.4,0.0,0.6,1)';
-    return AnimationCurves;
-})();
+class AnimationCurves {
+}
+AnimationCurves.STANDARD_CURVE = 'cubic-bezier(0.4,0.0,0.2,1)';
+AnimationCurves.DECELERATION_CURVE = 'cubic-bezier(0.0,0.0,0.2,1)';
+AnimationCurves.ACCELERATION_CURVE = 'cubic-bezier(0.4,0.0,1,1)';
+AnimationCurves.SHARP_CURVE = 'cubic-bezier(0.4,0.0,0.6,1)';
 /** @docs-private */
-let AnimationDurations = /** @class */ (() => {
-    class AnimationDurations {
-    }
-    AnimationDurations.COMPLEX = '375ms';
-    AnimationDurations.ENTERING = '225ms';
-    AnimationDurations.EXITING = '195ms';
-    return AnimationDurations;
-})();
+class AnimationDurations {
+}
+AnimationDurations.COMPLEX = '375ms';
+AnimationDurations.ENTERING = '225ms';
+AnimationDurations.EXITING = '195ms';
 
 /**
  * @license
@@ -58,7 +52,7 @@ let AnimationDurations = /** @class */ (() => {
 // 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.0.0-rc.3');
+const VERSION$1 = new Version('10.1.0');
 /** @docs-private */
 function MATERIAL_SANITY_CHECKS_FACTORY() {
     return true;
@@ -74,104 +68,101 @@ const MATERIAL_SANITY_CHECKS = new InjectionToken('mat-sanity-checks', {
  *
  * This module should be imported to each top-level component module (e.g., MatTabsModule).
  */
-let MatCommonModule = /** @class */ (() => {
-    class MatCommonModule {
-        constructor(highContrastModeDetector, sanityChecks, 
-        /** @breaking-change 11.0.0 make document required */
-        document) {
-            /** Whether we've done the global sanity checks (e.g. a theme is loaded, there is a doctype). */
-            this._hasDoneGlobalChecks = false;
-            this._document = document;
-            // While A11yModule also does this, we repeat it here to avoid importing A11yModule
-            // in MatCommonModule.
-            highContrastModeDetector._applyBodyHighContrastModeCssClasses();
-            // Note that `_sanityChecks` is typed to `any`, because AoT
-            // throws an error if we use the `SanityChecks` type directly.
-            this._sanityChecks = sanityChecks;
-            if (!this._hasDoneGlobalChecks) {
-                this._checkDoctypeIsDefined();
-                this._checkThemeIsPresent();
-                this._checkCdkVersionMatch();
-                this._hasDoneGlobalChecks = true;
-            }
-        }
-        /** Access injected document if available or fallback to global document reference */
-        _getDocument() {
-            const doc = this._document || document;
-            return typeof doc === 'object' && doc ? doc : null;
+class MatCommonModule {
+    constructor(highContrastModeDetector, sanityChecks, 
+    /** @breaking-change 11.0.0 make document required */
+    document) {
+        /** Whether we've done the global sanity checks (e.g. a theme is loaded, there is a doctype). */
+        this._hasDoneGlobalChecks = false;
+        this._document = document;
+        // While A11yModule also does this, we repeat it here to avoid importing A11yModule
+        // in MatCommonModule.
+        highContrastModeDetector._applyBodyHighContrastModeCssClasses();
+        // Note that `_sanityChecks` is typed to `any`, because AoT
+        // throws an error if we use the `SanityChecks` type directly.
+        this._sanityChecks = sanityChecks;
+        if (!this._hasDoneGlobalChecks) {
+            this._checkDoctypeIsDefined();
+            this._checkThemeIsPresent();
+            this._checkCdkVersionMatch();
+            this._hasDoneGlobalChecks = true;
         }
-        /** Use defaultView of injected document if available or fallback to global window reference */
-        _getWindow() {
-            const doc = this._getDocument();
-            const win = (doc === null || doc === void 0 ? void 0 : doc.defaultView) || window;
-            return typeof win === 'object' && win ? win : null;
-        }
-        /** Whether any sanity checks are enabled. */
-        _checksAreEnabled() {
-            return isDevMode() && !this._isTestEnv();
-        }
-        /** Whether the code is running in tests. */
-        _isTestEnv() {
-            const window = this._getWindow();
-            return window && (window.__karma__ || window.jasmine);
-        }
-        _checkDoctypeIsDefined() {
-            const isEnabled = this._checksAreEnabled() &&
-                (this._sanityChecks === true || this._sanityChecks.doctype);
-            const document = this._getDocument();
-            if (isEnabled && document && !document.doctype) {
-                console.warn('Current document does not have a doctype. This may cause ' +
-                    'some Angular Material components not to behave as expected.');
-            }
+    }
+    /** Access injected document if available or fallback to global document reference */
+    _getDocument() {
+        const doc = this._document || document;
+        return typeof doc === 'object' && doc ? doc : null;
+    }
+    /** Use defaultView of injected document if available or fallback to global window reference */
+    _getWindow() {
+        const doc = this._getDocument();
+        const win = (doc === null || doc === void 0 ? void 0 : doc.defaultView) || window;
+        return typeof win === 'object' && win ? win : null;
+    }
+    /** Whether any sanity checks are enabled. */
+    _checksAreEnabled() {
+        return isDevMode() && !this._isTestEnv();
+    }
+    /** Whether the code is running in tests. */
+    _isTestEnv() {
+        const window = this._getWindow();
+        return window && (window.__karma__ || window.jasmine);
+    }
+    _checkDoctypeIsDefined() {
+        const isEnabled = this._checksAreEnabled() &&
+            (this._sanityChecks === true || this._sanityChecks.doctype);
+        const document = this._getDocument();
+        if (isEnabled && document && !document.doctype) {
+            console.warn('Current document does not have a doctype. This may cause ' +
+                'some Angular Material components not to behave as expected.');
         }
-        _checkThemeIsPresent() {
-            // We need to assert that the `body` is defined, because these checks run very early
-            // and the `body` won't be defined if the consumer put their scripts in the `head`.
-            const isDisabled = !this._checksAreEnabled() ||
-                (this._sanityChecks === false || !this._sanityChecks.theme);
-            const document = this._getDocument();
-            if (isDisabled || !document || !document.body ||
-                typeof getComputedStyle !== 'function') {
-                return;
-            }
-            const testElement = document.createElement('div');
-            testElement.classList.add('mat-theme-loaded-marker');
-            document.body.appendChild(testElement);
-            const computedStyle = getComputedStyle(testElement);
-            // In some situations the computed style of the test element can be null. For example in
-            // Firefox, the computed style is null if an application is running inside of a hidden iframe.
-            // See: https://bugzilla.mozilla.org/show_bug.cgi?id=548397
-            if (computedStyle && computedStyle.display !== 'none') {
-                console.warn('Could not find Angular Material core theme. Most Material ' +
-                    'components may not work as expected. For more info refer ' +
-                    'to the theming guide: https://material.angular.io/guide/theming');
-            }
-            document.body.removeChild(testElement);
+    }
+    _checkThemeIsPresent() {
+        // We need to assert that the `body` is defined, because these checks run very early
+        // and the `body` won't be defined if the consumer put their scripts in the `head`.
+        const isDisabled = !this._checksAreEnabled() ||
+            (this._sanityChecks === false || !this._sanityChecks.theme);
+        const document = this._getDocument();
+        if (isDisabled || !document || !document.body ||
+            typeof getComputedStyle !== 'function') {
+            return;
         }
-        /** Checks whether the material version matches the cdk version */
-        _checkCdkVersionMatch() {
-            const isEnabled = this._checksAreEnabled() &&
-                (this._sanityChecks === true || this._sanityChecks.version);
-            if (isEnabled && VERSION$1.full !== VERSION$2.full) {
-                console.warn('The Angular Material version (' + VERSION$1.full + ') does not match ' +
-                    'the Angular CDK version (' + VERSION$2.full + ').\n' +
-                    'Please ensure the versions of these two packages exactly match.');
-            }
+        const testElement = document.createElement('div');
+        testElement.classList.add('mat-theme-loaded-marker');
+        document.body.appendChild(testElement);
+        const computedStyle = getComputedStyle(testElement);
+        // In some situations the computed style of the test element can be null. For example in
+        // Firefox, the computed style is null if an application is running inside of a hidden iframe.
+        // See: https://bugzilla.mozilla.org/show_bug.cgi?id=548397
+        if (computedStyle && computedStyle.display !== 'none') {
+            console.warn('Could not find Angular Material core theme. Most Material ' +
+                'components may not work as expected. For more info refer ' +
+                'to the theming guide: https://material.angular.io/guide/theming');
+        }
+        document.body.removeChild(testElement);
+    }
+    /** Checks whether the material version matches the cdk version */
+    _checkCdkVersionMatch() {
+        const isEnabled = this._checksAreEnabled() &&
+            (this._sanityChecks === true || this._sanityChecks.version);
+        if (isEnabled && VERSION$1.full !== VERSION$2.full) {
+            console.warn('The Angular Material version (' + VERSION$1.full + ') does not match ' +
+                'the Angular CDK version (' + VERSION$2.full + ').\n' +
+                'Please ensure the versions of these two packages exactly match.');
         }
     }
-    MatCommonModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [BidiModule],
-                    exports: [BidiModule],
-                },] }
-    ];
-    MatCommonModule.ctorParameters = () => [
-        { type: HighContrastModeDetector },
-        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [MATERIAL_SANITY_CHECKS,] }] },
-        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
-    ];
-    return MatCommonModule;
-})();
+}
+MatCommonModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [BidiModule],
+                exports: [BidiModule],
+            },] }
+];
+MatCommonModule.ctorParameters = () => [
+    { type: HighContrastModeDetector },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [MATERIAL_SANITY_CHECKS,] }] },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
+];
 
 /**
  * @license
@@ -535,228 +526,225 @@ function range(length, valueFunction) {
     return valuesArray;
 }
 /** Adapts the native JS Date for use with cdk-based components that work with dates. */
-let NativeDateAdapter = /** @class */ (() => {
-    class NativeDateAdapter extends DateAdapter {
-        constructor(matDateLocale, platform) {
-            super();
-            /**
-             * Whether to use `timeZone: 'utc'` with `Intl.DateTimeFormat` when formatting dates.
-             * Without this `Intl.DateTimeFormat` sometimes chooses the wrong timeZone, which can throw off
-             * the result. (e.g. in the en-US locale `new Date(1800, 7, 14).toLocaleDateString()`
-             * will produce `'8/13/1800'`.
-             *
-             * TODO(mmalerba): drop this variable. It's not being used in the code right now. We're now
-             * getting the string representation of a Date object from its utc representation. We're keeping
-             * it here for sometime, just for precaution, in case we decide to revert some of these changes
-             * though.
-             */
-            this.useUtcForDisplay = true;
-            super.setLocale(matDateLocale);
-            // IE does its own time zone correction, so we disable this on IE.
-            this.useUtcForDisplay = !platform.TRIDENT;
-            this._clampDate = platform.TRIDENT || platform.EDGE;
-        }
-        getYear(date) {
-            return date.getFullYear();
-        }
-        getMonth(date) {
-            return date.getMonth();
-        }
-        getDate(date) {
-            return date.getDate();
-        }
-        getDayOfWeek(date) {
-            return date.getDay();
-        }
-        getMonthNames(style) {
-            if (SUPPORTS_INTL_API) {
-                const dtf = new Intl.DateTimeFormat(this.locale, { month: style, timeZone: 'utc' });
-                return range(12, i => this._stripDirectionalityCharacters(this._format(dtf, new Date(2017, i, 1))));
-            }
-            return DEFAULT_MONTH_NAMES[style];
-        }
-        getDateNames() {
-            if (SUPPORTS_INTL_API) {
-                const dtf = new Intl.DateTimeFormat(this.locale, { day: 'numeric', timeZone: 'utc' });
-                return range(31, i => this._stripDirectionalityCharacters(this._format(dtf, new Date(2017, 0, i + 1))));
-            }
-            return DEFAULT_DATE_NAMES;
-        }
-        getDayOfWeekNames(style) {
-            if (SUPPORTS_INTL_API) {
-                const dtf = new Intl.DateTimeFormat(this.locale, { weekday: style, timeZone: 'utc' });
-                return range(7, i => this._stripDirectionalityCharacters(this._format(dtf, new Date(2017, 0, i + 1))));
-            }
-            return DEFAULT_DAY_OF_WEEK_NAMES[style];
+class NativeDateAdapter extends DateAdapter {
+    constructor(matDateLocale, platform) {
+        super();
+        /**
+         * Whether to use `timeZone: 'utc'` with `Intl.DateTimeFormat` when formatting dates.
+         * Without this `Intl.DateTimeFormat` sometimes chooses the wrong timeZone, which can throw off
+         * the result. (e.g. in the en-US locale `new Date(1800, 7, 14).toLocaleDateString()`
+         * will produce `'8/13/1800'`.
+         *
+         * TODO(mmalerba): drop this variable. It's not being used in the code right now. We're now
+         * getting the string representation of a Date object from its utc representation. We're keeping
+         * it here for sometime, just for precaution, in case we decide to revert some of these changes
+         * though.
+         */
+        this.useUtcForDisplay = true;
+        super.setLocale(matDateLocale);
+        // IE does its own time zone correction, so we disable this on IE.
+        this.useUtcForDisplay = !platform.TRIDENT;
+        this._clampDate = platform.TRIDENT || platform.EDGE;
+    }
+    getYear(date) {
+        return date.getFullYear();
+    }
+    getMonth(date) {
+        return date.getMonth();
+    }
+    getDate(date) {
+        return date.getDate();
+    }
+    getDayOfWeek(date) {
+        return date.getDay();
+    }
+    getMonthNames(style) {
+        if (SUPPORTS_INTL_API) {
+            const dtf = new Intl.DateTimeFormat(this.locale, { month: style, timeZone: 'utc' });
+            return range(12, i => this._stripDirectionalityCharacters(this._format(dtf, new Date(2017, i, 1))));
         }
-        getYearName(date) {
-            if (SUPPORTS_INTL_API) {
-                const dtf = new Intl.DateTimeFormat(this.locale, { year: 'numeric', timeZone: 'utc' });
-                return this._stripDirectionalityCharacters(this._format(dtf, date));
-            }
-            return String(this.getYear(date));
+        return DEFAULT_MONTH_NAMES[style];
+    }
+    getDateNames() {
+        if (SUPPORTS_INTL_API) {
+            const dtf = new Intl.DateTimeFormat(this.locale, { day: 'numeric', timeZone: 'utc' });
+            return range(31, i => this._stripDirectionalityCharacters(this._format(dtf, new Date(2017, 0, i + 1))));
         }
-        getFirstDayOfWeek() {
-            // We can't tell using native JS Date what the first day of the week is, we default to Sunday.
-            return 0;
+        return DEFAULT_DATE_NAMES;
+    }
+    getDayOfWeekNames(style) {
+        if (SUPPORTS_INTL_API) {
+            const dtf = new Intl.DateTimeFormat(this.locale, { weekday: style, timeZone: 'utc' });
+            return range(7, i => this._stripDirectionalityCharacters(this._format(dtf, new Date(2017, 0, i + 1))));
         }
-        getNumDaysInMonth(date) {
-            return this.getDate(this._createDateWithOverflow(this.getYear(date), this.getMonth(date) + 1, 0));
+        return DEFAULT_DAY_OF_WEEK_NAMES[style];
+    }
+    getYearName(date) {
+        if (SUPPORTS_INTL_API) {
+            const dtf = new Intl.DateTimeFormat(this.locale, { year: 'numeric', timeZone: 'utc' });
+            return this._stripDirectionalityCharacters(this._format(dtf, date));
         }
-        clone(date) {
-            return new Date(date.getTime());
+        return String(this.getYear(date));
+    }
+    getFirstDayOfWeek() {
+        // We can't tell using native JS Date what the first day of the week is, we default to Sunday.
+        return 0;
+    }
+    getNumDaysInMonth(date) {
+        return this.getDate(this._createDateWithOverflow(this.getYear(date), this.getMonth(date) + 1, 0));
+    }
+    clone(date) {
+        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.`);
         }
-        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.`);
-            }
-            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) {
-                throw Error(`Invalid date "${date}" for month with index "${month}".`);
-            }
-            return result;
+        if (date < 1) {
+            throw Error(`Invalid date "${date}". Date has to be greater than 0.`);
         }
-        today() {
-            return new Date();
+        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) {
+            throw Error(`Invalid date "${date}" for month with index "${month}".`);
         }
-        parse(value) {
-            // We have no way using the native JS Date to set the parse format or locale, so we ignore these
-            // parameters.
-            if (typeof value == 'number') {
-                return new Date(value);
-            }
-            return value ? new Date(Date.parse(value)) : null;
+        return result;
+    }
+    today() {
+        return new Date();
+    }
+    parse(value) {
+        // We have no way using the native JS Date to set the parse format or locale, so we ignore these
+        // parameters.
+        if (typeof value == 'number') {
+            return new Date(value);
         }
-        format(date, displayFormat) {
-            if (!this.isValid(date)) {
-                throw Error('NativeDateAdapter: Cannot format invalid date.');
-            }
-            if (SUPPORTS_INTL_API) {
-                // On IE and Edge the i18n API will throw a hard error that can crash the entire app
-                // if we attempt to format a date whose year is less than 1 or greater than 9999.
-                if (this._clampDate && (date.getFullYear() < 1 || date.getFullYear() > 9999)) {
-                    date = this.clone(date);
-                    date.setFullYear(Math.max(1, Math.min(9999, date.getFullYear())));
-                }
-                displayFormat = Object.assign(Object.assign({}, displayFormat), { timeZone: 'utc' });
-                const dtf = new Intl.DateTimeFormat(this.locale, displayFormat);
-                return this._stripDirectionalityCharacters(this._format(dtf, date));
+        return value ? new Date(Date.parse(value)) : null;
+    }
+    format(date, displayFormat) {
+        if (!this.isValid(date)) {
+            throw Error('NativeDateAdapter: Cannot format invalid date.');
+        }
+        if (SUPPORTS_INTL_API) {
+            // On IE and Edge the i18n API will throw a hard error that can crash the entire app
+            // if we attempt to format a date whose year is less than 1 or greater than 9999.
+            if (this._clampDate && (date.getFullYear() < 1 || date.getFullYear() > 9999)) {
+                date = this.clone(date);
+                date.setFullYear(Math.max(1, Math.min(9999, date.getFullYear())));
             }
-            return this._stripDirectionalityCharacters(date.toDateString());
-        }
-        addCalendarYears(date, years) {
-            return this.addCalendarMonths(date, years * 12);
+            displayFormat = Object.assign(Object.assign({}, displayFormat), { timeZone: 'utc' });
+            const dtf = new Intl.DateTimeFormat(this.locale, displayFormat);
+            return this._stripDirectionalityCharacters(this._format(dtf, date));
         }
-        addCalendarMonths(date, months) {
-            let newDate = this._createDateWithOverflow(this.getYear(date), this.getMonth(date) + months, this.getDate(date));
-            // It's possible to wind up in the wrong month if the original month has more days than the new
-            // month. In this case we want to go to the last day of the desired month.
-            // Note: the additional + 12 % 12 ensures we end up with a positive number, since JS % doesn't
-            // guarantee this.
-            if (this.getMonth(newDate) != ((this.getMonth(date) + months) % 12 + 12) % 12) {
-                newDate = this._createDateWithOverflow(this.getYear(newDate), this.getMonth(newDate), 0);
+        return this._stripDirectionalityCharacters(date.toDateString());
+    }
+    addCalendarYears(date, years) {
+        return this.addCalendarMonths(date, years * 12);
+    }
+    addCalendarMonths(date, months) {
+        let newDate = this._createDateWithOverflow(this.getYear(date), this.getMonth(date) + months, this.getDate(date));
+        // It's possible to wind up in the wrong month if the original month has more days than the new
+        // month. In this case we want to go to the last day of the desired month.
+        // Note: the additional + 12 % 12 ensures we end up with a positive number, since JS % doesn't
+        // guarantee this.
+        if (this.getMonth(newDate) != ((this.getMonth(date) + months) % 12 + 12) % 12) {
+            newDate = this._createDateWithOverflow(this.getYear(newDate), this.getMonth(newDate), 0);
+        }
+        return newDate;
+    }
+    addCalendarDays(date, days) {
+        return this._createDateWithOverflow(this.getYear(date), this.getMonth(date), this.getDate(date) + days);
+    }
+    toIso8601(date) {
+        return [
+            date.getUTCFullYear(),
+            this._2digit(date.getUTCMonth() + 1),
+            this._2digit(date.getUTCDate())
+        ].join('-');
+    }
+    /**
+     * Returns the given value if given a valid Date or null. Deserializes valid ISO 8601 strings
+     * (https://www.ietf.org/rfc/rfc3339.txt) into valid Dates and empty string into null. Returns an
+     * invalid date for all other values.
+     */
+    deserialize(value) {
+        if (typeof value === 'string') {
+            if (!value) {
+                return null;
             }
-            return newDate;
-        }
-        addCalendarDays(date, days) {
-            return this._createDateWithOverflow(this.getYear(date), this.getMonth(date), this.getDate(date) + days);
-        }
-        toIso8601(date) {
-            return [
-                date.getUTCFullYear(),
-                this._2digit(date.getUTCMonth() + 1),
-                this._2digit(date.getUTCDate())
-            ].join('-');
-        }
-        /**
-         * Returns the given value if given a valid Date or null. Deserializes valid ISO 8601 strings
-         * (https://www.ietf.org/rfc/rfc3339.txt) into valid Dates and empty string into null. Returns an
-         * invalid date for all other values.
-         */
-        deserialize(value) {
-            if (typeof value === 'string') {
-                if (!value) {
-                    return null;
-                }
-                // The `Date` constructor accepts formats other than ISO 8601, so we need to make sure the
-                // string is the right format first.
-                if (ISO_8601_REGEX.test(value)) {
-                    let date = new Date(value);
-                    if (this.isValid(date)) {
-                        return date;
-                    }
+            // The `Date` constructor accepts formats other than ISO 8601, so we need to make sure the
+            // string is the right format first.
+            if (ISO_8601_REGEX.test(value)) {
+                let date = new Date(value);
+                if (this.isValid(date)) {
+                    return date;
                 }
             }
-            return super.deserialize(value);
-        }
-        isDateInstance(obj) {
-            return obj instanceof Date;
-        }
-        isValid(date) {
-            return !isNaN(date.getTime());
-        }
-        invalid() {
-            return new Date(NaN);
-        }
-        /** Creates a date but allows the month and date to overflow. */
-        _createDateWithOverflow(year, month, date) {
-            const result = new Date(year, month, date);
-            // We need to correct for the fact that JS native Date treats years in range [0, 99] as
-            // abbreviations for 19xx.
-            if (year >= 0 && year < 100) {
-                result.setFullYear(this.getYear(result) - 1900);
-            }
-            return result;
-        }
-        /**
-         * Pads a number to make it two digits.
-         * @param n The number to pad.
-         * @returns The padded number.
-         */
-        _2digit(n) {
-            return ('00' + n).slice(-2);
-        }
-        /**
-         * Strip out unicode LTR and RTL characters. Edge and IE insert these into formatted dates while
-         * other browsers do not. We remove them to make output consistent and because they interfere with
-         * date parsing.
-         * @param str The string to strip direction characters from.
-         * @returns The stripped string.
-         */
-        _stripDirectionalityCharacters(str) {
-            return str.replace(/[\u200e\u200f]/g, '');
-        }
-        /**
-         * When converting Date object to string, javascript built-in functions may return wrong
-         * results because it applies its internal DST rules. The DST rules around the world change
-         * very frequently, and the current valid rule is not always valid in previous years though.
-         * We work around this problem building a new Date object which has its internal UTC
-         * representation with the local date and time.
-         * @param dtf Intl.DateTimeFormat object, containg the desired string format. It must have
-         *    timeZone set to 'utc' to work fine.
-         * @param date Date from which we want to get the string representation according to dtf
-         * @returns A Date object with its UTC representation based on the passed in date info
-         */
-        _format(dtf, date) {
-            const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
-            return dtf.format(d);
         }
+        return super.deserialize(value);
+    }
+    isDateInstance(obj) {
+        return obj instanceof Date;
+    }
+    isValid(date) {
+        return !isNaN(date.getTime());
     }
-    NativeDateAdapter.decorators = [
-        { type: Injectable }
-    ];
-    NativeDateAdapter.ctorParameters = () => [
-        { type: String, decorators: [{ type: Optional }, { type: Inject, args: [MAT_DATE_LOCALE,] }] },
-        { type: Platform }
-    ];
-    return NativeDateAdapter;
-})();
+    invalid() {
+        return new Date(NaN);
+    }
+    /** Creates a date but allows the month and date to overflow. */
+    _createDateWithOverflow(year, month, date) {
+        const result = new Date(year, month, date);
+        // We need to correct for the fact that JS native Date treats years in range [0, 99] as
+        // abbreviations for 19xx.
+        if (year >= 0 && year < 100) {
+            result.setFullYear(this.getYear(result) - 1900);
+        }
+        return result;
+    }
+    /**
+     * Pads a number to make it two digits.
+     * @param n The number to pad.
+     * @returns The padded number.
+     */
+    _2digit(n) {
+        return ('00' + n).slice(-2);
+    }
+    /**
+     * Strip out unicode LTR and RTL characters. Edge and IE insert these into formatted dates while
+     * other browsers do not. We remove them to make output consistent and because they interfere with
+     * date parsing.
+     * @param str The string to strip direction characters from.
+     * @returns The stripped string.
+     */
+    _stripDirectionalityCharacters(str) {
+        return str.replace(/[\u200e\u200f]/g, '');
+    }
+    /**
+     * When converting Date object to string, javascript built-in functions may return wrong
+     * results because it applies its internal DST rules. The DST rules around the world change
+     * very frequently, and the current valid rule is not always valid in previous years though.
+     * We work around this problem building a new Date object which has its internal UTC
+     * representation with the local date and time.
+     * @param dtf Intl.DateTimeFormat object, containg the desired string format. It must have
+     *    timeZone set to 'utc' to work fine.
+     * @param date Date from which we want to get the string representation according to dtf
+     * @returns A Date object with its UTC representation based on the passed in date info
+     */
+    _format(dtf, date) {
+        const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
+        return dtf.format(d);
+    }
+}
+NativeDateAdapter.decorators = [
+    { type: Injectable }
+];
+NativeDateAdapter.ctorParameters = () => [
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [MAT_DATE_LOCALE,] }] },
+    { type: Platform }
+];
 
 /**
  * @license
@@ -784,31 +772,25 @@ const MAT_NATIVE_DATE_FORMATS = {
  * 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
  */
-let NativeDateModule = /** @class */ (() => {
-    class NativeDateModule {
-    }
-    NativeDateModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [PlatformModule],
-                    providers: [
-                        { provide: DateAdapter, useClass: NativeDateAdapter },
-                    ],
-                },] }
-    ];
-    return NativeDateModule;
-})();
+class NativeDateModule {
+}
+NativeDateModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [PlatformModule],
+                providers: [
+                    { provide: DateAdapter, useClass: NativeDateAdapter },
+                ],
+            },] }
+];
 const ɵ0$1 = MAT_NATIVE_DATE_FORMATS;
-let MatNativeDateModule = /** @class */ (() => {
-    class MatNativeDateModule {
-    }
-    MatNativeDateModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [NativeDateModule],
-                    providers: [{ provide: MAT_DATE_FORMATS, useValue: ɵ0$1 }],
-                },] }
-    ];
-    return MatNativeDateModule;
-})();
+class MatNativeDateModule {
+}
+MatNativeDateModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [NativeDateModule],
+                providers: [{ provide: MAT_DATE_FORMATS, useValue: ɵ0$1 }],
+            },] }
+];
 
 /**
  * @license
@@ -818,30 +800,24 @@ let MatNativeDateModule = /** @class */ (() => {
  * found in the LICENSE file at https://angular.io/license
  */
 /** Error state matcher that matches when a control is invalid and dirty. */
-let ShowOnDirtyErrorStateMatcher = /** @class */ (() => {
-    class ShowOnDirtyErrorStateMatcher {
-        isErrorState(control, form) {
-            return !!(control && control.invalid && (control.dirty || (form && form.submitted)));
-        }
+class ShowOnDirtyErrorStateMatcher {
+    isErrorState(control, form) {
+        return !!(control && control.invalid && (control.dirty || (form && form.submitted)));
     }
-    ShowOnDirtyErrorStateMatcher.decorators = [
-        { type: Injectable }
-    ];
-    return ShowOnDirtyErrorStateMatcher;
-})();
+}
+ShowOnDirtyErrorStateMatcher.decorators = [
+    { type: Injectable }
+];
 /** Provider that defines how form controls behave with regards to displaying error messages. */
-let ErrorStateMatcher = /** @class */ (() => {
-    class ErrorStateMatcher {
-        isErrorState(control, form) {
-            return !!(control && control.invalid && (control.touched || (form && form.submitted)));
-        }
+class ErrorStateMatcher {
+    isErrorState(control, form) {
+        return !!(control && control.invalid && (control.touched || (form && form.submitted)));
     }
-    ErrorStateMatcher.ɵprov = ɵɵdefineInjectable({ factory: function ErrorStateMatcher_Factory() { return new ErrorStateMatcher(); }, token: ErrorStateMatcher, providedIn: "root" });
-    ErrorStateMatcher.decorators = [
-        { type: Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    return ErrorStateMatcher;
-})();
+}
+ErrorStateMatcher.ɵprov = ɵɵdefineInjectable({ factory: function ErrorStateMatcher_Factory() { return new ErrorStateMatcher(); }, token: ErrorStateMatcher, providedIn: "root" });
+ErrorStateMatcher.decorators = [
+    { type: Injectable, args: [{ providedIn: 'root' },] }
+];
 
 /**
  * @license
@@ -855,17 +831,14 @@ let ErrorStateMatcher = /** @class */ (() => {
  * Line elements can be extracted with a @ContentChildren(MatLine) query, then
  * counted by checking the query list's length.
  */
-let MatLine = /** @class */ (() => {
-    class MatLine {
-    }
-    MatLine.decorators = [
-        { type: Directive, args: [{
-                    selector: '[mat-line], [matLine]',
-                    host: { 'class': 'mat-line' }
-                },] }
-    ];
-    return MatLine;
-})();
+class MatLine {
+}
+MatLine.decorators = [
+    { type: Directive, args: [{
+                selector: '[mat-line], [matLine]',
+                host: { 'class': 'mat-line' }
+            },] }
+];
 /**
  * Helper that takes a query list of lines and sets the correct class on the host.
  * @docs-private
@@ -901,18 +874,15 @@ class MatLineSetter {
         setLines(lines, element);
     }
 }
-let MatLineModule = /** @class */ (() => {
-    class MatLineModule {
-    }
-    MatLineModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [MatCommonModule],
-                    exports: [MatLine, MatCommonModule],
-                    declarations: [MatLine],
-                },] }
-    ];
-    return MatLineModule;
-})();
+class MatLineModule {
+}
+MatLineModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [MatCommonModule],
+                exports: [MatLine, MatCommonModule],
+                declarations: [MatLine],
+            },] }
+];
 
 /**
  * @license
@@ -1199,116 +1169,113 @@ function distanceToFurthestCorner(x, y, rect) {
  */
 /** Injection token that can be used to specify the global ripple options. */
 const MAT_RIPPLE_GLOBAL_OPTIONS = new InjectionToken('mat-ripple-global-options');
-let MatRipple = /** @class */ (() => {
-    class MatRipple {
-        constructor(_elementRef, ngZone, platform, globalOptions, _animationMode) {
-            this._elementRef = _elementRef;
-            this._animationMode = _animationMode;
-            /**
-             * If set, the radius in pixels of foreground ripples when fully expanded. If unset, the radius
-             * will be the distance from the center of the ripple to the furthest corner of the host element's
-             * bounding rectangle.
-             */
-            this.radius = 0;
-            this._disabled = false;
-            /** Whether ripple directive is initialized and the input bindings are set. */
-            this._isInitialized = false;
-            this._globalOptions = globalOptions || {};
-            this._rippleRenderer = new RippleRenderer(this, ngZone, _elementRef, platform);
-        }
-        /**
-         * Whether click events will not trigger the ripple. Ripples can be still launched manually
-         * by using the `launch()` method.
-         */
-        get disabled() { return this._disabled; }
-        set disabled(value) {
-            this._disabled = value;
-            this._setupTriggerEventsIfEnabled();
-        }
+class MatRipple {
+    constructor(_elementRef, ngZone, platform, globalOptions, _animationMode) {
+        this._elementRef = _elementRef;
+        this._animationMode = _animationMode;
         /**
-         * The element that triggers the ripple when click events are received.
-         * Defaults to the directive's host element.
+         * If set, the radius in pixels of foreground ripples when fully expanded. If unset, the radius
+         * will be the distance from the center of the ripple to the furthest corner of the host element's
+         * bounding rectangle.
          */
-        get trigger() { return this._trigger || this._elementRef.nativeElement; }
-        set trigger(trigger) {
-            this._trigger = trigger;
-            this._setupTriggerEventsIfEnabled();
-        }
-        ngOnInit() {
-            this._isInitialized = true;
-            this._setupTriggerEventsIfEnabled();
-        }
-        ngOnDestroy() {
-            this._rippleRenderer._removeTriggerEvents();
-        }
-        /** Fades out all currently showing ripple elements. */
-        fadeOutAll() {
-            this._rippleRenderer.fadeOutAll();
-        }
-        /**
-         * Ripple configuration from the directive's input values.
-         * @docs-private Implemented as part of RippleTarget
-         */
-        get rippleConfig() {
-            return {
-                centered: this.centered,
-                radius: this.radius,
-                color: this.color,
-                animation: Object.assign(Object.assign(Object.assign({}, this._globalOptions.animation), (this._animationMode === 'NoopAnimations' ? { enterDuration: 0, exitDuration: 0 } : {})), this.animation),
-                terminateOnPointerUp: this._globalOptions.terminateOnPointerUp,
-            };
-        }
-        /**
-         * Whether ripples on pointer-down are disabled or not.
-         * @docs-private Implemented as part of RippleTarget
-         */
-        get rippleDisabled() {
-            return this.disabled || !!this._globalOptions.disabled;
+        this.radius = 0;
+        this._disabled = false;
+        /** Whether ripple directive is initialized and the input bindings are set. */
+        this._isInitialized = false;
+        this._globalOptions = globalOptions || {};
+        this._rippleRenderer = new RippleRenderer(this, ngZone, _elementRef, platform);
+    }
+    /**
+     * Whether click events will not trigger the ripple. Ripples can be still launched manually
+     * by using the `launch()` method.
+     */
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        this._disabled = value;
+        this._setupTriggerEventsIfEnabled();
+    }
+    /**
+     * The element that triggers the ripple when click events are received.
+     * Defaults to the directive's host element.
+     */
+    get trigger() { return this._trigger || this._elementRef.nativeElement; }
+    set trigger(trigger) {
+        this._trigger = trigger;
+        this._setupTriggerEventsIfEnabled();
+    }
+    ngOnInit() {
+        this._isInitialized = true;
+        this._setupTriggerEventsIfEnabled();
+    }
+    ngOnDestroy() {
+        this._rippleRenderer._removeTriggerEvents();
+    }
+    /** Fades out all currently showing ripple elements. */
+    fadeOutAll() {
+        this._rippleRenderer.fadeOutAll();
+    }
+    /**
+     * Ripple configuration from the directive's input values.
+     * @docs-private Implemented as part of RippleTarget
+     */
+    get rippleConfig() {
+        return {
+            centered: this.centered,
+            radius: this.radius,
+            color: this.color,
+            animation: Object.assign(Object.assign(Object.assign({}, this._globalOptions.animation), (this._animationMode === 'NoopAnimations' ? { enterDuration: 0, exitDuration: 0 } : {})), this.animation),
+            terminateOnPointerUp: this._globalOptions.terminateOnPointerUp,
+        };
+    }
+    /**
+     * Whether ripples on pointer-down are disabled or not.
+     * @docs-private Implemented as part of RippleTarget
+     */
+    get rippleDisabled() {
+        return this.disabled || !!this._globalOptions.disabled;
+    }
+    /** Sets up the trigger event listeners if ripples are enabled. */
+    _setupTriggerEventsIfEnabled() {
+        if (!this.disabled && this._isInitialized) {
+            this._rippleRenderer.setupTriggerEvents(this.trigger);
         }
-        /** Sets up the trigger event listeners if ripples are enabled. */
-        _setupTriggerEventsIfEnabled() {
-            if (!this.disabled && this._isInitialized) {
-                this._rippleRenderer.setupTriggerEvents(this.trigger);
-            }
+    }
+    /** Launches a manual ripple at the specified coordinated or just by the ripple config. */
+    launch(configOrX, y = 0, config) {
+        if (typeof configOrX === 'number') {
+            return this._rippleRenderer.fadeInRipple(configOrX, y, Object.assign(Object.assign({}, this.rippleConfig), config));
         }
-        /** Launches a manual ripple at the specified coordinated or just by the ripple config. */
-        launch(configOrX, y = 0, config) {
-            if (typeof configOrX === 'number') {
-                return this._rippleRenderer.fadeInRipple(configOrX, y, Object.assign(Object.assign({}, this.rippleConfig), config));
-            }
-            else {
-                return this._rippleRenderer.fadeInRipple(0, 0, Object.assign(Object.assign({}, this.rippleConfig), configOrX));
-            }
+        else {
+            return this._rippleRenderer.fadeInRipple(0, 0, Object.assign(Object.assign({}, this.rippleConfig), configOrX));
         }
     }
-    MatRipple.decorators = [
-        { type: Directive, args: [{
-                    selector: '[mat-ripple], [matRipple]',
-                    exportAs: 'matRipple',
-                    host: {
-                        'class': 'mat-ripple',
-                        '[class.mat-ripple-unbounded]': 'unbounded'
-                    }
-                },] }
-    ];
-    MatRipple.ctorParameters = () => [
-        { type: ElementRef },
-        { type: NgZone },
-        { type: Platform },
-        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [MAT_RIPPLE_GLOBAL_OPTIONS,] }] },
-        { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] }
-    ];
-    MatRipple.propDecorators = {
-        color: [{ type: Input, args: ['matRippleColor',] }],
-        unbounded: [{ type: Input, args: ['matRippleUnbounded',] }],
-        centered: [{ type: Input, args: ['matRippleCentered',] }],
-        radius: [{ type: Input, args: ['matRippleRadius',] }],
-        animation: [{ type: Input, args: ['matRippleAnimation',] }],
-        disabled: [{ type: Input, args: ['matRippleDisabled',] }],
-        trigger: [{ type: Input, args: ['matRippleTrigger',] }]
-    };
-    return MatRipple;
-})();
+}
+MatRipple.decorators = [
+    { type: Directive, args: [{
+                selector: '[mat-ripple], [matRipple]',
+                exportAs: 'matRipple',
+                host: {
+                    'class': 'mat-ripple',
+                    '[class.mat-ripple-unbounded]': 'unbounded'
+                }
+            },] }
+];
+MatRipple.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgZone },
+    { type: Platform },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [MAT_RIPPLE_GLOBAL_OPTIONS,] }] },
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] }
+];
+MatRipple.propDecorators = {
+    color: [{ type: Input, args: ['matRippleColor',] }],
+    unbounded: [{ type: Input, args: ['matRippleUnbounded',] }],
+    centered: [{ type: Input, args: ['matRippleCentered',] }],
+    radius: [{ type: Input, args: ['matRippleRadius',] }],
+    animation: [{ type: Input, args: ['matRippleAnimation',] }],
+    disabled: [{ type: Input, args: ['matRippleDisabled',] }],
+    trigger: [{ type: Input, args: ['matRippleTrigger',] }]
+};
 
 /**
  * @license
@@ -1317,18 +1284,15 @@ let MatRipple = /** @class */ (() => {
  * 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
  */
-let MatRippleModule = /** @class */ (() => {
-    class MatRippleModule {
-    }
-    MatRippleModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [MatCommonModule, PlatformModule],
-                    exports: [MatRipple, MatCommonModule],
-                    declarations: [MatRipple],
-                },] }
-    ];
-    return MatRippleModule;
-})();
+class MatRippleModule {
+}
+MatRippleModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [MatCommonModule, PlatformModule],
+                exports: [MatRipple, MatCommonModule],
+                declarations: [MatRipple],
+            },] }
+];
 
 /**
  * @license
@@ -1350,41 +1314,38 @@ let MatRippleModule = /** @class */ (() => {
  * of more complex components that appropriately handle selected / checked state.
  * @docs-private
  */
-let MatPseudoCheckbox = /** @class */ (() => {
-    class MatPseudoCheckbox {
-        constructor(_animationMode) {
-            this._animationMode = _animationMode;
-            /** Display state of the checkbox. */
-            this.state = 'unchecked';
-            /** Whether the checkbox is disabled. */
-            this.disabled = false;
-        }
+class MatPseudoCheckbox {
+    constructor(_animationMode) {
+        this._animationMode = _animationMode;
+        /** Display state of the checkbox. */
+        this.state = 'unchecked';
+        /** Whether the checkbox is disabled. */
+        this.disabled = false;
     }
-    MatPseudoCheckbox.decorators = [
-        { type: Component, args: [{
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'mat-pseudo-checkbox',
-                    template: '',
-                    host: {
-                        'class': 'mat-pseudo-checkbox',
-                        '[class.mat-pseudo-checkbox-indeterminate]': 'state === "indeterminate"',
-                        '[class.mat-pseudo-checkbox-checked]': 'state === "checked"',
-                        '[class.mat-pseudo-checkbox-disabled]': 'disabled',
-                        '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
-                    },
-                    styles: [".mat-pseudo-checkbox{width:16px;height:16px;border:2px solid;border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0, 0, 0.2, 0.1),background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox::after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate{border-color:transparent}._mat-animation-noopable.mat-pseudo-checkbox{transition:none;animation:none}._mat-animation-noopable.mat-pseudo-checkbox::after{transition:none}.mat-pseudo-checkbox-disabled{cursor:default}.mat-pseudo-checkbox-indeterminate::after{top:5px;left:1px;width:10px;opacity:1;border-radius:2px}.mat-pseudo-checkbox-checked::after{top:2.4px;left:1px;width:8px;height:3px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}\n"]
-                },] }
-    ];
-    MatPseudoCheckbox.ctorParameters = () => [
-        { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] }
-    ];
-    MatPseudoCheckbox.propDecorators = {
-        state: [{ type: Input }],
-        disabled: [{ type: Input }]
-    };
-    return MatPseudoCheckbox;
-})();
+}
+MatPseudoCheckbox.decorators = [
+    { type: Component, args: [{
+                encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                selector: 'mat-pseudo-checkbox',
+                template: '',
+                host: {
+                    'class': 'mat-pseudo-checkbox',
+                    '[class.mat-pseudo-checkbox-indeterminate]': 'state === "indeterminate"',
+                    '[class.mat-pseudo-checkbox-checked]': 'state === "checked"',
+                    '[class.mat-pseudo-checkbox-disabled]': 'disabled',
+                    '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
+                },
+                styles: [".mat-pseudo-checkbox{width:16px;height:16px;border:2px solid;border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0, 0, 0.2, 0.1),background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox::after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate{border-color:transparent}._mat-animation-noopable.mat-pseudo-checkbox{transition:none;animation:none}._mat-animation-noopable.mat-pseudo-checkbox::after{transition:none}.mat-pseudo-checkbox-disabled{cursor:default}.mat-pseudo-checkbox-indeterminate::after{top:5px;left:1px;width:10px;opacity:1;border-radius:2px}.mat-pseudo-checkbox-checked::after{top:2.4px;left:1px;width:8px;height:3px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}\n"]
+            },] }
+];
+MatPseudoCheckbox.ctorParameters = () => [
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] }
+];
+MatPseudoCheckbox.propDecorators = {
+    state: [{ type: Input }],
+    disabled: [{ type: Input }]
+};
 
 /**
  * @license
@@ -1393,17 +1354,14 @@ let MatPseudoCheckbox = /** @class */ (() => {
  * 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
  */
-let MatPseudoCheckboxModule = /** @class */ (() => {
-    class MatPseudoCheckboxModule {
-    }
-    MatPseudoCheckboxModule.decorators = [
-        { type: NgModule, args: [{
-                    exports: [MatPseudoCheckbox],
-                    declarations: [MatPseudoCheckbox]
-                },] }
-    ];
-    return MatPseudoCheckboxModule;
-})();
+class MatPseudoCheckboxModule {
+}
+MatPseudoCheckboxModule.decorators = [
+    { type: NgModule, args: [{
+                exports: [MatPseudoCheckbox],
+                declarations: [MatPseudoCheckbox]
+            },] }
+];
 
 /**
  * @license
@@ -1419,40 +1377,44 @@ class MatOptgroupBase {
 const _MatOptgroupMixinBase = mixinDisabled(MatOptgroupBase);
 // Counter for unique group ids.
 let _uniqueOptgroupIdCounter = 0;
+/**
+ * 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
+ * retention of the class and its component metadata.
+ */
+const MAT_OPTGROUP = new InjectionToken('MatOptgroup');
 /**
  * Component that is used to group instances of `mat-option`.
  */
-let MatOptgroup = /** @class */ (() => {
-    class MatOptgroup extends _MatOptgroupMixinBase {
-        constructor() {
-            super(...arguments);
-            /** Unique id for the underlying label. */
-            this._labelId = `mat-optgroup-label-${_uniqueOptgroupIdCounter++}`;
-        }
+class MatOptgroup extends _MatOptgroupMixinBase {
+    constructor() {
+        super(...arguments);
+        /** Unique id for the underlying label. */
+        this._labelId = `mat-optgroup-label-${_uniqueOptgroupIdCounter++}`;
     }
-    MatOptgroup.decorators = [
-        { type: Component, args: [{
-                    selector: 'mat-optgroup',
-                    exportAs: 'matOptgroup',
-                    template: "<label class=\"mat-optgroup-label\" [id]=\"_labelId\">{{ label }} <ng-content></ng-content></label>\n<ng-content select=\"mat-option, ng-container\"></ng-content>\n",
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    inputs: ['disabled'],
-                    host: {
-                        'class': 'mat-optgroup',
-                        'role': 'group',
-                        '[class.mat-optgroup-disabled]': 'disabled',
-                        '[attr.aria-disabled]': 'disabled.toString()',
-                        '[attr.aria-labelledby]': '_labelId',
-                    },
-                    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 }]
-    };
-    return MatOptgroup;
-})();
+}
+MatOptgroup.decorators = [
+    { type: Component, args: [{
+                selector: 'mat-optgroup',
+                exportAs: 'matOptgroup',
+                template: "<label class=\"mat-optgroup-label\" [id]=\"_labelId\">{{ label }} <ng-content></ng-content></label>\n<ng-content select=\"mat-option, ng-container\"></ng-content>\n",
+                encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                inputs: ['disabled'],
+                host: {
+                    'class': 'mat-optgroup',
+                    'role': 'group',
+                    '[class.mat-optgroup-disabled]': 'disabled',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '[attr.aria-labelledby]': '_labelId',
+                },
+                providers: [{ provide: MAT_OPTGROUP, useExisting: MatOptgroup }],
+                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
@@ -1484,198 +1446,195 @@ const MAT_OPTION_PARENT_COMPONENT = new InjectionToken('MAT_OPTION_PARENT_COMPON
 /**
  * Single option inside of a `<mat-select>` element.
  */
-let MatOption = /** @class */ (() => {
-    class MatOption {
-        constructor(_element, _changeDetectorRef, _parent, group) {
-            this._element = _element;
-            this._changeDetectorRef = _changeDetectorRef;
-            this._parent = _parent;
-            this.group = group;
-            this._selected = false;
-            this._active = false;
-            this._disabled = false;
-            this._mostRecentViewValue = '';
-            /** The unique ID of the option. */
-            this.id = `mat-option-${_uniqueIdCounter++}`;
-            /** Event emitted when the option is selected or deselected. */
-            // tslint:disable-next-line:no-output-on-prefix
-            this.onSelectionChange = new EventEmitter();
-            /** Emits when the state of the option changes and any parents have to be notified. */
-            this._stateChanges = new Subject();
-        }
-        /** Whether the wrapping component is in multiple selection mode. */
-        get multiple() { return this._parent && this._parent.multiple; }
-        /** Whether or not the option is currently selected. */
-        get selected() { return this._selected; }
-        /** Whether the option is disabled. */
-        get disabled() { return (this.group && this.group.disabled) || this._disabled; }
-        set disabled(value) { this._disabled = coerceBooleanProperty(value); }
-        /** Whether ripples for the option are disabled. */
-        get disableRipple() { return this._parent && this._parent.disableRipple; }
-        /**
-         * Whether or not the option is currently active and ready to be selected.
-         * An active option displays styles as if it is focused, but the
-         * focus is actually retained somewhere else. This comes in handy
-         * for components like autocomplete where focus must remain on the input.
-         */
-        get active() {
-            return this._active;
-        }
-        /**
-         * The displayed value of the option. It is necessary to show the selected option in the
-         * select's trigger.
-         */
-        get viewValue() {
-            // TODO(kara): Add input property alternative for node envs.
-            return (this._getHostElement().textContent || '').trim();
-        }
-        /** Selects the option. */
-        select() {
-            if (!this._selected) {
-                this._selected = true;
-                this._changeDetectorRef.markForCheck();
-                this._emitSelectionChangeEvent();
-            }
-        }
-        /** Deselects the option. */
-        deselect() {
-            if (this._selected) {
-                this._selected = false;
-                this._changeDetectorRef.markForCheck();
-                this._emitSelectionChangeEvent();
-            }
-        }
-        /** Sets focus onto this option. */
-        focus(_origin, options) {
-            // Note that we aren't using `_origin`, but we need to keep it because some internal consumers
-            // use `MatOption` in a `FocusKeyManager` and we need it to match `FocusableOption`.
-            const element = this._getHostElement();
-            if (typeof element.focus === 'function') {
-                element.focus(options);
-            }
-        }
-        /**
-         * This method sets display styles on the option to make it appear
-         * active. This is used by the ActiveDescendantKeyManager so key
-         * events will display the proper options as active on arrow key events.
-         */
-        setActiveStyles() {
-            if (!this._active) {
-                this._active = true;
-                this._changeDetectorRef.markForCheck();
-            }
-        }
-        /**
-         * This method removes display styles on the option that made it appear
-         * active. This is used by the ActiveDescendantKeyManager so key
-         * events will display the proper options as active on arrow key events.
-         */
-        setInactiveStyles() {
-            if (this._active) {
-                this._active = false;
-                this._changeDetectorRef.markForCheck();
-            }
+class MatOption {
+    constructor(_element, _changeDetectorRef, _parent, group) {
+        this._element = _element;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._parent = _parent;
+        this.group = group;
+        this._selected = false;
+        this._active = false;
+        this._disabled = false;
+        this._mostRecentViewValue = '';
+        /** The unique ID of the option. */
+        this.id = `mat-option-${_uniqueIdCounter++}`;
+        /** Event emitted when the option is selected or deselected. */
+        // tslint:disable-next-line:no-output-on-prefix
+        this.onSelectionChange = new EventEmitter();
+        /** Emits when the state of the option changes and any parents have to be notified. */
+        this._stateChanges = new Subject();
+    }
+    /** Whether the wrapping component is in multiple selection mode. */
+    get multiple() { return this._parent && this._parent.multiple; }
+    /** Whether or not the option is currently selected. */
+    get selected() { return this._selected; }
+    /** Whether the option is disabled. */
+    get disabled() { return (this.group && this.group.disabled) || this._disabled; }
+    set disabled(value) { this._disabled = coerceBooleanProperty(value); }
+    /** Whether ripples for the option are disabled. */
+    get disableRipple() { return this._parent && this._parent.disableRipple; }
+    /**
+     * Whether or not the option is currently active and ready to be selected.
+     * An active option displays styles as if it is focused, but the
+     * focus is actually retained somewhere else. This comes in handy
+     * for components like autocomplete where focus must remain on the input.
+     */
+    get active() {
+        return this._active;
+    }
+    /**
+     * The displayed value of the option. It is necessary to show the selected option in the
+     * select's trigger.
+     */
+    get viewValue() {
+        // TODO(kara): Add input property alternative for node envs.
+        return (this._getHostElement().textContent || '').trim();
+    }
+    /** Selects the option. */
+    select() {
+        if (!this._selected) {
+            this._selected = true;
+            this._changeDetectorRef.markForCheck();
+            this._emitSelectionChangeEvent();
         }
-        /** Gets the label to be used when determining whether the option should be focused. */
-        getLabel() {
-            return this.viewValue;
+    }
+    /** Deselects the option. */
+    deselect() {
+        if (this._selected) {
+            this._selected = false;
+            this._changeDetectorRef.markForCheck();
+            this._emitSelectionChangeEvent();
         }
-        /** Ensures the option is selected when activated from the keyboard. */
-        _handleKeydown(event) {
-            if ((event.keyCode === ENTER || event.keyCode === SPACE) && !hasModifierKey(event)) {
-                this._selectViaInteraction();
-                // Prevent the page from scrolling down and form submits.
-                event.preventDefault();
-            }
+    }
+    /** Sets focus onto this option. */
+    focus(_origin, options) {
+        // Note that we aren't using `_origin`, but we need to keep it because some internal consumers
+        // use `MatOption` in a `FocusKeyManager` and we need it to match `FocusableOption`.
+        const element = this._getHostElement();
+        if (typeof element.focus === 'function') {
+            element.focus(options);
         }
-        /**
-         * `Selects the option while indicating the selection came from the user. Used to
-         * determine if the select's view -> model callback should be invoked.`
-         */
-        _selectViaInteraction() {
-            if (!this.disabled) {
-                this._selected = this.multiple ? !this._selected : true;
-                this._changeDetectorRef.markForCheck();
-                this._emitSelectionChangeEvent(true);
-            }
+    }
+    /**
+     * This method sets display styles on the option to make it appear
+     * active. This is used by the ActiveDescendantKeyManager so key
+     * events will display the proper options as active on arrow key events.
+     */
+    setActiveStyles() {
+        if (!this._active) {
+            this._active = true;
+            this._changeDetectorRef.markForCheck();
         }
-        /**
-         * Gets the `aria-selected` value for the option. We explicitly omit the `aria-selected`
-         * attribute from single-selection, unselected options. Including the `aria-selected="false"`
-         * attributes adds a significant amount of noise to screen-reader users without providing useful
-         * information.
-         */
-        _getAriaSelected() {
-            return this.selected || (this.multiple ? false : null);
+    }
+    /**
+     * This method removes display styles on the option that made it appear
+     * active. This is used by the ActiveDescendantKeyManager so key
+     * events will display the proper options as active on arrow key events.
+     */
+    setInactiveStyles() {
+        if (this._active) {
+            this._active = false;
+            this._changeDetectorRef.markForCheck();
         }
-        /** Returns the correct tabindex for the option depending on disabled state. */
-        _getTabIndex() {
-            return this.disabled ? '-1' : '0';
+    }
+    /** Gets the label to be used when determining whether the option should be focused. */
+    getLabel() {
+        return this.viewValue;
+    }
+    /** Ensures the option is selected when activated from the keyboard. */
+    _handleKeydown(event) {
+        if ((event.keyCode === ENTER || event.keyCode === SPACE) && !hasModifierKey(event)) {
+            this._selectViaInteraction();
+            // Prevent the page from scrolling down and form submits.
+            event.preventDefault();
         }
-        /** Gets the host DOM element. */
-        _getHostElement() {
-            return this._element.nativeElement;
+    }
+    /**
+     * `Selects the option while indicating the selection came from the user. Used to
+     * determine if the select's view -> model callback should be invoked.`
+     */
+    _selectViaInteraction() {
+        if (!this.disabled) {
+            this._selected = this.multiple ? !this._selected : true;
+            this._changeDetectorRef.markForCheck();
+            this._emitSelectionChangeEvent(true);
         }
-        ngAfterViewChecked() {
-            // Since parent components could be using the option's label to display the selected values
-            // (e.g. `mat-select`) and they don't have a way of knowing if the option's label has changed
-            // we have to check for changes in the DOM ourselves and dispatch an event. These checks are
-            // relatively cheap, however we still limit them only to selected options in order to avoid
-            // hitting the DOM too often.
-            if (this._selected) {
-                const viewValue = this.viewValue;
-                if (viewValue !== this._mostRecentViewValue) {
-                    this._mostRecentViewValue = viewValue;
-                    this._stateChanges.next();
-                }
+    }
+    /**
+     * Gets the `aria-selected` value for the option. We explicitly omit the `aria-selected`
+     * attribute from single-selection, unselected options. Including the `aria-selected="false"`
+     * attributes adds a significant amount of noise to screen-reader users without providing useful
+     * information.
+     */
+    _getAriaSelected() {
+        return this.selected || (this.multiple ? false : null);
+    }
+    /** Returns the correct tabindex for the option depending on disabled state. */
+    _getTabIndex() {
+        return this.disabled ? '-1' : '0';
+    }
+    /** Gets the host DOM element. */
+    _getHostElement() {
+        return this._element.nativeElement;
+    }
+    ngAfterViewChecked() {
+        // Since parent components could be using the option's label to display the selected values
+        // (e.g. `mat-select`) and they don't have a way of knowing if the option's label has changed
+        // we have to check for changes in the DOM ourselves and dispatch an event. These checks are
+        // relatively cheap, however we still limit them only to selected options in order to avoid
+        // hitting the DOM too often.
+        if (this._selected) {
+            const viewValue = this.viewValue;
+            if (viewValue !== this._mostRecentViewValue) {
+                this._mostRecentViewValue = viewValue;
+                this._stateChanges.next();
             }
         }
-        ngOnDestroy() {
-            this._stateChanges.complete();
-        }
-        /** Emits the selection change event. */
-        _emitSelectionChangeEvent(isUserInput = false) {
-            this.onSelectionChange.emit(new MatOptionSelectionChange(this, isUserInput));
-        }
     }
-    MatOption.decorators = [
-        { type: Component, args: [{
-                    selector: 'mat-option',
-                    exportAs: 'matOption',
-                    host: {
-                        'role': 'option',
-                        '[attr.tabindex]': '_getTabIndex()',
-                        '[class.mat-selected]': 'selected',
-                        '[class.mat-option-multiple]': 'multiple',
-                        '[class.mat-active]': 'active',
-                        '[id]': 'id',
-                        '[attr.aria-selected]': '_getAriaSelected()',
-                        '[attr.aria-disabled]': 'disabled.toString()',
-                        '[class.mat-option-disabled]': 'disabled',
-                        '(click)': '_selectViaInteraction()',
-                        '(keydown)': '_handleKeydown($event)',
-                        'class': 'mat-option mat-focus-indicator',
-                    },
-                    template: "<mat-pseudo-checkbox *ngIf=\"multiple\" class=\"mat-option-pseudo-checkbox\"\n    [state]=\"selected ? 'checked' : 'unchecked'\" [disabled]=\"disabled\"></mat-pseudo-checkbox>\n\n<span class=\"mat-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mat-option-ripple\" mat-ripple\n     [matRippleTrigger]=\"_getHostElement()\"\n     [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n",
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    styles: [".mat-option{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%;position:relative;cursor:pointer;outline:none;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center;-webkit-tap-highlight-color:transparent}.mat-option[disabled]{cursor:default}[dir=rtl] .mat-option{text-align:right}.mat-option .mat-icon{margin-right:16px;vertical-align:middle}.mat-option .mat-icon svg{vertical-align:top}[dir=rtl] .mat-option .mat-icon{margin-left:16px;margin-right:0}.mat-option[aria-disabled=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:32px}[dir=rtl] .mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:16px;padding-right:32px}.cdk-high-contrast-active .mat-option{margin:0 1px}.cdk-high-contrast-active .mat-option.mat-active{border:solid 1px currentColor;margin:0}.mat-option-text{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis}.mat-option .mat-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.cdk-high-contrast-active .mat-option .mat-option-ripple{opacity:.5}.mat-option-pseudo-checkbox{margin-right:8px}[dir=rtl] .mat-option-pseudo-checkbox{margin-left:8px;margin-right:0}\n"]
-                },] }
-    ];
-    MatOption.ctorParameters = () => [
-        { type: ElementRef },
-        { type: ChangeDetectorRef },
-        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [MAT_OPTION_PARENT_COMPONENT,] }] },
-        { type: MatOptgroup, decorators: [{ type: Optional }] }
-    ];
-    MatOption.propDecorators = {
-        value: [{ type: Input }],
-        id: [{ type: Input }],
-        disabled: [{ type: Input }],
-        onSelectionChange: [{ type: Output }]
-    };
-    return MatOption;
-})();
+    ngOnDestroy() {
+        this._stateChanges.complete();
+    }
+    /** Emits the selection change event. */
+    _emitSelectionChangeEvent(isUserInput = false) {
+        this.onSelectionChange.emit(new MatOptionSelectionChange(this, isUserInput));
+    }
+}
+MatOption.decorators = [
+    { type: Component, args: [{
+                selector: 'mat-option',
+                exportAs: 'matOption',
+                host: {
+                    'role': 'option',
+                    '[attr.tabindex]': '_getTabIndex()',
+                    '[class.mat-selected]': 'selected',
+                    '[class.mat-option-multiple]': 'multiple',
+                    '[class.mat-active]': 'active',
+                    '[id]': 'id',
+                    '[attr.aria-selected]': '_getAriaSelected()',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '[class.mat-option-disabled]': 'disabled',
+                    '(click)': '_selectViaInteraction()',
+                    '(keydown)': '_handleKeydown($event)',
+                    'class': 'mat-option mat-focus-indicator',
+                },
+                template: "<mat-pseudo-checkbox *ngIf=\"multiple\" class=\"mat-option-pseudo-checkbox\"\n    [state]=\"selected ? 'checked' : 'unchecked'\" [disabled]=\"disabled\"></mat-pseudo-checkbox>\n\n<span class=\"mat-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mat-option-ripple\" mat-ripple\n     [matRippleTrigger]=\"_getHostElement()\"\n     [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n",
+                encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".mat-option{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%;position:relative;cursor:pointer;outline:none;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center;-webkit-tap-highlight-color:transparent}.mat-option[disabled]{cursor:default}[dir=rtl] .mat-option{text-align:right}.mat-option .mat-icon{margin-right:16px;vertical-align:middle}.mat-option .mat-icon svg{vertical-align:top}[dir=rtl] .mat-option .mat-icon{margin-left:16px;margin-right:0}.mat-option[aria-disabled=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:32px}[dir=rtl] .mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:16px;padding-right:32px}.cdk-high-contrast-active .mat-option{margin:0 1px}.cdk-high-contrast-active .mat-option.mat-active{border:solid 1px currentColor;margin:0}.mat-option-text{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis}.mat-option .mat-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.cdk-high-contrast-active .mat-option .mat-option-ripple{opacity:.5}.mat-option-pseudo-checkbox{margin-right:8px}[dir=rtl] .mat-option-pseudo-checkbox{margin-left:8px;margin-right:0}\n"]
+            },] }
+];
+MatOption.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef },
+    { 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.
@@ -1723,18 +1682,15 @@ function _getOptionScrollPosition(optionIndex, optionHeight, currentScrollPositi
  * 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
  */
-let MatOptionModule = /** @class */ (() => {
-    class MatOptionModule {
-    }
-    MatOptionModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [MatRippleModule, CommonModule, MatPseudoCheckboxModule],
-                    exports: [MatOption, MatOptgroup],
-                    declarations: [MatOption, MatOptgroup]
-                },] }
-    ];
-    return MatOptionModule;
-})();
+class MatOptionModule {
+}
+MatOptionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [MatRippleModule, CommonModule, MatPseudoCheckboxModule],
+                exports: [MatOption, MatOptgroup],
+                declarations: [MatOption, MatOptgroup]
+            },] }
+];
 
 /**
  * @license
@@ -1778,5 +1734,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_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, _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