@angular/material 13.0.0-next.4 → 13.0.0-next.8

package/bundles/material-core.umd.js

@@ -1,2186 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/cdk/a11y'), require('@angular/cdk/bidi'), require('@angular/cdk'), require('@angular/common'), require('@angular/cdk/coercion'), require('rxjs'), require('@angular/cdk/platform'), require('rxjs/operators'), require('@angular/platform-browser/animations'), require('@angular/cdk/keycodes')) :
-    typeof define === 'function' && define.amd ? define('@angular/material/core', ['exports', '@angular/core', '@angular/cdk/a11y', '@angular/cdk/bidi', '@angular/cdk', '@angular/common', '@angular/cdk/coercion', 'rxjs', '@angular/cdk/platform', 'rxjs/operators', '@angular/platform-browser/animations', '@angular/cdk/keycodes'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ng = global.ng || {}, global.ng.material = global.ng.material || {}, global.ng.material.core = {}), global.ng.core, global.ng.cdk.a11y, global.ng.cdk.bidi, global.ng.cdk, global.ng.common, global.ng.cdk.coercion, global.rxjs, global.ng.cdk.platform, global.rxjs.operators, global.ng.platformBrowser.animations, global.ng.cdk.keycodes));
-}(this, (function (exports, i0, a11y, bidi, cdk, common, coercion, rxjs, platform, operators, animations, keycodes) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
-                    });
-                }
-            });
-        }
-        n['default'] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /** Current version of Angular Material. */
-    var VERSION$1 = new i0.Version('13.0.0-next.4');
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /** @docs-private */
-    var AnimationCurves = /** @class */ (function () {
-        function AnimationCurves() {
-        }
-        return 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 */
-    var AnimationDurations = /** @class */ (function () {
-        function AnimationDurations() {
-        }
-        return AnimationDurations;
-    }());
-    AnimationDurations.COMPLEX = '375ms';
-    AnimationDurations.ENTERING = '225ms';
-    AnimationDurations.EXITING = '195ms';
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    // Private version constant to circumvent test/build issues,
-    // 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
-    var VERSION = new i0.Version('13.0.0-next.4');
-    /** @docs-private */
-    function MATERIAL_SANITY_CHECKS_FACTORY() {
-        return true;
-    }
-    /** Injection token that configures whether the Material sanity checks are enabled. */
-    var MATERIAL_SANITY_CHECKS = new i0.InjectionToken('mat-sanity-checks', {
-        providedIn: 'root',
-        factory: MATERIAL_SANITY_CHECKS_FACTORY,
-    });
-    /**
-     * Module that captures anything that should be loaded and/or run for *all* Angular Material
-     * components. This includes Bidi, etc.
-     *
-     * This module should be imported to each top-level component module (e.g., MatTabsModule).
-     */
-    var MatCommonModule = /** @class */ (function () {
-        function MatCommonModule(highContrastModeDetector, sanityChecks, 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 */
-        MatCommonModule.prototype._getWindow = function () {
-            var win = this._document.defaultView || window;
-            return typeof win === 'object' && win ? win : null;
-        };
-        /** Gets whether a specific sanity check is enabled. */
-        MatCommonModule.prototype._checkIsEnabled = function (name) {
-            // 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
-            if (!i0.isDevMode() || this._isTestEnv()) {
-                return false;
-            }
-            if (typeof this._sanityChecks === 'boolean') {
-                return this._sanityChecks;
-            }
-            return !!this._sanityChecks[name];
-        };
-        /** Whether the code is running in tests. */
-        MatCommonModule.prototype._isTestEnv = function () {
-            var window = this._getWindow();
-            return window && (window.__karma__ || window.jasmine);
-        };
-        MatCommonModule.prototype._checkDoctypeIsDefined = function () {
-            if (this._checkIsEnabled('doctype') && !this._document.doctype) {
-                console.warn('Current document does not have a doctype. This may cause ' +
-                    'some Angular Material components not to behave as expected.');
-            }
-        };
-        MatCommonModule.prototype._checkThemeIsPresent = function () {
-            // 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`.
-            if (!this._checkIsEnabled('theme') || !this._document.body ||
-                typeof getComputedStyle !== 'function') {
-                return;
-            }
-            var testElement = this._document.createElement('div');
-            testElement.classList.add('mat-theme-loaded-marker');
-            this._document.body.appendChild(testElement);
-            var 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');
-            }
-            this._document.body.removeChild(testElement);
-        };
-        /** Checks whether the material version matches the cdk version */
-        MatCommonModule.prototype._checkCdkVersionMatch = function () {
-            if (this._checkIsEnabled('version') && VERSION.full !== cdk.VERSION.full) {
-                console.warn('The Angular Material version (' + VERSION.full + ') does not match ' +
-                    'the Angular CDK version (' + cdk.VERSION.full + ').\n' +
-                    'Please ensure the versions of these two packages exactly match.');
-            }
-        };
-        return MatCommonModule;
-    }());
-    MatCommonModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [bidi.BidiModule],
-                    exports: [bidi.BidiModule],
-                },] }
-    ];
-    MatCommonModule.ctorParameters = function () { return [
-        { type: a11y.HighContrastModeDetector },
-        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [MATERIAL_SANITY_CHECKS,] }] },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] }
-    ]; };
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || from);
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    function mixinDisabled(base) {
-        return /** @class */ (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
-                _this._disabled = false;
-                return _this;
-            }
-            Object.defineProperty(class_1.prototype, "disabled", {
-                get: function () { return this._disabled; },
-                set: function (value) { this._disabled = coercion.coerceBooleanProperty(value); },
-                enumerable: false,
-                configurable: true
-            });
-            return class_1;
-        }(base));
-    }
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    function mixinColor(base, defaultColor) {
-        return /** @class */ (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
-                _this.defaultColor = defaultColor;
-                // Set the default color that can be specified from the mixin.
-                _this.color = defaultColor;
-                return _this;
-            }
-            Object.defineProperty(class_1.prototype, "color", {
-                get: function () { return this._color; },
-                set: function (value) {
-                    var colorPalette = value || this.defaultColor;
-                    if (colorPalette !== this._color) {
-                        if (this._color) {
-                            this._elementRef.nativeElement.classList.remove("mat-" + this._color);
-                        }
-                        if (colorPalette) {
-                            this._elementRef.nativeElement.classList.add("mat-" + colorPalette);
-                        }
-                        this._color = colorPalette;
-                    }
-                },
-                enumerable: false,
-                configurable: true
-            });
-            return class_1;
-        }(base));
-    }
-
-    function mixinDisableRipple(base) {
-        return /** @class */ (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
-                _this._disableRipple = false;
-                return _this;
-            }
-            Object.defineProperty(class_1.prototype, "disableRipple", {
-                /** Whether the ripple effect is disabled or not. */
-                get: function () { return this._disableRipple; },
-                set: function (value) { this._disableRipple = coercion.coerceBooleanProperty(value); },
-                enumerable: false,
-                configurable: true
-            });
-            return class_1;
-        }(base));
-    }
-
-    function mixinTabIndex(base, defaultTabIndex) {
-        if (defaultTabIndex === void 0) { defaultTabIndex = 0; }
-        return /** @class */ (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
-                _this._tabIndex = defaultTabIndex;
-                _this.defaultTabIndex = defaultTabIndex;
-                return _this;
-            }
-            Object.defineProperty(class_1.prototype, "tabIndex", {
-                get: function () { return this.disabled ? -1 : this._tabIndex; },
-                set: function (value) {
-                    // If the specified tabIndex value is null or undefined, fall back to the default value.
-                    this._tabIndex = value != null ? coercion.coerceNumberProperty(value) : this.defaultTabIndex;
-                },
-                enumerable: false,
-                configurable: true
-            });
-            return class_1;
-        }(base));
-    }
-
-    function mixinErrorState(base) {
-        return /** @class */ (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
-                // This class member exists as an interop with `MatFormFieldControl` which expects
-                // a public `stateChanges` observable to emit whenever the form field should be updated.
-                // The description is not specifically mentioning the error state, as classes using this
-                // mixin can/should emit an event in other cases too.
-                /** Emits whenever the component state changes. */
-                _this.stateChanges = new rxjs.Subject();
-                /** Whether the component is in an error state. */
-                _this.errorState = false;
-                return _this;
-            }
-            /** Updates the error state based on the provided error state matcher. */
-            class_1.prototype.updateErrorState = function () {
-                var oldState = this.errorState;
-                var parent = this._parentFormGroup || this._parentForm;
-                var matcher = this.errorStateMatcher || this._defaultErrorStateMatcher;
-                var control = this.ngControl ? this.ngControl.control : null;
-                var newState = matcher.isErrorState(control, parent);
-                if (newState !== oldState) {
-                    this.errorState = newState;
-                    this.stateChanges.next();
-                }
-            };
-            return class_1;
-        }(base));
-    }
-
-    /** Mixin to augment a directive with an initialized property that will emits when ngOnInit ends. */
-    function mixinInitialized(base) {
-        return /** @class */ (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                var _this = _super.apply(this, __spreadArray([], __read(args))) || this;
-                /** Whether this directive has been marked as initialized. */
-                _this._isInitialized = false;
-                /**
-                 * List of subscribers that subscribed before the directive was initialized. Should be notified
-                 * during _markInitialized. Set to null after pending subscribers are notified, and should
-                 * not expect to be populated after.
-                 */
-                _this._pendingSubscribers = [];
-                /**
-                 * Observable stream that emits when the directive initializes. If already initialized, the
-                 * subscriber is stored to be notified once _markInitialized is called.
-                 */
-                _this.initialized = new rxjs.Observable(function (subscriber) {
-                    // If initialized, immediately notify the subscriber. Otherwise store the subscriber to notify
-                    // when _markInitialized is called.
-                    if (_this._isInitialized) {
-                        _this._notifySubscriber(subscriber);
-                    }
-                    else {
-                        _this._pendingSubscribers.push(subscriber);
-                    }
-                });
-                return _this;
-            }
-            /**
-             * Marks the state as initialized and notifies pending subscribers. Should be called at the end
-             * of ngOnInit.
-             * @docs-private
-             */
-            class_1.prototype._markInitialized = function () {
-                if (this._isInitialized && (typeof ngDevMode === 'undefined' || ngDevMode)) {
-                    throw Error('This directive has already been marked as initialized and ' +
-                        'should not be called twice.');
-                }
-                this._isInitialized = true;
-                this._pendingSubscribers.forEach(this._notifySubscriber);
-                this._pendingSubscribers = null;
-            };
-            /** Emits and completes the subscriber stream (should only emit once). */
-            class_1.prototype._notifySubscriber = function (subscriber) {
-                subscriber.next();
-                subscriber.complete();
-            };
-            return class_1;
-        }(base));
-    }
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /** InjectionToken for datepicker that can be used to override default locale code. */
-    var MAT_DATE_LOCALE = new i0.InjectionToken('MAT_DATE_LOCALE', {
-        providedIn: 'root',
-        factory: MAT_DATE_LOCALE_FACTORY,
-    });
-    /** @docs-private */
-    function MAT_DATE_LOCALE_FACTORY() {
-        return i0.inject(i0.LOCALE_ID);
-    }
-    /** Adapts type `D` to be usable as a date by cdk-based components that work with dates. */
-    var DateAdapter = /** @class */ (function () {
-        function DateAdapter() {
-            this._localeChanges = new rxjs.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`.
-         */
-        DateAdapter.prototype.getValidDateOrNull = function (obj) {
-            return this.isDateInstance(obj) && this.isValid(obj) ? obj : null;
-        };
-        /**
-         * 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
-         * string). The default implementation does not allow any deserialization, it simply checks that
-         * the given value is already a valid date object or null. The `<mat-datepicker>` will call this
-         * method on all of its `@Input()` properties that accept dates. It is therefore possible to
-         * support passing values from your backend directly to these properties by overriding this method
-         * to also deserialize the format used by your backend.
-         * @param value The value to be deserialized into a date object.
-         * @returns The deserialized date object, either a valid date, null if the value can be
-         *     deserialized into a null date (e.g. the empty string), or an invalid date.
-         */
-        DateAdapter.prototype.deserialize = function (value) {
-            if (value == null || this.isDateInstance(value) && this.isValid(value)) {
-                return value;
-            }
-            return this.invalid();
-        };
-        /**
-         * Sets the locale used for all dates.
-         * @param locale The new locale.
-         */
-        DateAdapter.prototype.setLocale = function (locale) {
-            this.locale = locale;
-            this._localeChanges.next();
-        };
-        /**
-         * Compares two dates.
-         * @param first The first date to compare.
-         * @param second The second date to compare.
-         * @returns 0 if the dates are equal, a number less than 0 if the first date is earlier,
-         *     a number greater than 0 if the first date is later.
-         */
-        DateAdapter.prototype.compareDate = function (first, second) {
-            return this.getYear(first) - this.getYear(second) ||
-                this.getMonth(first) - this.getMonth(second) ||
-                this.getDate(first) - this.getDate(second);
-        };
-        /**
-         * Checks if two dates are equal.
-         * @param first The first date to check.
-         * @param second The second date to check.
-         * @returns Whether the two dates are equal.
-         *     Null dates are considered equal to other null dates.
-         */
-        DateAdapter.prototype.sameDate = function (first, second) {
-            if (first && second) {
-                var firstValid = this.isValid(first);
-                var secondValid = this.isValid(second);
-                if (firstValid && secondValid) {
-                    return !this.compareDate(first, second);
-                }
-                return firstValid == secondValid;
-            }
-            return first == second;
-        };
-        /**
-         * Clamp the given date between min and max dates.
-         * @param date The date to clamp.
-         * @param min The minimum value to allow. If null or omitted no min is enforced.
-         * @param max The maximum value to allow. If null or omitted no max is enforced.
-         * @returns `min` if `date` is less than `min`, `max` if date is greater than `max`,
-         *     otherwise `date`.
-         */
-        DateAdapter.prototype.clampDate = function (date, min, max) {
-            if (min && this.compareDate(date, min) < 0) {
-                return min;
-            }
-            if (max && this.compareDate(date, max) > 0) {
-                return max;
-            }
-            return date;
-        };
-        return DateAdapter;
-    }());
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    var MAT_DATE_FORMATS = new i0.InjectionToken('mat-date-formats');
-
-    /**
-     * Matches strings that have the form of a valid RFC 3339 string
-     * (https://tools.ietf.org/html/rfc3339). Note that the string may not actually be a valid date
-     * because the regex will match strings an with out of bounds month, date, etc.
-     */
-    var ISO_8601_REGEX = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
-    /** Creates an array and fills it with values. */
-    function range(length, valueFunction) {
-        var valuesArray = Array(length);
-        for (var i = 0; i < length; i++) {
-            valuesArray[i] = valueFunction(i);
-        }
-        return valuesArray;
-    }
-    /** Adapts the native JS Date for use with cdk-based components that work with dates. */
-    var NativeDateAdapter = /** @class */ (function (_super) {
-        __extends(NativeDateAdapter, _super);
-        function NativeDateAdapter(matDateLocale, 
-        /**
-         * @deprecated No longer being used. To be removed.
-         * @breaking-change 14.0.0
-         */
-        _platform) {
-            var _this = _super.call(this) || this;
-            /**
-             * @deprecated No longer being used. To be removed.
-             * @breaking-change 14.0.0
-             */
-            _this.useUtcForDisplay = false;
-            _super.prototype.setLocale.call(_this, matDateLocale);
-            return _this;
-        }
-        NativeDateAdapter.prototype.getYear = function (date) {
-            return date.getFullYear();
-        };
-        NativeDateAdapter.prototype.getMonth = function (date) {
-            return date.getMonth();
-        };
-        NativeDateAdapter.prototype.getDate = function (date) {
-            return date.getDate();
-        };
-        NativeDateAdapter.prototype.getDayOfWeek = function (date) {
-            return date.getDay();
-        };
-        NativeDateAdapter.prototype.getMonthNames = function (style) {
-            var _this = this;
-            var dtf = new Intl.DateTimeFormat(this.locale, { month: style, timeZone: 'utc' });
-            return range(12, function (i) { return _this._format(dtf, new Date(2017, i, 1)); });
-        };
-        NativeDateAdapter.prototype.getDateNames = function () {
-            var _this = this;
-            var dtf = new Intl.DateTimeFormat(this.locale, { day: 'numeric', timeZone: 'utc' });
-            return range(31, function (i) { return _this._format(dtf, new Date(2017, 0, i + 1)); });
-        };
-        NativeDateAdapter.prototype.getDayOfWeekNames = function (style) {
-            var _this = this;
-            var dtf = new Intl.DateTimeFormat(this.locale, { weekday: style, timeZone: 'utc' });
-            return range(7, function (i) { return _this._format(dtf, new Date(2017, 0, i + 1)); });
-        };
-        NativeDateAdapter.prototype.getYearName = function (date) {
-            var dtf = new Intl.DateTimeFormat(this.locale, { year: 'numeric', timeZone: 'utc' });
-            return this._format(dtf, date);
-        };
-        NativeDateAdapter.prototype.getFirstDayOfWeek = function () {
-            // We can't tell using native JS Date what the first day of the week is, we default to Sunday.
-            return 0;
-        };
-        NativeDateAdapter.prototype.getNumDaysInMonth = function (date) {
-            return this.getDate(this._createDateWithOverflow(this.getYear(date), this.getMonth(date) + 1, 0));
-        };
-        NativeDateAdapter.prototype.clone = function (date) {
-            return new Date(date.getTime());
-        };
-        NativeDateAdapter.prototype.createDate = function (year, month, date) {
-            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.");
-                }
-            }
-            var 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 && (typeof ngDevMode === 'undefined' || ngDevMode)) {
-                throw Error("Invalid date \"" + date + "\" for month with index \"" + month + "\".");
-            }
-            return result;
-        };
-        NativeDateAdapter.prototype.today = function () {
-            return new Date();
-        };
-        NativeDateAdapter.prototype.parse = function (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;
-        };
-        NativeDateAdapter.prototype.format = function (date, displayFormat) {
-            if (!this.isValid(date)) {
-                throw Error('NativeDateAdapter: Cannot format invalid date.');
-            }
-            var dtf = new Intl.DateTimeFormat(this.locale, Object.assign(Object.assign({}, displayFormat), { timeZone: 'utc' }));
-            return this._format(dtf, date);
-        };
-        NativeDateAdapter.prototype.addCalendarYears = function (date, years) {
-            return this.addCalendarMonths(date, years * 12);
-        };
-        NativeDateAdapter.prototype.addCalendarMonths = function (date, months) {
-            var 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;
-        };
-        NativeDateAdapter.prototype.addCalendarDays = function (date, days) {
-            return this._createDateWithOverflow(this.getYear(date), this.getMonth(date), this.getDate(date) + days);
-        };
-        NativeDateAdapter.prototype.toIso8601 = function (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.
-         */
-        NativeDateAdapter.prototype.deserialize = function (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)) {
-                    var date = new Date(value);
-                    if (this.isValid(date)) {
-                        return date;
-                    }
-                }
-            }
-            return _super.prototype.deserialize.call(this, value);
-        };
-        NativeDateAdapter.prototype.isDateInstance = function (obj) {
-            return obj instanceof Date;
-        };
-        NativeDateAdapter.prototype.isValid = function (date) {
-            return !isNaN(date.getTime());
-        };
-        NativeDateAdapter.prototype.invalid = function () {
-            return new Date(NaN);
-        };
-        /** Creates a date but allows the month and date to overflow. */
-        NativeDateAdapter.prototype._createDateWithOverflow = function (year, month, date) {
-            // Passing the year to the constructor causes year numbers <100 to be converted to 19xx.
-            // To work around this we use `setFullYear` and `setHours` instead.
-            var d = new Date();
-            d.setFullYear(year, month, date);
-            d.setHours(0, 0, 0, 0);
-            return d;
-        };
-        /**
-         * Pads a number to make it two digits.
-         * @param n The number to pad.
-         * @returns The padded number.
-         */
-        NativeDateAdapter.prototype._2digit = function (n) {
-            return ('00' + n).slice(-2);
-        };
-        /**
-         * 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
-         */
-        NativeDateAdapter.prototype._format = function (dtf, date) {
-            // Passing the year to the constructor causes year numbers <100 to be converted to 19xx.
-            // To work around this we use `setUTCFullYear` and `setUTCHours` instead.
-            var d = new Date();
-            d.setUTCFullYear(date.getFullYear(), date.getMonth(), date.getDate());
-            d.setUTCHours(date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
-            return dtf.format(d);
-        };
-        return NativeDateAdapter;
-    }(DateAdapter));
-    NativeDateAdapter.decorators = [
-        { type: i0.Injectable }
-    ];
-    NativeDateAdapter.ctorParameters = function () { return [
-        { type: String, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [MAT_DATE_LOCALE,] }] },
-        { type: platform.Platform }
-    ]; };
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    var MAT_NATIVE_DATE_FORMATS = {
-        parse: {
-            dateInput: null,
-        },
-        display: {
-            dateInput: { year: 'numeric', month: 'numeric', day: 'numeric' },
-            monthYearLabel: { year: 'numeric', month: 'short' },
-            dateA11yLabel: { year: 'numeric', month: 'long', day: 'numeric' },
-            monthYearA11yLabel: { year: 'numeric', month: 'long' },
-        }
-    };
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    var NativeDateModule = /** @class */ (function () {
-        function NativeDateModule() {
-        }
-        return NativeDateModule;
-    }());
-    NativeDateModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [platform.PlatformModule],
-                    providers: [
-                        { provide: DateAdapter, useClass: NativeDateAdapter },
-                    ],
-                },] }
-    ];
-    var ɵ0 = MAT_NATIVE_DATE_FORMATS;
-    var MatNativeDateModule = /** @class */ (function () {
-        function MatNativeDateModule() {
-        }
-        return MatNativeDateModule;
-    }());
-    MatNativeDateModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [NativeDateModule],
-                    providers: [{ provide: MAT_DATE_FORMATS, useValue: ɵ0 }],
-                },] }
-    ];
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /** Error state matcher that matches when a control is invalid and dirty. */
-    var ShowOnDirtyErrorStateMatcher = /** @class */ (function () {
-        function ShowOnDirtyErrorStateMatcher() {
-        }
-        ShowOnDirtyErrorStateMatcher.prototype.isErrorState = function (control, form) {
-            return !!(control && control.invalid && (control.dirty || (form && form.submitted)));
-        };
-        return ShowOnDirtyErrorStateMatcher;
-    }());
-    ShowOnDirtyErrorStateMatcher.decorators = [
-        { type: i0.Injectable }
-    ];
-    /** Provider that defines how form controls behave with regards to displaying error messages. */
-    var ErrorStateMatcher = /** @class */ (function () {
-        function ErrorStateMatcher() {
-        }
-        ErrorStateMatcher.prototype.isErrorState = function (control, form) {
-            return !!(control && control.invalid && (control.touched || (form && form.submitted)));
-        };
-        return ErrorStateMatcher;
-    }());
-    ErrorStateMatcher.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ErrorStateMatcher_Factory() { return new ErrorStateMatcher(); }, token: ErrorStateMatcher, providedIn: "root" });
-    ErrorStateMatcher.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /**
-     * Shared directive to count lines inside a text area, such as a list item.
-     * Line elements can be extracted with a @ContentChildren(MatLine) query, then
-     * counted by checking the query list's length.
-     */
-    var MatLine = /** @class */ (function () {
-        function MatLine() {
-        }
-        return MatLine;
-    }());
-    MatLine.decorators = [
-        { type: i0.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
-     */
-    function setLines(lines, element, prefix) {
-        if (prefix === void 0) { prefix = 'mat'; }
-        // Note: doesn't need to unsubscribe, because `changes`
-        // gets completed by Angular when the view is destroyed.
-        lines.changes.pipe(operators.startWith(lines)).subscribe(function (_a) {
-            var length = _a.length;
-            setClass(element, prefix + "-2-line", false);
-            setClass(element, prefix + "-3-line", false);
-            setClass(element, prefix + "-multi-line", false);
-            if (length === 2 || length === 3) {
-                setClass(element, prefix + "-" + length + "-line", true);
-            }
-            else if (length > 3) {
-                setClass(element, prefix + "-multi-line", true);
-            }
-        });
-    }
-    /** Adds or removes a class from an element. */
-    function setClass(element, className, isAdd) {
-        var classList = element.nativeElement.classList;
-        isAdd ? classList.add(className) : classList.remove(className);
-    }
-    var MatLineModule = /** @class */ (function () {
-        function MatLineModule() {
-        }
-        return MatLineModule;
-    }());
-    MatLineModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [MatCommonModule],
-                    exports: [MatLine, MatCommonModule],
-                    declarations: [MatLine],
-                },] }
-    ];
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /**
-     * Reference to a previously launched ripple element.
-     */
-    var RippleRef = /** @class */ (function () {
-        function RippleRef(_renderer, 
-        /** Reference to the ripple HTML element. */
-        element, 
-        /** Ripple configuration used for the ripple. */
-        config) {
-            this._renderer = _renderer;
-            this.element = element;
-            this.config = config;
-            /** Current state of the ripple. */
-            this.state = 3 /* HIDDEN */;
-        }
-        /** Fades out the ripple element. */
-        RippleRef.prototype.fadeOut = function () {
-            this._renderer.fadeOutRipple(this);
-        };
-        return RippleRef;
-    }());
-
-    // TODO: import these values from `@material/ripple` eventually.
-    /**
-     * Default ripple animation configuration for ripples without an explicit
-     * animation config specified.
-     */
-    var defaultRippleAnimationConfig = {
-        enterDuration: 225,
-        exitDuration: 150
-    };
-    /**
-     * Timeout for ignoring mouse events. Mouse events will be temporary ignored after touch
-     * events to avoid synthetic mouse events.
-     */
-    var ignoreMouseEventsTimeout = 800;
-    /** Options that apply to all the event listeners that are bound by the ripple renderer. */
-    var passiveEventOptions = platform.normalizePassiveListenerOptions({ passive: true });
-    /** Events that signal that the pointer is down. */
-    var pointerDownEvents = ['mousedown', 'touchstart'];
-    /** Events that signal that the pointer is up. */
-    var pointerUpEvents = ['mouseup', 'mouseleave', 'touchend', 'touchcancel'];
-    /**
-     * Helper service that performs DOM manipulations. Not intended to be used outside this module.
-     * The constructor takes a reference to the ripple directive's host element and a map of DOM
-     * event handlers to be installed on the element that triggers ripple animations.
-     * This will eventually become a custom renderer once Angular support exists.
-     * @docs-private
-     */
-    var RippleRenderer = /** @class */ (function () {
-        function RippleRenderer(_target, _ngZone, elementOrElementRef, platform) {
-            this._target = _target;
-            this._ngZone = _ngZone;
-            /** Whether the pointer is currently down or not. */
-            this._isPointerDown = false;
-            /** Set of currently active ripple references. */
-            this._activeRipples = new Set();
-            /** Whether pointer-up event listeners have been registered. */
-            this._pointerUpEventsRegistered = false;
-            // Only do anything if we're on the browser.
-            if (platform.isBrowser) {
-                this._containerElement = coercion.coerceElement(elementOrElementRef);
-            }
-        }
-        /**
-         * Fades in a ripple at the given coordinates.
-         * @param x Coordinate within the element, along the X axis at which to start the ripple.
-         * @param y Coordinate within the element, along the Y axis at which to start the ripple.
-         * @param config Extra ripple options.
-         */
-        RippleRenderer.prototype.fadeInRipple = function (x, y, config) {
-            var _this = this;
-            if (config === void 0) { config = {}; }
-            var containerRect = this._containerRect =
-                this._containerRect || this._containerElement.getBoundingClientRect();
-            var animationConfig = Object.assign(Object.assign({}, defaultRippleAnimationConfig), config.animation);
-            if (config.centered) {
-                x = containerRect.left + containerRect.width / 2;
-                y = containerRect.top + containerRect.height / 2;
-            }
-            var radius = config.radius || distanceToFurthestCorner(x, y, containerRect);
-            var offsetX = x - containerRect.left;
-            var offsetY = y - containerRect.top;
-            var duration = animationConfig.enterDuration;
-            var ripple = document.createElement('div');
-            ripple.classList.add('mat-ripple-element');
-            ripple.style.left = offsetX - radius + "px";
-            ripple.style.top = offsetY - radius + "px";
-            ripple.style.height = radius * 2 + "px";
-            ripple.style.width = radius * 2 + "px";
-            // If a custom color has been specified, set it as inline style. If no color is
-            // set, the default color will be applied through the ripple theme styles.
-            if (config.color != null) {
-                ripple.style.backgroundColor = config.color;
-            }
-            ripple.style.transitionDuration = duration + "ms";
-            this._containerElement.appendChild(ripple);
-            // By default the browser does not recalculate the styles of dynamically created
-            // ripple elements. This is critical because then the `scale` would not animate properly.
-            enforceStyleRecalculation(ripple);
-            ripple.style.transform = 'scale(1)';
-            // Exposed reference to the ripple that will be returned.
-            var rippleRef = new RippleRef(this, ripple, config);
-            rippleRef.state = 0 /* FADING_IN */;
-            // Add the ripple reference to the list of all active ripples.
-            this._activeRipples.add(rippleRef);
-            if (!config.persistent) {
-                this._mostRecentTransientRipple = rippleRef;
-            }
-            // Wait for the ripple element to be completely faded in.
-            // Once it's faded in, the ripple can be hidden immediately if the mouse is released.
-            this._runTimeoutOutsideZone(function () {
-                var isMostRecentTransientRipple = rippleRef === _this._mostRecentTransientRipple;
-                rippleRef.state = 1 /* VISIBLE */;
-                // When the timer runs out while the user has kept their pointer down, we want to
-                // keep only the persistent ripples and the latest transient ripple. We do this,
-                // because we don't want stacked transient ripples to appear after their enter
-                // animation has finished.
-                if (!config.persistent && (!isMostRecentTransientRipple || !_this._isPointerDown)) {
-                    rippleRef.fadeOut();
-                }
-            }, duration);
-            return rippleRef;
-        };
-        /** Fades out a ripple reference. */
-        RippleRenderer.prototype.fadeOutRipple = function (rippleRef) {
-            var wasActive = this._activeRipples.delete(rippleRef);
-            if (rippleRef === this._mostRecentTransientRipple) {
-                this._mostRecentTransientRipple = null;
-            }
-            // Clear out the cached bounding rect if we have no more ripples.
-            if (!this._activeRipples.size) {
-                this._containerRect = null;
-            }
-            // For ripples that are not active anymore, don't re-run the fade-out animation.
-            if (!wasActive) {
-                return;
-            }
-            var rippleEl = rippleRef.element;
-            var animationConfig = Object.assign(Object.assign({}, defaultRippleAnimationConfig), rippleRef.config.animation);
-            rippleEl.style.transitionDuration = animationConfig.exitDuration + "ms";
-            rippleEl.style.opacity = '0';
-            rippleRef.state = 2 /* FADING_OUT */;
-            // Once the ripple faded out, the ripple can be safely removed from the DOM.
-            this._runTimeoutOutsideZone(function () {
-                rippleRef.state = 3 /* HIDDEN */;
-                rippleEl.parentNode.removeChild(rippleEl);
-            }, animationConfig.exitDuration);
-        };
-        /** Fades out all currently active ripples. */
-        RippleRenderer.prototype.fadeOutAll = function () {
-            this._activeRipples.forEach(function (ripple) { return ripple.fadeOut(); });
-        };
-        /** Fades out all currently active non-persistent ripples. */
-        RippleRenderer.prototype.fadeOutAllNonPersistent = function () {
-            this._activeRipples.forEach(function (ripple) {
-                if (!ripple.config.persistent) {
-                    ripple.fadeOut();
-                }
-            });
-        };
-        /** Sets up the trigger event listeners */
-        RippleRenderer.prototype.setupTriggerEvents = function (elementOrElementRef) {
-            var element = coercion.coerceElement(elementOrElementRef);
-            if (!element || element === this._triggerElement) {
-                return;
-            }
-            // Remove all previously registered event listeners from the trigger element.
-            this._removeTriggerEvents();
-            this._triggerElement = element;
-            this._registerEvents(pointerDownEvents);
-        };
-        /**
-         * Handles all registered events.
-         * @docs-private
-         */
-        RippleRenderer.prototype.handleEvent = function (event) {
-            if (event.type === 'mousedown') {
-                this._onMousedown(event);
-            }
-            else if (event.type === 'touchstart') {
-                this._onTouchStart(event);
-            }
-            else {
-                this._onPointerUp();
-            }
-            // If pointer-up events haven't been registered yet, do so now.
-            // We do this on-demand in order to reduce the total number of event listeners
-            // registered by the ripples, which speeds up the rendering time for large UIs.
-            if (!this._pointerUpEventsRegistered) {
-                this._registerEvents(pointerUpEvents);
-                this._pointerUpEventsRegistered = true;
-            }
-        };
-        /** Function being called whenever the trigger is being pressed using mouse. */
-        RippleRenderer.prototype._onMousedown = function (event) {
-            // Screen readers will fire fake mouse events for space/enter. Skip launching a
-            // ripple in this case for consistency with the non-screen-reader experience.
-            var isFakeMousedown = a11y.isFakeMousedownFromScreenReader(event);
-            var isSyntheticEvent = this._lastTouchStartEvent &&
-                Date.now() < this._lastTouchStartEvent + ignoreMouseEventsTimeout;
-            if (!this._target.rippleDisabled && !isFakeMousedown && !isSyntheticEvent) {
-                this._isPointerDown = true;
-                this.fadeInRipple(event.clientX, event.clientY, this._target.rippleConfig);
-            }
-        };
-        /** Function being called whenever the trigger is being pressed using touch. */
-        RippleRenderer.prototype._onTouchStart = function (event) {
-            if (!this._target.rippleDisabled && !a11y.isFakeTouchstartFromScreenReader(event)) {
-                // Some browsers fire mouse events after a `touchstart` event. Those synthetic mouse
-                // events will launch a second ripple if we don't ignore mouse events for a specific
-                // time after a touchstart event.
-                this._lastTouchStartEvent = Date.now();
-                this._isPointerDown = true;
-                // Use `changedTouches` so we skip any touches where the user put
-                // their finger down, but used another finger to tap the element again.
-                var touches = event.changedTouches;
-                for (var i = 0; i < touches.length; i++) {
-                    this.fadeInRipple(touches[i].clientX, touches[i].clientY, this._target.rippleConfig);
-                }
-            }
-        };
-        /** Function being called whenever the trigger is being released. */
-        RippleRenderer.prototype._onPointerUp = function () {
-            if (!this._isPointerDown) {
-                return;
-            }
-            this._isPointerDown = false;
-            // Fade-out all ripples that are visible and not persistent.
-            this._activeRipples.forEach(function (ripple) {
-                // By default, only ripples that are completely visible will fade out on pointer release.
-                // If the `terminateOnPointerUp` option is set, ripples that still fade in will also fade out.
-                var isVisible = ripple.state === 1 /* VISIBLE */ ||
-                    ripple.config.terminateOnPointerUp && ripple.state === 0 /* FADING_IN */;
-                if (!ripple.config.persistent && isVisible) {
-                    ripple.fadeOut();
-                }
-            });
-        };
-        /** Runs a timeout outside of the Angular zone to avoid triggering the change detection. */
-        RippleRenderer.prototype._runTimeoutOutsideZone = function (fn, delay) {
-            if (delay === void 0) { delay = 0; }
-            this._ngZone.runOutsideAngular(function () { return setTimeout(fn, delay); });
-        };
-        /** Registers event listeners for a given list of events. */
-        RippleRenderer.prototype._registerEvents = function (eventTypes) {
-            var _this = this;
-            this._ngZone.runOutsideAngular(function () {
-                eventTypes.forEach(function (type) {
-                    _this._triggerElement.addEventListener(type, _this, passiveEventOptions);
-                });
-            });
-        };
-        /** Removes previously registered event listeners from the trigger element. */
-        RippleRenderer.prototype._removeTriggerEvents = function () {
-            var _this = this;
-            if (this._triggerElement) {
-                pointerDownEvents.forEach(function (type) {
-                    _this._triggerElement.removeEventListener(type, _this, passiveEventOptions);
-                });
-                if (this._pointerUpEventsRegistered) {
-                    pointerUpEvents.forEach(function (type) {
-                        _this._triggerElement.removeEventListener(type, _this, passiveEventOptions);
-                    });
-                }
-            }
-        };
-        return RippleRenderer;
-    }());
-    /** Enforces a style recalculation of a DOM element by computing its styles. */
-    function enforceStyleRecalculation(element) {
-        // Enforce a style recalculation by calling `getComputedStyle` and accessing any property.
-        // Calling `getPropertyValue` is important to let optimizers know that this is not a noop.
-        // See: https://gist.github.com/paulirish/5d52fb081b3570c81e3a
-        window.getComputedStyle(element).getPropertyValue('opacity');
-    }
-    /**
-     * Returns the distance from the point (x, y) to the furthest corner of a rectangle.
-     */
-    function distanceToFurthestCorner(x, y, rect) {
-        var distX = Math.max(Math.abs(x - rect.left), Math.abs(x - rect.right));
-        var distY = Math.max(Math.abs(y - rect.top), Math.abs(y - rect.bottom));
-        return Math.sqrt(distX * distX + distY * distY);
-    }
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /** Injection token that can be used to specify the global ripple options. */
-    var MAT_RIPPLE_GLOBAL_OPTIONS = new i0.InjectionToken('mat-ripple-global-options');
-    var MatRipple = /** @class */ (function () {
-        function MatRipple(_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);
-        }
-        Object.defineProperty(MatRipple.prototype, "disabled", {
-            /**
-             * Whether click events will not trigger the ripple. Ripples can be still launched manually
-             * by using the `launch()` method.
-             */
-            get: function () { return this._disabled; },
-            set: function (value) {
-                if (value) {
-                    this.fadeOutAllNonPersistent();
-                }
-                this._disabled = value;
-                this._setupTriggerEventsIfEnabled();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MatRipple.prototype, "trigger", {
-            /**
-             * The element that triggers the ripple when click events are received.
-             * Defaults to the directive's host element.
-             */
-            get: function () { return this._trigger || this._elementRef.nativeElement; },
-            set: function (trigger) {
-                this._trigger = trigger;
-                this._setupTriggerEventsIfEnabled();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MatRipple.prototype.ngOnInit = function () {
-            this._isInitialized = true;
-            this._setupTriggerEventsIfEnabled();
-        };
-        MatRipple.prototype.ngOnDestroy = function () {
-            this._rippleRenderer._removeTriggerEvents();
-        };
-        /** Fades out all currently showing ripple elements. */
-        MatRipple.prototype.fadeOutAll = function () {
-            this._rippleRenderer.fadeOutAll();
-        };
-        /** Fades out all currently showing non-persistent ripple elements. */
-        MatRipple.prototype.fadeOutAllNonPersistent = function () {
-            this._rippleRenderer.fadeOutAllNonPersistent();
-        };
-        Object.defineProperty(MatRipple.prototype, "rippleConfig", {
-            /**
-             * Ripple configuration from the directive's input values.
-             * @docs-private Implemented as part of RippleTarget
-             */
-            get: function () {
-                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,
-                };
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MatRipple.prototype, "rippleDisabled", {
-            /**
-             * Whether ripples on pointer-down are disabled or not.
-             * @docs-private Implemented as part of RippleTarget
-             */
-            get: function () {
-                return this.disabled || !!this._globalOptions.disabled;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /** Sets up the trigger event listeners if ripples are enabled. */
-        MatRipple.prototype._setupTriggerEventsIfEnabled = function () {
-            if (!this.disabled && this._isInitialized) {
-                this._rippleRenderer.setupTriggerEvents(this.trigger);
-            }
-        };
-        /** Launches a manual ripple at the specified coordinated or just by the ripple config. */
-        MatRipple.prototype.launch = function (configOrX, y, config) {
-            if (y === void 0) { y = 0; }
-            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));
-            }
-        };
-        return MatRipple;
-    }());
-    MatRipple.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[mat-ripple], [matRipple]',
-                    exportAs: 'matRipple',
-                    host: {
-                        'class': 'mat-ripple',
-                        '[class.mat-ripple-unbounded]': 'unbounded'
-                    }
-                },] }
-    ];
-    MatRipple.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.NgZone },
-        { type: platform.Platform },
-        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [MAT_RIPPLE_GLOBAL_OPTIONS,] }] },
-        { type: String, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [animations.ANIMATION_MODULE_TYPE,] }] }
-    ]; };
-    MatRipple.propDecorators = {
-        color: [{ type: i0.Input, args: ['matRippleColor',] }],
-        unbounded: [{ type: i0.Input, args: ['matRippleUnbounded',] }],
-        centered: [{ type: i0.Input, args: ['matRippleCentered',] }],
-        radius: [{ type: i0.Input, args: ['matRippleRadius',] }],
-        animation: [{ type: i0.Input, args: ['matRippleAnimation',] }],
-        disabled: [{ type: i0.Input, args: ['matRippleDisabled',] }],
-        trigger: [{ type: i0.Input, args: ['matRippleTrigger',] }]
-    };
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    var MatRippleModule = /** @class */ (function () {
-        function MatRippleModule() {
-        }
-        return MatRippleModule;
-    }());
-    MatRippleModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [MatCommonModule, platform.PlatformModule],
-                    exports: [MatRipple, MatCommonModule],
-                    declarations: [MatRipple],
-                },] }
-    ];
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /**
-     * Component that shows a simplified checkbox without including any kind of "real" checkbox.
-     * Meant to be used when the checkbox is purely decorative and a large number of them will be
-     * included, such as for the options in a multi-select. Uses no SVGs or complex animations.
-     * Note that theming is meant to be handled by the parent element, e.g.
-     * `mat-primary .mat-pseudo-checkbox`.
-     *
-     * Note that this component will be completely invisible to screen-reader users. This is *not*
-     * interchangeable with `<mat-checkbox>` and should *not* be used if the user would directly
-     * interact with the checkbox. The pseudo-checkbox should only be used as an implementation detail
-     * of more complex components that appropriately handle selected / checked state.
-     * @docs-private
-     */
-    var MatPseudoCheckbox = /** @class */ (function () {
-        function MatPseudoCheckbox(_animationMode) {
-            this._animationMode = _animationMode;
-            /** Display state of the checkbox. */
-            this.state = 'unchecked';
-            /** Whether the checkbox is disabled. */
-            this.disabled = false;
-        }
-        return MatPseudoCheckbox;
-    }());
-    MatPseudoCheckbox.decorators = [
-        { type: i0.Component, args: [{
-                    encapsulation: i0.ViewEncapsulation.None,
-                    changeDetection: i0.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 = function () { return [
-        { type: String, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [animations.ANIMATION_MODULE_TYPE,] }] }
-    ]; };
-    MatPseudoCheckbox.propDecorators = {
-        state: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }]
-    };
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    var MatPseudoCheckboxModule = /** @class */ (function () {
-        function MatPseudoCheckboxModule() {
-        }
-        return MatPseudoCheckboxModule;
-    }());
-    MatPseudoCheckboxModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [MatCommonModule],
-                    exports: [MatPseudoCheckbox],
-                    declarations: [MatPseudoCheckbox]
-                },] }
-    ];
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /**
-     * Injection token used to provide the parent component to options.
-     */
-    var MAT_OPTION_PARENT_COMPONENT = new i0.InjectionToken('MAT_OPTION_PARENT_COMPONENT');
-
-    // Notes on the accessibility pattern used for `mat-optgroup`.
-    // The option group has two different "modes": regular and inert. The regular mode uses the
-    // recommended a11y pattern which has `role="group"` on the group element with `aria-labelledby`
-    // pointing to the label. This works for `mat-select`, but it seems to hit a bug for autocomplete
-    // under VoiceOver where the group doesn't get read out at all. The bug appears to be that if
-    // there's __any__ a11y-related attribute on the group (e.g. `role` or `aria-labelledby`),
-    // VoiceOver on Safari won't read it out.
-    // We've introduced the `inert` mode as a workaround. Under this mode, all a11y attributes are
-    // removed from the group, and we get the screen reader to read out the group label by mirroring it
-    // inside an invisible element in the option. This is sub-optimal, because the screen reader will
-    // repeat the group label on each navigation, whereas the default pattern only reads the group when
-    // the user enters a new group. The following alternate approaches were considered:
-    // 1. Reading out the group label using the `LiveAnnouncer` solves the problem, but we can't control
-    //    when the text will be read out so sometimes it comes in too late or never if the user
-    //    navigates quickly.
-    // 2. `<mat-option aria-describedby="groupLabel"` - This works on Safari, but VoiceOver in Chrome
-    //    won't read out the description at all.
-    // 3. `<mat-option aria-labelledby="optionLabel groupLabel"` - This works on Chrome, but Safari
-    //     doesn't read out the text at all. Furthermore, on
-    // Boilerplate for applying mixins to MatOptgroup.
-    /** @docs-private */
-    var _MatOptgroupMixinBase = mixinDisabled(/** @class */ (function () {
-        function class_1() {
-        }
-        return class_1;
-    }()));
-    // Counter for unique group ids.
-    var _uniqueOptgroupIdCounter = 0;
-    var _MatOptgroupBase = /** @class */ (function (_super) {
-        __extends(_MatOptgroupBase, _super);
-        function _MatOptgroupBase(parent) {
-            var _this = this;
-            var _a;
-            _this = _super.call(this) || this;
-            /** Unique id for the underlying label. */
-            _this._labelId = "mat-optgroup-label-" + _uniqueOptgroupIdCounter++;
-            _this._inert = (_a = parent === null || parent === void 0 ? void 0 : parent.inertGroups) !== null && _a !== void 0 ? _a : false;
-            return _this;
-        }
-        return _MatOptgroupBase;
-    }(_MatOptgroupMixinBase));
-    _MatOptgroupBase.decorators = [
-        { type: i0.Directive }
-    ];
-    _MatOptgroupBase.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Inject, args: [MAT_OPTION_PARENT_COMPONENT,] }, { type: i0.Optional }] }
-    ]; };
-    _MatOptgroupBase.propDecorators = {
-        label: [{ type: i0.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
-     * retention of the class and its component metadata.
-     */
-    var MAT_OPTGROUP = new i0.InjectionToken('MatOptgroup');
-    /**
-     * Component that is used to group instances of `mat-option`.
-     */
-    var MatOptgroup = /** @class */ (function (_super) {
-        __extends(MatOptgroup, _super);
-        function MatOptgroup() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return MatOptgroup;
-    }(_MatOptgroupBase));
-    MatOptgroup.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'mat-optgroup',
-                    exportAs: 'matOptgroup',
-                    template: "<span class=\"mat-optgroup-label\" aria-hidden=\"true\" [id]=\"_labelId\">{{ label }} <ng-content></ng-content></span>\n<ng-content select=\"mat-option, ng-container\"></ng-content>\n",
-                    encapsulation: i0.ViewEncapsulation.None,
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    inputs: ['disabled'],
-                    host: {
-                        'class': 'mat-optgroup',
-                        '[attr.role]': '_inert ? null : "group"',
-                        '[attr.aria-disabled]': '_inert ? null : disabled.toString()',
-                        '[attr.aria-labelledby]': '_inert ? null : _labelId',
-                        '[class.mat-optgroup-disabled]': 'disabled',
-                    },
-                    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;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"]
-                },] }
-    ];
-
-    /**
-     * Option IDs need to be unique across components, so this counter exists outside of
-     * the component definition.
-     */
-    var _uniqueIdCounter = 0;
-    /** Event object emitted by MatOption when selected or deselected. */
-    var MatOptionSelectionChange = /** @class */ (function () {
-        function MatOptionSelectionChange(
-        /** Reference to the option that emitted the event. */
-        source, 
-        /** Whether the change in the option's value was a result of a user action. */
-        isUserInput) {
-            if (isUserInput === void 0) { isUserInput = false; }
-            this.source = source;
-            this.isUserInput = isUserInput;
-        }
-        return MatOptionSelectionChange;
-    }());
-    var _MatOptionBase = /** @class */ (function () {
-        function _MatOptionBase(_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 i0.EventEmitter();
-            /** Emits when the state of the option changes and any parents have to be notified. */
-            this._stateChanges = new rxjs.Subject();
-        }
-        Object.defineProperty(_MatOptionBase.prototype, "multiple", {
-            /** Whether the wrapping component is in multiple selection mode. */
-            get: function () { return this._parent && this._parent.multiple; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(_MatOptionBase.prototype, "selected", {
-            /** Whether or not the option is currently selected. */
-            get: function () { return this._selected; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(_MatOptionBase.prototype, "disabled", {
-            /** Whether the option is disabled. */
-            get: function () { return (this.group && this.group.disabled) || this._disabled; },
-            set: function (value) { this._disabled = coercion.coerceBooleanProperty(value); },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(_MatOptionBase.prototype, "disableRipple", {
-            /** Whether ripples for the option are disabled. */
-            get: function () { return this._parent && this._parent.disableRipple; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(_MatOptionBase.prototype, "active", {
-            /**
-             * 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: function () {
-                return this._active;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(_MatOptionBase.prototype, "viewValue", {
-            /**
-             * The displayed value of the option. It is necessary to show the selected option in the
-             * select's trigger.
-             */
-            get: function () {
-                // TODO(kara): Add input property alternative for node envs.
-                return (this._getHostElement().textContent || '').trim();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /** Selects the option. */
-        _MatOptionBase.prototype.select = function () {
-            if (!this._selected) {
-                this._selected = true;
-                this._changeDetectorRef.markForCheck();
-                this._emitSelectionChangeEvent();
-            }
-        };
-        /** Deselects the option. */
-        _MatOptionBase.prototype.deselect = function () {
-            if (this._selected) {
-                this._selected = false;
-                this._changeDetectorRef.markForCheck();
-                this._emitSelectionChangeEvent();
-            }
-        };
-        /** Sets focus onto this option. */
-        _MatOptionBase.prototype.focus = function (_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`.
-            var 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.
-         */
-        _MatOptionBase.prototype.setActiveStyles = function () {
-            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.
-         */
-        _MatOptionBase.prototype.setInactiveStyles = function () {
-            if (this._active) {
-                this._active = false;
-                this._changeDetectorRef.markForCheck();
-            }
-        };
-        /** Gets the label to be used when determining whether the option should be focused. */
-        _MatOptionBase.prototype.getLabel = function () {
-            return this.viewValue;
-        };
-        /** Ensures the option is selected when activated from the keyboard. */
-        _MatOptionBase.prototype._handleKeydown = function (event) {
-            if ((event.keyCode === keycodes.ENTER || event.keyCode === keycodes.SPACE) && !keycodes.hasModifierKey(event)) {
-                this._selectViaInteraction();
-                // Prevent the page from scrolling down and form submits.
-                event.preventDefault();
-            }
-        };
-        /**
-         * `Selects the option while indicating the selection came from the user. Used to
-         * determine if the select's view -> model callback should be invoked.`
-         */
-        _MatOptionBase.prototype._selectViaInteraction = function () {
-            if (!this.disabled) {
-                this._selected = this.multiple ? !this._selected : true;
-                this._changeDetectorRef.markForCheck();
-                this._emitSelectionChangeEvent(true);
-            }
-        };
-        /**
-         * 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.
-         */
-        _MatOptionBase.prototype._getAriaSelected = function () {
-            return this.selected || (this.multiple ? false : null);
-        };
-        /** Returns the correct tabindex for the option depending on disabled state. */
-        _MatOptionBase.prototype._getTabIndex = function () {
-            return this.disabled ? '-1' : '0';
-        };
-        /** Gets the host DOM element. */
-        _MatOptionBase.prototype._getHostElement = function () {
-            return this._element.nativeElement;
-        };
-        _MatOptionBase.prototype.ngAfterViewChecked = function () {
-            // 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) {
-                var viewValue = this.viewValue;
-                if (viewValue !== this._mostRecentViewValue) {
-                    this._mostRecentViewValue = viewValue;
-                    this._stateChanges.next();
-                }
-            }
-        };
-        _MatOptionBase.prototype.ngOnDestroy = function () {
-            this._stateChanges.complete();
-        };
-        /** Emits the selection change event. */
-        _MatOptionBase.prototype._emitSelectionChangeEvent = function (isUserInput) {
-            if (isUserInput === void 0) { isUserInput = false; }
-            this.onSelectionChange.emit(new MatOptionSelectionChange(this, isUserInput));
-        };
-        return _MatOptionBase;
-    }());
-    _MatOptionBase.decorators = [
-        { type: i0.Directive }
-    ];
-    _MatOptionBase.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.ChangeDetectorRef },
-        { type: undefined },
-        { type: _MatOptgroupBase }
-    ]; };
-    _MatOptionBase.propDecorators = {
-        value: [{ type: i0.Input }],
-        id: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        onSelectionChange: [{ type: i0.Output }]
-    };
-    /**
-     * Single option inside of a `<mat-select>` element.
-     */
-    var MatOption = /** @class */ (function (_super) {
-        __extends(MatOption, _super);
-        function MatOption(element, changeDetectorRef, parent, group) {
-            return _super.call(this, element, changeDetectorRef, parent, group) || this;
-        }
-        return MatOption;
-    }(_MatOptionBase));
-    MatOption.decorators = [
-        { type: i0.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<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n<span class=\"cdk-visually-hidden\" *ngIf=\"group && group._inert\">({{ group.label }})</span>\n\n<div class=\"mat-option-ripple\" mat-ripple\n     [matRippleTrigger]=\"_getHostElement()\"\n     [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n",
-                    encapsulation: i0.ViewEncapsulation.None,
-                    changeDetection: i0.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;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}.cdk-high-contrast-active .mat-option[aria-disabled=true]{opacity:.5}.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}.mat-option-pseudo-checkbox{margin-right:8px}[dir=rtl] .mat-option-pseudo-checkbox{margin-left:8px;margin-right:0}\n"]
-                },] }
-    ];
-    MatOption.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.ChangeDetectorRef },
-        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [MAT_OPTION_PARENT_COMPONENT,] }] },
-        { type: MatOptgroup, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [MAT_OPTGROUP,] }] }
-    ]; };
-    /**
-     * Counts the amount of option group labels that precede the specified option.
-     * @param optionIndex Index of the option at which to start counting.
-     * @param options Flat list of all of the options.
-     * @param optionGroups Flat list of all of the option groups.
-     * @docs-private
-     */
-    function _countGroupLabelsBeforeOption(optionIndex, options, optionGroups) {
-        if (optionGroups.length) {
-            var optionsArray = options.toArray();
-            var groups = optionGroups.toArray();
-            var groupCounter = 0;
-            for (var i = 0; i < optionIndex + 1; i++) {
-                if (optionsArray[i].group && optionsArray[i].group === groups[groupCounter]) {
-                    groupCounter++;
-                }
-            }
-            return groupCounter;
-        }
-        return 0;
-    }
-    /**
-     * Determines the position to which to scroll a panel in order for an option to be into 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(optionOffset, optionHeight, currentScrollPosition, panelHeight) {
-        if (optionOffset < currentScrollPosition) {
-            return optionOffset;
-        }
-        if (optionOffset + optionHeight > currentScrollPosition + panelHeight) {
-            return Math.max(0, optionOffset - panelHeight + optionHeight);
-        }
-        return currentScrollPosition;
-    }
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    var MatOptionModule = /** @class */ (function () {
-        function MatOptionModule() {
-        }
-        return MatOptionModule;
-    }());
-    MatOptionModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [MatRippleModule, common.CommonModule, MatCommonModule, MatPseudoCheckboxModule],
-                    exports: [MatOption, MatOptgroup],
-                    declarations: [MatOption, MatOptgroup]
-                },] }
-    ];
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AnimationCurves = AnimationCurves;
-    exports.AnimationDurations = AnimationDurations;
-    exports.DateAdapter = DateAdapter;
-    exports.ErrorStateMatcher = ErrorStateMatcher;
-    exports.MATERIAL_SANITY_CHECKS = MATERIAL_SANITY_CHECKS;
-    exports.MAT_DATE_FORMATS = MAT_DATE_FORMATS;
-    exports.MAT_DATE_LOCALE = MAT_DATE_LOCALE;
-    exports.MAT_DATE_LOCALE_FACTORY = MAT_DATE_LOCALE_FACTORY;
-    exports.MAT_NATIVE_DATE_FORMATS = MAT_NATIVE_DATE_FORMATS;
-    exports.MAT_OPTGROUP = MAT_OPTGROUP;
-    exports.MAT_OPTION_PARENT_COMPONENT = MAT_OPTION_PARENT_COMPONENT;
-    exports.MAT_RIPPLE_GLOBAL_OPTIONS = MAT_RIPPLE_GLOBAL_OPTIONS;
-    exports.MatCommonModule = MatCommonModule;
-    exports.MatLine = MatLine;
-    exports.MatLineModule = MatLineModule;
-    exports.MatNativeDateModule = MatNativeDateModule;
-    exports.MatOptgroup = MatOptgroup;
-    exports.MatOption = MatOption;
-    exports.MatOptionModule = MatOptionModule;
-    exports.MatOptionSelectionChange = MatOptionSelectionChange;
-    exports.MatPseudoCheckbox = MatPseudoCheckbox;
-    exports.MatPseudoCheckboxModule = MatPseudoCheckboxModule;
-    exports.MatRipple = MatRipple;
-    exports.MatRippleModule = MatRippleModule;
-    exports.NativeDateAdapter = NativeDateAdapter;
-    exports.NativeDateModule = NativeDateModule;
-    exports.RippleRef = RippleRef;
-    exports.RippleRenderer = RippleRenderer;
-    exports.ShowOnDirtyErrorStateMatcher = ShowOnDirtyErrorStateMatcher;
-    exports.VERSION = VERSION$1;
-    exports._MatOptgroupBase = _MatOptgroupBase;
-    exports._MatOptionBase = _MatOptionBase;
-    exports._countGroupLabelsBeforeOption = _countGroupLabelsBeforeOption;
-    exports._getOptionScrollPosition = _getOptionScrollPosition;
-    exports.defaultRippleAnimationConfig = defaultRippleAnimationConfig;
-    exports.mixinColor = mixinColor;
-    exports.mixinDisableRipple = mixinDisableRipple;
-    exports.mixinDisabled = mixinDisabled;
-    exports.mixinErrorState = mixinErrorState;
-    exports.mixinInitialized = mixinInitialized;
-    exports.mixinTabIndex = mixinTabIndex;
-    exports.setLines = setLines;
-    exports.ɵ0 = ɵ0;
-    exports.ɵangular_material_src_material_core_core_a = MATERIAL_SANITY_CHECKS_FACTORY;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=material-core.umd.js.map