@angular/material 10.0.0-rc.3 → 10.1.0

package/fesm2015/progress-spinner/testing.js

@@ -10,37 +10,34 @@ import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
  * found in the LICENSE file at https://angular.io/license
  */
 /** Harness for interacting with a standard mat-progress-spinner in tests. */
-let MatProgressSpinnerHarness = /** @class */ (() => {
-    class MatProgressSpinnerHarness extends ComponentHarness {
-        /**
-         * Gets a `HarnessPredicate` that can be used to search for a `MatProgressSpinnerHarness` that
-         * meets certain criteria.
-         * @param options Options for filtering which progress spinner instances are considered a match.
-         * @return a `HarnessPredicate` configured with the given options.
-         */
-        static with(options = {}) {
-            return new HarnessPredicate(MatProgressSpinnerHarness, options);
-        }
-        /** Gets the progress spinner's value. */
-        getValue() {
-            return __awaiter(this, void 0, void 0, function* () {
-                const host = yield this.host();
-                const ariaValue = yield host.getAttribute('aria-valuenow');
-                return ariaValue ? coerceNumberProperty(ariaValue) : null;
-            });
-        }
-        /** Gets the progress spinner's mode. */
-        getMode() {
-            return __awaiter(this, void 0, void 0, function* () {
-                const modeAttr = (yield this.host()).getAttribute('mode');
-                return yield modeAttr;
-            });
-        }
+class MatProgressSpinnerHarness extends ComponentHarness {
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a `MatProgressSpinnerHarness` that
+     * meets certain criteria.
+     * @param options Options for filtering which progress spinner instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(MatProgressSpinnerHarness, options);
     }
-    /** The selector for the host element of a `MatProgressSpinner` instance. */
-    MatProgressSpinnerHarness.hostSelector = 'mat-progress-spinner';
-    return MatProgressSpinnerHarness;
-})();
+    /** Gets the progress spinner's value. */
+    getValue() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const host = yield this.host();
+            const ariaValue = yield host.getAttribute('aria-valuenow');
+            return ariaValue ? coerceNumberProperty(ariaValue) : null;
+        });
+    }
+    /** Gets the progress spinner's mode. */
+    getMode() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modeAttr = (yield this.host()).getAttribute('mode');
+            return yield modeAttr;
+        });
+    }
+}
+/** The selector for the host element of a `MatProgressSpinner` instance. */
+MatProgressSpinnerHarness.hostSelector = 'mat-progress-spinner,mat-spinner';
 
 /**
  * @license

package/fesm2015/progress-spinner/testing.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-spinner__testing.js","sources":["../../../../../../src/material/progress-spinner/testing/progress-spinner-harness.ts","../../../../../../src/material/progress-spinner/testing/progress-spinner-harness-filters.ts","../../../../../../src/material/progress-spinner/testing/public-api.ts","../../../../../../src/material/progress-spinner/testing/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {coerceNumberProperty} from '@angular/cdk/coercion';\nimport {ComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {ProgressSpinnerMode} from '@angular/material/progress-spinner';\nimport {ProgressSpinnerHarnessFilters} from './progress-spinner-harness-filters';\n\n/** Harness for interacting with a standard mat-progress-spinner in tests. */\nexport class MatProgressSpinnerHarness extends ComponentHarness {\n  /** The selector for the host element of a `MatProgressSpinner` instance. */\n  static hostSelector = 'mat-progress-spinner';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a `MatProgressSpinnerHarness` that\n   * meets certain criteria.\n   * @param options Options for filtering which progress spinner instances are considered a match.\n   * @return a `HarnessPredicate` configured with the given options.\n   */\n  static with(options: ProgressSpinnerHarnessFilters = {}):\n      HarnessPredicate<MatProgressSpinnerHarness> {\n    return new HarnessPredicate(MatProgressSpinnerHarness, options);\n  }\n\n  /** Gets the progress spinner's value. */\n  async getValue(): Promise<number|null> {\n    const host = await this.host();\n    const ariaValue = await host.getAttribute('aria-valuenow');\n    return ariaValue ? coerceNumberProperty(ariaValue) : null;\n  }\n\n  /** Gets the progress spinner's mode. */\n  async getMode(): Promise<ProgressSpinnerMode> {\n    const modeAttr = (await this.host()).getAttribute('mode');\n    return await modeAttr as ProgressSpinnerMode;\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {BaseHarnessFilters} from '@angular/cdk/testing';\n\n/** A set of criteria that can be used to filter a list of `MatProgressSpinnerHarness` instances. */\nexport interface ProgressSpinnerHarnessFilters extends BaseHarnessFilters {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './progress-spinner-harness';\nexport * from './progress-spinner-harness-filters';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;AAaA;AACA;IAAA,MAAa,yBAA0B,SAAQ,gBAAgB;;;;;;;QAU7D,OAAO,IAAI,CAAC,UAAyC,EAAE;YAErD,OAAO,IAAI,gBAAgB,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC;SACjE;;QAGK,QAAQ;;gBACZ,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC/B,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;gBAC3D,OAAO,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;aAC3D;SAAA;;QAGK,OAAO;;gBACX,MAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;gBAC1D,OAAO,MAAM,QAA+B,CAAC;aAC9C;SAAA;;;IAxBM,sCAAY,GAAG,sBAAsB,CAAC;IAyB/C,gCAAC;;;ACzCD;;;;;;GAMG;;ACNH;;;;;;GAMG;;ACNH;;;;;;GAMG;;;;"}
+{"version":3,"file":"progress-spinner__testing.js","sources":["../../../../../../src/material/progress-spinner/testing/progress-spinner-harness.ts","../../../../../../src/material/progress-spinner/testing/progress-spinner-harness-filters.ts","../../../../../../src/material/progress-spinner/testing/public-api.ts","../../../../../../src/material/progress-spinner/testing/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {coerceNumberProperty} from '@angular/cdk/coercion';\nimport {ComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {ProgressSpinnerMode} from '@angular/material/progress-spinner';\nimport {ProgressSpinnerHarnessFilters} from './progress-spinner-harness-filters';\n\n/** Harness for interacting with a standard mat-progress-spinner in tests. */\nexport class MatProgressSpinnerHarness extends ComponentHarness {\n  /** The selector for the host element of a `MatProgressSpinner` instance. */\n  static hostSelector = 'mat-progress-spinner,mat-spinner';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a `MatProgressSpinnerHarness` that\n   * meets certain criteria.\n   * @param options Options for filtering which progress spinner instances are considered a match.\n   * @return a `HarnessPredicate` configured with the given options.\n   */\n  static with(options: ProgressSpinnerHarnessFilters = {}):\n      HarnessPredicate<MatProgressSpinnerHarness> {\n    return new HarnessPredicate(MatProgressSpinnerHarness, options);\n  }\n\n  /** Gets the progress spinner's value. */\n  async getValue(): Promise<number|null> {\n    const host = await this.host();\n    const ariaValue = await host.getAttribute('aria-valuenow');\n    return ariaValue ? coerceNumberProperty(ariaValue) : null;\n  }\n\n  /** Gets the progress spinner's mode. */\n  async getMode(): Promise<ProgressSpinnerMode> {\n    const modeAttr = (await this.host()).getAttribute('mode');\n    return await modeAttr as ProgressSpinnerMode;\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {BaseHarnessFilters} from '@angular/cdk/testing';\n\n/** A set of criteria that can be used to filter a list of `MatProgressSpinnerHarness` instances. */\nexport interface ProgressSpinnerHarnessFilters extends BaseHarnessFilters {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './progress-spinner-harness';\nexport * from './progress-spinner-harness-filters';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;AAaA;AACA,MAAa,yBAA0B,SAAQ,gBAAgB;;;;;;;IAU7D,OAAO,IAAI,CAAC,UAAyC,EAAE;QAErD,OAAO,IAAI,gBAAgB,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC;KACjE;;IAGK,QAAQ;;YACZ,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;YAC/B,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;YAC3D,OAAO,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;SAC3D;KAAA;;IAGK,OAAO;;YACX,MAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;YAC1D,OAAO,MAAM,QAA+B,CAAC;SAC9C;KAAA;;;AAxBM,sCAAY,GAAG,kCAAkC,CAAC;;AChB3D;;;;;;GAMG;;ACNH;;;;;;GAMG;;ACNH;;;;;;GAMG;;;;"}

package/fesm2015/progress-spinner.js

@@ -69,209 +69,203 @@ const INDETERMINATE_ANIMATION_TEMPLATE = `
 /**
  * `<mat-progress-spinner>` component.
  */
-let MatProgressSpinner = /** @class */ (() => {
-    class MatProgressSpinner extends _MatProgressSpinnerMixinBase {
-        constructor(_elementRef, platform, _document, animationMode, defaults) {
-            super(_elementRef);
-            this._elementRef = _elementRef;
-            this._document = _document;
-            this._diameter = BASE_SIZE;
-            this._value = 0;
-            this._fallbackAnimation = false;
-            /** Mode of the progress circle */
-            this.mode = 'determinate';
-            const trackedDiameters = MatProgressSpinner._diameters;
-            // The base size is already inserted via the component's structural styles. We still
-            // need to track it so we don't end up adding the same styles again.
-            if (!trackedDiameters.has(_document.head)) {
-                trackedDiameters.set(_document.head, new Set([BASE_SIZE]));
-            }
-            this._fallbackAnimation = platform.EDGE || platform.TRIDENT;
-            this._noopAnimations = animationMode === 'NoopAnimations' &&
-                (!!defaults && !defaults._forceAnimations);
-            if (defaults) {
-                if (defaults.diameter) {
-                    this.diameter = defaults.diameter;
-                }
-                if (defaults.strokeWidth) {
-                    this.strokeWidth = defaults.strokeWidth;
-                }
-            }
+class MatProgressSpinner extends _MatProgressSpinnerMixinBase {
+    constructor(_elementRef, platform, _document, animationMode, defaults) {
+        super(_elementRef);
+        this._elementRef = _elementRef;
+        this._document = _document;
+        this._diameter = BASE_SIZE;
+        this._value = 0;
+        this._fallbackAnimation = false;
+        /** Mode of the progress circle */
+        this.mode = 'determinate';
+        const trackedDiameters = MatProgressSpinner._diameters;
+        // The base size is already inserted via the component's structural styles. We still
+        // need to track it so we don't end up adding the same styles again.
+        if (!trackedDiameters.has(_document.head)) {
+            trackedDiameters.set(_document.head, new Set([BASE_SIZE]));
         }
-        /** The diameter of the progress spinner (will set width and height of svg). */
-        get diameter() { return this._diameter; }
-        set diameter(size) {
-            this._diameter = coerceNumberProperty(size);
-            // If this is set before `ngOnInit`, the style root may not have been resolved yet.
-            if (!this._fallbackAnimation && this._styleRoot) {
-                this._attachStyleNode();
+        this._fallbackAnimation = platform.EDGE || platform.TRIDENT;
+        this._noopAnimations = animationMode === 'NoopAnimations' &&
+            (!!defaults && !defaults._forceAnimations);
+        if (defaults) {
+            if (defaults.diameter) {
+                this.diameter = defaults.diameter;
+            }
+            if (defaults.strokeWidth) {
+                this.strokeWidth = defaults.strokeWidth;
             }
         }
-        /** Stroke width of the progress spinner. */
-        get strokeWidth() {
-            return this._strokeWidth || this.diameter / 10;
-        }
-        set strokeWidth(value) {
-            this._strokeWidth = coerceNumberProperty(value);
-        }
-        /** Value of the progress circle. */
-        get value() {
-            return this.mode === 'determinate' ? this._value : 0;
-        }
-        set value(newValue) {
-            this._value = Math.max(0, Math.min(100, coerceNumberProperty(newValue)));
-        }
-        ngOnInit() {
-            const element = this._elementRef.nativeElement;
-            // Note that we need to look up the root node in ngOnInit, rather than the constructor, because
-            // Angular seems to create the element outside the shadow root and then moves it inside, if the
-            // node is inside an `ngIf` and a ShadowDom-encapsulated component.
-            this._styleRoot = _getShadowRoot(element) || this._document.head;
+    }
+    /** The diameter of the progress spinner (will set width and height of svg). */
+    get diameter() { return this._diameter; }
+    set diameter(size) {
+        this._diameter = coerceNumberProperty(size);
+        // If this is set before `ngOnInit`, the style root may not have been resolved yet.
+        if (!this._fallbackAnimation && this._styleRoot) {
             this._attachStyleNode();
-            // On IE and Edge, we can't animate the `stroke-dashoffset`
-            // reliably so we fall back to a non-spec animation.
-            const animationClass = `mat-progress-spinner-indeterminate${this._fallbackAnimation ? '-fallback' : ''}-animation`;
-            element.classList.add(animationClass);
         }
-        /** The radius of the spinner, adjusted for stroke width. */
-        get _circleRadius() {
-            return (this.diameter - BASE_STROKE_WIDTH) / 2;
-        }
-        /** The view box of the spinner's svg element. */
-        get _viewBox() {
-            const viewBox = this._circleRadius * 2 + this.strokeWidth;
-            return `0 0 ${viewBox} ${viewBox}`;
-        }
-        /** The stroke circumference of the svg circle. */
-        get _strokeCircumference() {
-            return 2 * Math.PI * this._circleRadius;
-        }
-        /** The dash offset of the svg circle. */
-        get _strokeDashOffset() {
-            if (this.mode === 'determinate') {
-                return this._strokeCircumference * (100 - this._value) / 100;
-            }
-            // In fallback mode set the circle to 80% and rotate it with CSS.
-            if (this._fallbackAnimation && this.mode === 'indeterminate') {
-                return this._strokeCircumference * 0.2;
-            }
-            return null;
+    }
+    /** Stroke width of the progress spinner. */
+    get strokeWidth() {
+        return this._strokeWidth || this.diameter / 10;
+    }
+    set strokeWidth(value) {
+        this._strokeWidth = coerceNumberProperty(value);
+    }
+    /** Value of the progress circle. */
+    get value() {
+        return this.mode === 'determinate' ? this._value : 0;
+    }
+    set value(newValue) {
+        this._value = Math.max(0, Math.min(100, coerceNumberProperty(newValue)));
+    }
+    ngOnInit() {
+        const element = this._elementRef.nativeElement;
+        // Note that we need to look up the root node in ngOnInit, rather than the constructor, because
+        // Angular seems to create the element outside the shadow root and then moves it inside, if the
+        // node is inside an `ngIf` and a ShadowDom-encapsulated component.
+        this._styleRoot = _getShadowRoot(element) || this._document.head;
+        this._attachStyleNode();
+        // On IE and Edge, we can't animate the `stroke-dashoffset`
+        // reliably so we fall back to a non-spec animation.
+        const animationClass = `mat-progress-spinner-indeterminate${this._fallbackAnimation ? '-fallback' : ''}-animation`;
+        element.classList.add(animationClass);
+    }
+    /** The radius of the spinner, adjusted for stroke width. */
+    get _circleRadius() {
+        return (this.diameter - BASE_STROKE_WIDTH) / 2;
+    }
+    /** The view box of the spinner's svg element. */
+    get _viewBox() {
+        const viewBox = this._circleRadius * 2 + this.strokeWidth;
+        return `0 0 ${viewBox} ${viewBox}`;
+    }
+    /** The stroke circumference of the svg circle. */
+    get _strokeCircumference() {
+        return 2 * Math.PI * this._circleRadius;
+    }
+    /** The dash offset of the svg circle. */
+    get _strokeDashOffset() {
+        if (this.mode === 'determinate') {
+            return this._strokeCircumference * (100 - this._value) / 100;
         }
-        /** Stroke width of the circle in percent. */
-        get _circleStrokeWidth() {
-            return this.strokeWidth / this.diameter * 100;
+        // In fallback mode set the circle to 80% and rotate it with CSS.
+        if (this._fallbackAnimation && this.mode === 'indeterminate') {
+            return this._strokeCircumference * 0.2;
         }
-        /** Dynamically generates a style tag containing the correct animation for this diameter. */
-        _attachStyleNode() {
-            const styleRoot = this._styleRoot;
-            const currentDiameter = this._diameter;
-            const diameters = MatProgressSpinner._diameters;
-            let diametersForElement = diameters.get(styleRoot);
-            if (!diametersForElement || !diametersForElement.has(currentDiameter)) {
-                const styleTag = this._document.createElement('style');
-                styleTag.setAttribute('mat-spinner-animation', currentDiameter + '');
-                styleTag.textContent = this._getAnimationText();
-                styleRoot.appendChild(styleTag);
-                if (!diametersForElement) {
-                    diametersForElement = new Set();
-                    diameters.set(styleRoot, diametersForElement);
-                }
-                diametersForElement.add(currentDiameter);
+        return null;
+    }
+    /** Stroke width of the circle in percent. */
+    get _circleStrokeWidth() {
+        return this.strokeWidth / this.diameter * 100;
+    }
+    /** Dynamically generates a style tag containing the correct animation for this diameter. */
+    _attachStyleNode() {
+        const styleRoot = this._styleRoot;
+        const currentDiameter = this._diameter;
+        const diameters = MatProgressSpinner._diameters;
+        let diametersForElement = diameters.get(styleRoot);
+        if (!diametersForElement || !diametersForElement.has(currentDiameter)) {
+            const styleTag = this._document.createElement('style');
+            styleTag.setAttribute('mat-spinner-animation', currentDiameter + '');
+            styleTag.textContent = this._getAnimationText();
+            styleRoot.appendChild(styleTag);
+            if (!diametersForElement) {
+                diametersForElement = new Set();
+                diameters.set(styleRoot, diametersForElement);
             }
-        }
-        /** Generates animation styles adjusted for the spinner's diameter. */
-        _getAnimationText() {
-            return INDETERMINATE_ANIMATION_TEMPLATE
-                // Animation should begin at 5% and end at 80%
-                .replace(/START_VALUE/g, `${0.95 * this._strokeCircumference}`)
-                .replace(/END_VALUE/g, `${0.2 * this._strokeCircumference}`)
-                .replace(/DIAMETER/g, `${this.diameter}`);
+            diametersForElement.add(currentDiameter);
         }
     }
-    /**
-     * Tracks diameters of existing instances to de-dupe generated styles (default d = 100).
-     * We need to keep track of which elements the diameters were attached to, because for
-     * elements in the Shadow DOM the style tags are attached to the shadow root, rather
-     * than the document head.
-     */
-    MatProgressSpinner._diameters = new WeakMap();
-    MatProgressSpinner.decorators = [
-        { type: Component, args: [{
-                    selector: 'mat-progress-spinner',
-                    exportAs: 'matProgressSpinner',
-                    host: {
-                        'role': 'progressbar',
-                        'class': 'mat-progress-spinner',
-                        '[class._mat-animation-noopable]': `_noopAnimations`,
-                        '[style.width.px]': 'diameter',
-                        '[style.height.px]': 'diameter',
-                        '[attr.aria-valuemin]': 'mode === "determinate" ? 0 : null',
-                        '[attr.aria-valuemax]': 'mode === "determinate" ? 100 : null',
-                        '[attr.aria-valuenow]': 'mode === "determinate" ? value : null',
-                        '[attr.mode]': 'mode',
-                    },
-                    inputs: ['color'],
-                    template: "<!--\n  preserveAspectRatio of xMidYMid meet as the center of the viewport is the circle's\n  center. The center of the circle will remain at the center of the mat-progress-spinner\n  element containing the SVG. `focusable=\"false\"` prevents IE from allowing the user to\n  tab into the SVG element.\n-->\n\n<svg\n  [style.width.px]=\"diameter\"\n  [style.height.px]=\"diameter\"\n  [attr.viewBox]=\"_viewBox\"\n  preserveAspectRatio=\"xMidYMid meet\"\n  focusable=\"false\"\n  [ngSwitch]=\"mode === 'indeterminate'\">\n\n  <!--\n    Technically we can reuse the same `circle` element, however Safari has an issue that breaks\n    the SVG rendering in determinate mode, after switching between indeterminate and determinate.\n    Using a different element avoids the issue. An alternative to this is adding `display: none`\n    for a split second and then removing it when switching between modes, but it's hard to know\n    for how long to hide the element and it can cause the UI to blink.\n  -->\n  <circle\n    *ngSwitchCase=\"true\"\n    cx=\"50%\"\n    cy=\"50%\"\n    [attr.r]=\"_circleRadius\"\n    [style.animation-name]=\"'mat-progress-spinner-stroke-rotate-' + diameter\"\n    [style.stroke-dashoffset.px]=\"_strokeDashOffset\"\n    [style.stroke-dasharray.px]=\"_strokeCircumference\"\n    [style.stroke-width.%]=\"_circleStrokeWidth\"></circle>\n\n  <circle\n    *ngSwitchCase=\"false\"\n    cx=\"50%\"\n    cy=\"50%\"\n    [attr.r]=\"_circleRadius\"\n    [style.stroke-dashoffset.px]=\"_strokeDashOffset\"\n    [style.stroke-dasharray.px]=\"_strokeCircumference\"\n    [style.stroke-width.%]=\"_circleStrokeWidth\"></circle>\n</svg>\n",
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    styles: [".mat-progress-spinner{display:block;position:relative}.mat-progress-spinner svg{position:absolute;transform:rotate(-90deg);top:0;left:0;transform-origin:center;overflow:visible}.mat-progress-spinner circle{fill:transparent;transform-origin:center;transition:stroke-dashoffset 225ms linear}._mat-animation-noopable.mat-progress-spinner circle{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate]{animation:mat-progress-spinner-linear-rotate 2000ms linear infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate]{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition-property:stroke;animation-duration:4000ms;animation-timing-function:cubic-bezier(0.35, 0, 0.25, 1);animation-iteration-count:infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate]{animation:mat-progress-spinner-stroke-rotate-fallback 10000ms cubic-bezier(0.87, 0.03, 0.33, 1) infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate]{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition-property:stroke}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition:none;animation:none}@keyframes mat-progress-spinner-linear-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes mat-progress-spinner-stroke-rotate-100{0%{stroke-dashoffset:268.606171575px;transform:rotate(0)}12.5%{stroke-dashoffset:56.5486677px;transform:rotate(0)}12.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(72.5deg)}25.0001%{stroke-dashoffset:268.606171575px;transform:rotate(270deg)}37.5%{stroke-dashoffset:56.5486677px;transform:rotate(270deg)}37.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(161.5deg)}50.0001%{stroke-dashoffset:268.606171575px;transform:rotate(180deg)}62.5%{stroke-dashoffset:56.5486677px;transform:rotate(180deg)}62.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(251.5deg)}75.0001%{stroke-dashoffset:268.606171575px;transform:rotate(90deg)}87.5%{stroke-dashoffset:56.5486677px;transform:rotate(90deg)}87.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(341.5deg)}100%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(341.5deg)}}@keyframes mat-progress-spinner-stroke-rotate-fallback{0%{transform:rotate(0deg)}25%{transform:rotate(1170deg)}50%{transform:rotate(2340deg)}75%{transform:rotate(3510deg)}100%{transform:rotate(4680deg)}}\n"]
-                },] }
-    ];
-    MatProgressSpinner.ctorParameters = () => [
-        { type: ElementRef },
-        { type: Platform },
-        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] },
-        { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS,] }] }
-    ];
-    MatProgressSpinner.propDecorators = {
-        diameter: [{ type: Input }],
-        strokeWidth: [{ type: Input }],
-        mode: [{ type: Input }],
-        value: [{ type: Input }]
-    };
-    return MatProgressSpinner;
-})();
+    /** Generates animation styles adjusted for the spinner's diameter. */
+    _getAnimationText() {
+        return INDETERMINATE_ANIMATION_TEMPLATE
+            // Animation should begin at 5% and end at 80%
+            .replace(/START_VALUE/g, `${0.95 * this._strokeCircumference}`)
+            .replace(/END_VALUE/g, `${0.2 * this._strokeCircumference}`)
+            .replace(/DIAMETER/g, `${this.diameter}`);
+    }
+}
+/**
+ * Tracks diameters of existing instances to de-dupe generated styles (default d = 100).
+ * We need to keep track of which elements the diameters were attached to, because for
+ * elements in the Shadow DOM the style tags are attached to the shadow root, rather
+ * than the document head.
+ */
+MatProgressSpinner._diameters = new WeakMap();
+MatProgressSpinner.decorators = [
+    { type: Component, args: [{
+                selector: 'mat-progress-spinner',
+                exportAs: 'matProgressSpinner',
+                host: {
+                    'role': 'progressbar',
+                    'class': 'mat-progress-spinner',
+                    '[class._mat-animation-noopable]': `_noopAnimations`,
+                    '[style.width.px]': 'diameter',
+                    '[style.height.px]': 'diameter',
+                    '[attr.aria-valuemin]': 'mode === "determinate" ? 0 : null',
+                    '[attr.aria-valuemax]': 'mode === "determinate" ? 100 : null',
+                    '[attr.aria-valuenow]': 'mode === "determinate" ? value : null',
+                    '[attr.mode]': 'mode',
+                },
+                inputs: ['color'],
+                template: "<!--\n  preserveAspectRatio of xMidYMid meet as the center of the viewport is the circle's\n  center. The center of the circle will remain at the center of the mat-progress-spinner\n  element containing the SVG. `focusable=\"false\"` prevents IE from allowing the user to\n  tab into the SVG element.\n-->\n\n<svg\n  [style.width.px]=\"diameter\"\n  [style.height.px]=\"diameter\"\n  [attr.viewBox]=\"_viewBox\"\n  preserveAspectRatio=\"xMidYMid meet\"\n  focusable=\"false\"\n  [ngSwitch]=\"mode === 'indeterminate'\">\n\n  <!--\n    Technically we can reuse the same `circle` element, however Safari has an issue that breaks\n    the SVG rendering in determinate mode, after switching between indeterminate and determinate.\n    Using a different element avoids the issue. An alternative to this is adding `display: none`\n    for a split second and then removing it when switching between modes, but it's hard to know\n    for how long to hide the element and it can cause the UI to blink.\n  -->\n  <circle\n    *ngSwitchCase=\"true\"\n    cx=\"50%\"\n    cy=\"50%\"\n    [attr.r]=\"_circleRadius\"\n    [style.animation-name]=\"'mat-progress-spinner-stroke-rotate-' + diameter\"\n    [style.stroke-dashoffset.px]=\"_strokeDashOffset\"\n    [style.stroke-dasharray.px]=\"_strokeCircumference\"\n    [style.stroke-width.%]=\"_circleStrokeWidth\"></circle>\n\n  <circle\n    *ngSwitchCase=\"false\"\n    cx=\"50%\"\n    cy=\"50%\"\n    [attr.r]=\"_circleRadius\"\n    [style.stroke-dashoffset.px]=\"_strokeDashOffset\"\n    [style.stroke-dasharray.px]=\"_strokeCircumference\"\n    [style.stroke-width.%]=\"_circleStrokeWidth\"></circle>\n</svg>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                styles: [".mat-progress-spinner{display:block;position:relative}.mat-progress-spinner svg{position:absolute;transform:rotate(-90deg);top:0;left:0;transform-origin:center;overflow:visible}.mat-progress-spinner circle{fill:transparent;transform-origin:center;transition:stroke-dashoffset 225ms linear}._mat-animation-noopable.mat-progress-spinner circle{transition:none;animation:none}.cdk-high-contrast-active .mat-progress-spinner circle{stroke:currentColor}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate]{animation:mat-progress-spinner-linear-rotate 2000ms linear infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate]{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition-property:stroke;animation-duration:4000ms;animation-timing-function:cubic-bezier(0.35, 0, 0.25, 1);animation-iteration-count:infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate]{animation:mat-progress-spinner-stroke-rotate-fallback 10000ms cubic-bezier(0.87, 0.03, 0.33, 1) infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate]{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition-property:stroke}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition:none;animation:none}@keyframes mat-progress-spinner-linear-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes mat-progress-spinner-stroke-rotate-100{0%{stroke-dashoffset:268.606171575px;transform:rotate(0)}12.5%{stroke-dashoffset:56.5486677px;transform:rotate(0)}12.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(72.5deg)}25.0001%{stroke-dashoffset:268.606171575px;transform:rotate(270deg)}37.5%{stroke-dashoffset:56.5486677px;transform:rotate(270deg)}37.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(161.5deg)}50.0001%{stroke-dashoffset:268.606171575px;transform:rotate(180deg)}62.5%{stroke-dashoffset:56.5486677px;transform:rotate(180deg)}62.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(251.5deg)}75.0001%{stroke-dashoffset:268.606171575px;transform:rotate(90deg)}87.5%{stroke-dashoffset:56.5486677px;transform:rotate(90deg)}87.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(341.5deg)}100%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(341.5deg)}}@keyframes mat-progress-spinner-stroke-rotate-fallback{0%{transform:rotate(0deg)}25%{transform:rotate(1170deg)}50%{transform:rotate(2340deg)}75%{transform:rotate(3510deg)}100%{transform:rotate(4680deg)}}\n"]
+            },] }
+];
+MatProgressSpinner.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Platform },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] },
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS,] }] }
+];
+MatProgressSpinner.propDecorators = {
+    diameter: [{ type: Input }],
+    strokeWidth: [{ type: Input }],
+    mode: [{ type: Input }],
+    value: [{ type: Input }]
+};
 /**
  * `<mat-spinner>` component.
  *
  * This is a component definition to be used as a convenience reference to create an
  * indeterminate `<mat-progress-spinner>` instance.
  */
-let MatSpinner = /** @class */ (() => {
-    class MatSpinner extends MatProgressSpinner {
-        constructor(elementRef, platform, document, animationMode, defaults) {
-            super(elementRef, platform, document, animationMode, defaults);
-            this.mode = 'indeterminate';
-        }
+class MatSpinner extends MatProgressSpinner {
+    constructor(elementRef, platform, document, animationMode, defaults) {
+        super(elementRef, platform, document, animationMode, defaults);
+        this.mode = 'indeterminate';
     }
-    MatSpinner.decorators = [
-        { type: Component, args: [{
-                    selector: 'mat-spinner',
-                    host: {
-                        'role': 'progressbar',
-                        'mode': 'indeterminate',
-                        'class': 'mat-spinner mat-progress-spinner',
-                        '[class._mat-animation-noopable]': `_noopAnimations`,
-                        '[style.width.px]': 'diameter',
-                        '[style.height.px]': 'diameter',
-                    },
-                    inputs: ['color'],
-                    template: "<!--\n  preserveAspectRatio of xMidYMid meet as the center of the viewport is the circle's\n  center. The center of the circle will remain at the center of the mat-progress-spinner\n  element containing the SVG. `focusable=\"false\"` prevents IE from allowing the user to\n  tab into the SVG element.\n-->\n\n<svg\n  [style.width.px]=\"diameter\"\n  [style.height.px]=\"diameter\"\n  [attr.viewBox]=\"_viewBox\"\n  preserveAspectRatio=\"xMidYMid meet\"\n  focusable=\"false\"\n  [ngSwitch]=\"mode === 'indeterminate'\">\n\n  <!--\n    Technically we can reuse the same `circle` element, however Safari has an issue that breaks\n    the SVG rendering in determinate mode, after switching between indeterminate and determinate.\n    Using a different element avoids the issue. An alternative to this is adding `display: none`\n    for a split second and then removing it when switching between modes, but it's hard to know\n    for how long to hide the element and it can cause the UI to blink.\n  -->\n  <circle\n    *ngSwitchCase=\"true\"\n    cx=\"50%\"\n    cy=\"50%\"\n    [attr.r]=\"_circleRadius\"\n    [style.animation-name]=\"'mat-progress-spinner-stroke-rotate-' + diameter\"\n    [style.stroke-dashoffset.px]=\"_strokeDashOffset\"\n    [style.stroke-dasharray.px]=\"_strokeCircumference\"\n    [style.stroke-width.%]=\"_circleStrokeWidth\"></circle>\n\n  <circle\n    *ngSwitchCase=\"false\"\n    cx=\"50%\"\n    cy=\"50%\"\n    [attr.r]=\"_circleRadius\"\n    [style.stroke-dashoffset.px]=\"_strokeDashOffset\"\n    [style.stroke-dasharray.px]=\"_strokeCircumference\"\n    [style.stroke-width.%]=\"_circleStrokeWidth\"></circle>\n</svg>\n",
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    styles: [".mat-progress-spinner{display:block;position:relative}.mat-progress-spinner svg{position:absolute;transform:rotate(-90deg);top:0;left:0;transform-origin:center;overflow:visible}.mat-progress-spinner circle{fill:transparent;transform-origin:center;transition:stroke-dashoffset 225ms linear}._mat-animation-noopable.mat-progress-spinner circle{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate]{animation:mat-progress-spinner-linear-rotate 2000ms linear infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate]{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition-property:stroke;animation-duration:4000ms;animation-timing-function:cubic-bezier(0.35, 0, 0.25, 1);animation-iteration-count:infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate]{animation:mat-progress-spinner-stroke-rotate-fallback 10000ms cubic-bezier(0.87, 0.03, 0.33, 1) infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate]{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition-property:stroke}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition:none;animation:none}@keyframes mat-progress-spinner-linear-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes mat-progress-spinner-stroke-rotate-100{0%{stroke-dashoffset:268.606171575px;transform:rotate(0)}12.5%{stroke-dashoffset:56.5486677px;transform:rotate(0)}12.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(72.5deg)}25.0001%{stroke-dashoffset:268.606171575px;transform:rotate(270deg)}37.5%{stroke-dashoffset:56.5486677px;transform:rotate(270deg)}37.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(161.5deg)}50.0001%{stroke-dashoffset:268.606171575px;transform:rotate(180deg)}62.5%{stroke-dashoffset:56.5486677px;transform:rotate(180deg)}62.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(251.5deg)}75.0001%{stroke-dashoffset:268.606171575px;transform:rotate(90deg)}87.5%{stroke-dashoffset:56.5486677px;transform:rotate(90deg)}87.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(341.5deg)}100%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(341.5deg)}}@keyframes mat-progress-spinner-stroke-rotate-fallback{0%{transform:rotate(0deg)}25%{transform:rotate(1170deg)}50%{transform:rotate(2340deg)}75%{transform:rotate(3510deg)}100%{transform:rotate(4680deg)}}\n"]
-                },] }
-    ];
-    MatSpinner.ctorParameters = () => [
-        { type: ElementRef },
-        { type: Platform },
-        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] },
-        { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS,] }] }
-    ];
-    return MatSpinner;
-})();
+}
+MatSpinner.decorators = [
+    { type: Component, args: [{
+                selector: 'mat-spinner',
+                host: {
+                    'role': 'progressbar',
+                    'mode': 'indeterminate',
+                    'class': 'mat-spinner mat-progress-spinner',
+                    '[class._mat-animation-noopable]': `_noopAnimations`,
+                    '[style.width.px]': 'diameter',
+                    '[style.height.px]': 'diameter',
+                },
+                inputs: ['color'],
+                template: "<!--\n  preserveAspectRatio of xMidYMid meet as the center of the viewport is the circle's\n  center. The center of the circle will remain at the center of the mat-progress-spinner\n  element containing the SVG. `focusable=\"false\"` prevents IE from allowing the user to\n  tab into the SVG element.\n-->\n\n<svg\n  [style.width.px]=\"diameter\"\n  [style.height.px]=\"diameter\"\n  [attr.viewBox]=\"_viewBox\"\n  preserveAspectRatio=\"xMidYMid meet\"\n  focusable=\"false\"\n  [ngSwitch]=\"mode === 'indeterminate'\">\n\n  <!--\n    Technically we can reuse the same `circle` element, however Safari has an issue that breaks\n    the SVG rendering in determinate mode, after switching between indeterminate and determinate.\n    Using a different element avoids the issue. An alternative to this is adding `display: none`\n    for a split second and then removing it when switching between modes, but it's hard to know\n    for how long to hide the element and it can cause the UI to blink.\n  -->\n  <circle\n    *ngSwitchCase=\"true\"\n    cx=\"50%\"\n    cy=\"50%\"\n    [attr.r]=\"_circleRadius\"\n    [style.animation-name]=\"'mat-progress-spinner-stroke-rotate-' + diameter\"\n    [style.stroke-dashoffset.px]=\"_strokeDashOffset\"\n    [style.stroke-dasharray.px]=\"_strokeCircumference\"\n    [style.stroke-width.%]=\"_circleStrokeWidth\"></circle>\n\n  <circle\n    *ngSwitchCase=\"false\"\n    cx=\"50%\"\n    cy=\"50%\"\n    [attr.r]=\"_circleRadius\"\n    [style.stroke-dashoffset.px]=\"_strokeDashOffset\"\n    [style.stroke-dasharray.px]=\"_strokeCircumference\"\n    [style.stroke-width.%]=\"_circleStrokeWidth\"></circle>\n</svg>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                styles: [".mat-progress-spinner{display:block;position:relative}.mat-progress-spinner svg{position:absolute;transform:rotate(-90deg);top:0;left:0;transform-origin:center;overflow:visible}.mat-progress-spinner circle{fill:transparent;transform-origin:center;transition:stroke-dashoffset 225ms linear}._mat-animation-noopable.mat-progress-spinner circle{transition:none;animation:none}.cdk-high-contrast-active .mat-progress-spinner circle{stroke:currentColor}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate]{animation:mat-progress-spinner-linear-rotate 2000ms linear infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate]{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition-property:stroke;animation-duration:4000ms;animation-timing-function:cubic-bezier(0.35, 0, 0.25, 1);animation-iteration-count:infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate]{animation:mat-progress-spinner-stroke-rotate-fallback 10000ms cubic-bezier(0.87, 0.03, 0.33, 1) infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate]{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition-property:stroke}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition:none;animation:none}@keyframes mat-progress-spinner-linear-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes mat-progress-spinner-stroke-rotate-100{0%{stroke-dashoffset:268.606171575px;transform:rotate(0)}12.5%{stroke-dashoffset:56.5486677px;transform:rotate(0)}12.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(72.5deg)}25.0001%{stroke-dashoffset:268.606171575px;transform:rotate(270deg)}37.5%{stroke-dashoffset:56.5486677px;transform:rotate(270deg)}37.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(161.5deg)}50.0001%{stroke-dashoffset:268.606171575px;transform:rotate(180deg)}62.5%{stroke-dashoffset:56.5486677px;transform:rotate(180deg)}62.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(251.5deg)}75.0001%{stroke-dashoffset:268.606171575px;transform:rotate(90deg)}87.5%{stroke-dashoffset:56.5486677px;transform:rotate(90deg)}87.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(341.5deg)}100%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(341.5deg)}}@keyframes mat-progress-spinner-stroke-rotate-fallback{0%{transform:rotate(0deg)}25%{transform:rotate(1170deg)}50%{transform:rotate(2340deg)}75%{transform:rotate(3510deg)}100%{transform:rotate(4680deg)}}\n"]
+            },] }
+];
+MatSpinner.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Platform },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] },
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS,] }] }
+];
 
 /**
  * @license
@@ -280,25 +274,22 @@ let MatSpinner = /** @class */ (() => {
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-let MatProgressSpinnerModule = /** @class */ (() => {
-    class MatProgressSpinnerModule {
-    }
-    MatProgressSpinnerModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [MatCommonModule, CommonModule],
-                    exports: [
-                        MatProgressSpinner,
-                        MatSpinner,
-                        MatCommonModule
-                    ],
-                    declarations: [
-                        MatProgressSpinner,
-                        MatSpinner
-                    ],
-                },] }
-    ];
-    return MatProgressSpinnerModule;
-})();
+class MatProgressSpinnerModule {
+}
+MatProgressSpinnerModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [MatCommonModule, CommonModule],
+                exports: [
+                    MatProgressSpinner,
+                    MatSpinner,
+                    MatCommonModule
+                ],
+                declarations: [
+                    MatProgressSpinner,
+                    MatSpinner
+                ],
+            },] }
+];
 
 /**
  * @license