@angular/material 16.2.1 → 17.0.0-next.0

package/fesm2022/dialog/testing.mjs

@@ -1,11 +1,11 @@
-import { ContentContainerComponentHarness, TestKey, HarnessPredicate } from '@angular/cdk/testing';
+import { ContentContainerComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';
 import { __decorate, __metadata } from 'tslib';
-import { Directive, Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
-import { _MatDialogBase, MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
+import { MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
-/** Base class for the `MatDialogHarness` implementation. */
-class _MatDialogHarnessBase
+/** Harness for interacting with a standard `MatDialog` in tests. */
+class MatDialogHarness
 // @breaking-change 14.0.0 change generic type to MatDialogSection.
  extends ContentContainerComponentHarness {
     constructor() {
@@ -14,6 +14,16 @@ class _MatDialogHarnessBase
         this._content = this.locatorForOptional(".mat-mdc-dialog-content" /* MatDialogSection.CONTENT */);
         this._actions = this.locatorForOptional(".mat-mdc-dialog-actions" /* MatDialogSection.ACTIONS */);
     }
+    /** The selector for the host element of a `MatDialog` instance. */
+    static { this.hostSelector = '.mat-mdc-dialog-container'; }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a dialog with specific attributes.
+     * @param options Options for filtering which dialog instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(this, options);
+    }
     /** Gets the id of the dialog. */
     async getId() {
         const id = await (await this.host()).getAttribute('id');
@@ -62,54 +72,31 @@ class _MatDialogHarnessBase
         return (await this._actions())?.text() ?? '';
     }
 }
-/** Harness for interacting with a standard `MatDialog` in tests. */
-class MatDialogHarness extends _MatDialogHarnessBase {
-    /** The selector for the host element of a `MatDialog` instance. */
-    static { this.hostSelector = '.mat-mdc-dialog-container'; }
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a dialog with specific attributes.
-     * @param options Options for filtering which dialog instances are considered a match.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with(options = {}) {
-        return new HarnessPredicate(this, options);
-    }
-}
 
-var _MatTestDialogOpenerBase_1, MatTestDialogOpener_1;
-/** Base class for a component that immediately opens a dialog when created. */
-let _MatTestDialogOpenerBase = class _MatTestDialogOpenerBase {
-    static { _MatTestDialogOpenerBase_1 = this; }
+var MatTestDialogOpener_1;
+/** Test component that immediately opens a dialog when bootstrapped. */
+let MatTestDialogOpener = class MatTestDialogOpener {
+    static { MatTestDialogOpener_1 = this; }
+    /** Static method that prepares this class to open the provided component. */
+    static withComponent(component, config) {
+        MatTestDialogOpener_1.component = component;
+        MatTestDialogOpener_1.config = config;
+        return MatTestDialogOpener_1;
+    }
     constructor(dialog) {
         this.dialog = dialog;
-        if (!_MatTestDialogOpenerBase_1.component) {
+        if (!MatTestDialogOpener_1.component) {
             throw new Error(`MatTestDialogOpener does not have a component provided.`);
         }
-        this.dialogRef = this.dialog.open(_MatTestDialogOpenerBase_1.component, _MatTestDialogOpenerBase_1.config || {});
+        this.dialogRef = this.dialog.open(MatTestDialogOpener_1.component, MatTestDialogOpener_1.config || {});
         this._afterClosedSubscription = this.dialogRef.afterClosed().subscribe(result => {
             this.closedResult = result;
         });
     }
     ngOnDestroy() {
         this._afterClosedSubscription.unsubscribe();
-        _MatTestDialogOpenerBase_1.component = undefined;
-        _MatTestDialogOpenerBase_1.config = undefined;
-    }
-};
-_MatTestDialogOpenerBase = _MatTestDialogOpenerBase_1 = __decorate([
-    Directive(),
-    __metadata("design:paramtypes", [_MatDialogBase])
-], _MatTestDialogOpenerBase);
-/** Test component that immediately opens a dialog when bootstrapped. */
-let MatTestDialogOpener = MatTestDialogOpener_1 = class MatTestDialogOpener extends _MatTestDialogOpenerBase {
-    constructor(dialog) {
-        super(dialog);
-    }
-    /** Static method that prepares this class to open the provided component. */
-    static withComponent(component, config) {
-        _MatTestDialogOpenerBase.component = component;
-        _MatTestDialogOpenerBase.config = config;
-        return MatTestDialogOpener_1;
+        MatTestDialogOpener_1.component = undefined;
+        MatTestDialogOpener_1.config = undefined;
     }
 };
 MatTestDialogOpener = MatTestDialogOpener_1 = __decorate([
@@ -130,5 +117,5 @@ MatTestDialogOpenerModule = __decorate([
     })
 ], MatTestDialogOpenerModule);
 
-export { MatDialogHarness, MatTestDialogOpener, MatTestDialogOpenerModule, _MatDialogHarnessBase, _MatTestDialogOpenerBase };
+export { MatDialogHarness, MatTestDialogOpener, MatTestDialogOpenerModule };
 //# sourceMappingURL=testing.mjs.map

package/fesm2022/dialog/testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testing.mjs","sources":["../../../../../../../src/material/dialog/testing/dialog-harness.ts","../../../../../../../src/material/dialog/testing/dialog-opener.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 {\n  ComponentHarnessConstructor,\n  ContentContainerComponentHarness,\n  HarnessPredicate,\n  TestKey,\n} from '@angular/cdk/testing';\nimport {DialogHarnessFilters} from './dialog-harness-filters';\nimport {DialogRole} from '@angular/material/dialog';\n\n/** Selectors for different sections of the mat-dialog that can contain user content. */\nexport const enum MatDialogSection {\n  TITLE = '.mat-mdc-dialog-title',\n  CONTENT = '.mat-mdc-dialog-content',\n  ACTIONS = '.mat-mdc-dialog-actions',\n}\n\n/** Base class for the `MatDialogHarness` implementation. */\nexport class _MatDialogHarnessBase\n  // @breaking-change 14.0.0 change generic type to MatDialogSection.\n  extends ContentContainerComponentHarness<MatDialogSection | string>\n{\n  protected _title = this.locatorForOptional(MatDialogSection.TITLE);\n  protected _content = this.locatorForOptional(MatDialogSection.CONTENT);\n  protected _actions = this.locatorForOptional(MatDialogSection.ACTIONS);\n\n  /** Gets the id of the dialog. */\n  async getId(): Promise<string | null> {\n    const id = await (await this.host()).getAttribute('id');\n    // In case no id has been specified, the \"id\" property always returns\n    // an empty string. To make this method more explicit, we return null.\n    return id !== '' ? id : null;\n  }\n\n  /** Gets the role of the dialog. */\n  async getRole(): Promise<DialogRole | null> {\n    return (await this.host()).getAttribute('role') as Promise<DialogRole | null>;\n  }\n\n  /** Gets the value of the dialog's \"aria-label\" attribute. */\n  async getAriaLabel(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-label');\n  }\n\n  /** Gets the value of the dialog's \"aria-labelledby\" attribute. */\n  async getAriaLabelledby(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-labelledby');\n  }\n\n  /** Gets the value of the dialog's \"aria-describedby\" attribute. */\n  async getAriaDescribedby(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-describedby');\n  }\n\n  /**\n   * Closes the dialog by pressing escape.\n   *\n   * Note: this method does nothing if `disableClose` has been set to `true` for the dialog.\n   */\n  async close(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /** Gets te dialog's text. */\n  async getText() {\n    return (await this.host()).text();\n  }\n\n  /** Gets the dialog's title text. This only works if the dialog is using mat-dialog-title. */\n  async getTitleText() {\n    return (await this._title())?.text() ?? '';\n  }\n\n  /** Gets the dialog's content text. This only works if the dialog is using mat-dialog-content. */\n  async getContentText() {\n    return (await this._content())?.text() ?? '';\n  }\n\n  /** Gets the dialog's actions text. This only works if the dialog is using mat-dialog-actions. */\n  async getActionsText() {\n    return (await this._actions())?.text() ?? '';\n  }\n}\n\n/** Harness for interacting with a standard `MatDialog` in tests. */\nexport class MatDialogHarness extends _MatDialogHarnessBase {\n  /** The selector for the host element of a `MatDialog` instance. */\n  static hostSelector = '.mat-mdc-dialog-container';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a dialog with specific attributes.\n   * @param options Options for filtering which dialog instances are considered a match.\n   * @return a `HarnessPredicate` configured with the given options.\n   */\n  static with<T extends MatDialogHarness>(\n    this: ComponentHarnessConstructor<T>,\n    options: DialogHarnessFilters = {},\n  ): HarnessPredicate<T> {\n    return new HarnessPredicate(this, options);\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 {ComponentType} from '@angular/cdk/overlay';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  NgModule,\n  OnDestroy,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  MatDialog,\n  MatDialogConfig,\n  MatDialogContainer,\n  MatDialogModule,\n  _MatDialogBase,\n  _MatDialogContainerBase,\n  MatDialogRef,\n} from '@angular/material/dialog';\nimport {NoopAnimationsModule} from '@angular/platform-browser/animations';\nimport {Subscription} from 'rxjs';\n\n/** Base class for a component that immediately opens a dialog when created. */\n@Directive()\nexport class _MatTestDialogOpenerBase<C extends _MatDialogContainerBase, T, R>\n  implements OnDestroy\n{\n  /** Component that should be opened with the MatDialog `open` method. */\n  protected static component: ComponentType<unknown> | undefined;\n\n  /** Config that should be provided to the MatDialog `open` method. */\n  protected static config: MatDialogConfig | undefined;\n\n  /** MatDialogRef returned from the MatDialog `open` method. */\n  dialogRef: MatDialogRef<T, R>;\n\n  /** Data passed to the `MatDialog` close method. */\n  closedResult: R | undefined;\n\n  private readonly _afterClosedSubscription: Subscription;\n\n  constructor(public dialog: _MatDialogBase<C>) {\n    if (!_MatTestDialogOpenerBase.component) {\n      throw new Error(`MatTestDialogOpener does not have a component provided.`);\n    }\n\n    this.dialogRef = this.dialog.open<T, R>(\n      _MatTestDialogOpenerBase.component as ComponentType<T>,\n      _MatTestDialogOpenerBase.config || {},\n    );\n    this._afterClosedSubscription = this.dialogRef.afterClosed().subscribe(result => {\n      this.closedResult = result;\n    });\n  }\n\n  ngOnDestroy() {\n    this._afterClosedSubscription.unsubscribe();\n    _MatTestDialogOpenerBase.component = undefined;\n    _MatTestDialogOpenerBase.config = undefined;\n  }\n}\n\n/** Test component that immediately opens a dialog when bootstrapped. */\n@Component({\n  selector: 'mat-test-dialog-opener',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MatTestDialogOpener<T = unknown, R = unknown> extends _MatTestDialogOpenerBase<\n  MatDialogContainer,\n  T,\n  R\n> {\n  constructor(dialog: MatDialog) {\n    super(dialog);\n  }\n\n  /** Static method that prepares this class to open the provided component. */\n  static withComponent<T = unknown, R = unknown>(\n    component: ComponentType<T>,\n    config?: MatDialogConfig,\n  ) {\n    _MatTestDialogOpenerBase.component = component;\n    _MatTestDialogOpenerBase.config = config;\n    return MatTestDialogOpener as ComponentType<MatTestDialogOpener<T, R>>;\n  }\n}\n\n@NgModule({\n  declarations: [MatTestDialogOpener],\n  imports: [MatDialogModule, NoopAnimationsModule],\n})\nexport class MatTestDialogOpenerModule {}\n"],"names":[],"mappings":";;;;;;AAwBA;MACa,qBAAqB;AAChC;AACA,SAAQ,gCAA2D,CAAA;AAFrE,IAAA,WAAA,GAAA;;AAIY,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,kBAAkB,sDAAwB,CAAC;AACzD,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,CAAC,kBAAkB,0DAA0B,CAAC;AAC7D,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,CAAC,kBAAkB,0DAA0B,CAAC;KA0DxE;;AAvDC,IAAA,MAAM,KAAK,GAAA;AACT,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;;;QAGxD,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;KAC9B;;AAGD,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,MAAM,CAA+B,CAAC;KAC/E;;AAGD,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;KACvD;;AAGD,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;KAC5D;;AAGD,IAAA,MAAM,kBAAkB,GAAA;AACtB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;KAC7D;AAED;;;;AAIG;AACH,IAAA,MAAM,KAAK,GAAA;AACT,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;KACpD;;AAGD,IAAA,MAAM,OAAO,GAAA;QACX,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC;KACnC;;AAGD,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC;KAC5C;;AAGD,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC;KAC9C;;AAGD,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC;KAC9C;AACF,CAAA;AAED;AACM,MAAO,gBAAiB,SAAQ,qBAAqB,CAAA;;aAElD,IAAY,CAAA,YAAA,GAAG,2BAA2B,CAAC,EAAA;AAElD;;;;AAIG;AACH,IAAA,OAAO,IAAI,CAET,OAAA,GAAgC,EAAE,EAAA;AAElC,QAAA,OAAO,IAAI,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;KAC5C;;;;AC7EH;AAEa,IAAA,wBAAwB,GAA9B,MAAM,wBAAwB,CAAA;;AAiBnC,IAAA,WAAA,CAAmB,MAAyB,EAAA;QAAzB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAmB;AAC1C,QAAA,IAAI,CAAC,0BAAwB,CAAC,SAAS,EAAE;AACvC,YAAA,MAAM,IAAI,KAAK,CAAC,CAAA,uDAAA,CAAyD,CAAC,CAAC;AAC5E,SAAA;AAED,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAC/B,0BAAwB,CAAC,SAA6B,EACtD,0BAAwB,CAAC,MAAM,IAAI,EAAE,CACtC,CAAC;AACF,QAAA,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAG;AAC9E,YAAA,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;AAC7B,SAAC,CAAC,CAAC;KACJ;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,wBAAwB,CAAC,WAAW,EAAE,CAAC;AAC5C,QAAA,0BAAwB,CAAC,SAAS,GAAG,SAAS,CAAC;AAC/C,QAAA,0BAAwB,CAAC,MAAM,GAAG,SAAS,CAAC;KAC7C;EACF;AApCY,wBAAwB,GAAA,0BAAA,GAAA,UAAA,CAAA;AADpC,IAAA,SAAS,EAAE;qCAkBiB,cAAc,CAAA,CAAA;AAjB9B,CAAA,EAAA,wBAAwB,CAoCpC,CAAA;AAED;AAOO,IAAM,mBAAmB,GAAA,qBAAA,GAAzB,MAAM,mBAA8C,SAAQ,wBAIlE,CAAA;AACC,IAAA,WAAA,CAAY,MAAiB,EAAA;QAC3B,KAAK,CAAC,MAAM,CAAC,CAAC;KACf;;AAGD,IAAA,OAAO,aAAa,CAClB,SAA2B,EAC3B,MAAwB,EAAA;AAExB,QAAA,wBAAwB,CAAC,SAAS,GAAG,SAAS,CAAC;AAC/C,QAAA,wBAAwB,CAAC,MAAM,GAAG,MAAM,CAAC;AACzC,QAAA,OAAO,qBAA+D,CAAC;KACxE;EACF;AAlBY,mBAAmB,GAAA,qBAAA,GAAA,UAAA,CAAA;AAN/B,IAAA,SAAS,CAAC;AACT,QAAA,QAAQ,EAAE,wBAAwB;AAClC,QAAA,QAAQ,EAAE,EAAE;QACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;KACtC,CAAC;qCAMoB,SAAS,CAAA,CAAA;AALlB,CAAA,EAAA,mBAAmB,CAkB/B,CAAA;AAMY,IAAA,yBAAyB,GAA/B,MAAM,yBAAyB,CAAA;EAAG;AAA5B,yBAAyB,GAAA,UAAA,CAAA;AAJrC,IAAA,QAAQ,CAAC;QACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,QAAA,OAAO,EAAE,CAAC,eAAe,EAAE,oBAAoB,CAAC;KACjD,CAAC;AACW,CAAA,EAAA,yBAAyB,CAAG;;;;"}
+{"version":3,"file":"testing.mjs","sources":["../../../../../../../src/material/dialog/testing/dialog-harness.ts","../../../../../../../src/material/dialog/testing/dialog-opener.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 {\n  ComponentHarnessConstructor,\n  ContentContainerComponentHarness,\n  HarnessPredicate,\n  TestKey,\n} from '@angular/cdk/testing';\nimport {DialogHarnessFilters} from './dialog-harness-filters';\nimport {DialogRole} from '@angular/material/dialog';\n\n/** Selectors for different sections of the mat-dialog that can contain user content. */\nexport const enum MatDialogSection {\n  TITLE = '.mat-mdc-dialog-title',\n  CONTENT = '.mat-mdc-dialog-content',\n  ACTIONS = '.mat-mdc-dialog-actions',\n}\n\n/** Harness for interacting with a standard `MatDialog` in tests. */\nexport class MatDialogHarness\n  // @breaking-change 14.0.0 change generic type to MatDialogSection.\n  extends ContentContainerComponentHarness<MatDialogSection | string>\n{\n  /** The selector for the host element of a `MatDialog` instance. */\n  static hostSelector = '.mat-mdc-dialog-container';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a dialog with specific attributes.\n   * @param options Options for filtering which dialog instances are considered a match.\n   * @return a `HarnessPredicate` configured with the given options.\n   */\n  static with<T extends MatDialogHarness>(\n    this: ComponentHarnessConstructor<T>,\n    options: DialogHarnessFilters = {},\n  ): HarnessPredicate<T> {\n    return new HarnessPredicate(this, options);\n  }\n\n  protected _title = this.locatorForOptional(MatDialogSection.TITLE);\n  protected _content = this.locatorForOptional(MatDialogSection.CONTENT);\n  protected _actions = this.locatorForOptional(MatDialogSection.ACTIONS);\n\n  /** Gets the id of the dialog. */\n  async getId(): Promise<string | null> {\n    const id = await (await this.host()).getAttribute('id');\n    // In case no id has been specified, the \"id\" property always returns\n    // an empty string. To make this method more explicit, we return null.\n    return id !== '' ? id : null;\n  }\n\n  /** Gets the role of the dialog. */\n  async getRole(): Promise<DialogRole | null> {\n    return (await this.host()).getAttribute('role') as Promise<DialogRole | null>;\n  }\n\n  /** Gets the value of the dialog's \"aria-label\" attribute. */\n  async getAriaLabel(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-label');\n  }\n\n  /** Gets the value of the dialog's \"aria-labelledby\" attribute. */\n  async getAriaLabelledby(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-labelledby');\n  }\n\n  /** Gets the value of the dialog's \"aria-describedby\" attribute. */\n  async getAriaDescribedby(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-describedby');\n  }\n\n  /**\n   * Closes the dialog by pressing escape.\n   *\n   * Note: this method does nothing if `disableClose` has been set to `true` for the dialog.\n   */\n  async close(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /** Gets te dialog's text. */\n  async getText() {\n    return (await this.host()).text();\n  }\n\n  /** Gets the dialog's title text. This only works if the dialog is using mat-dialog-title. */\n  async getTitleText() {\n    return (await this._title())?.text() ?? '';\n  }\n\n  /** Gets the dialog's content text. This only works if the dialog is using mat-dialog-content. */\n  async getContentText() {\n    return (await this._content())?.text() ?? '';\n  }\n\n  /** Gets the dialog's actions text. This only works if the dialog is using mat-dialog-actions. */\n  async getActionsText() {\n    return (await this._actions())?.text() ?? '';\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 {ComponentType} from '@angular/cdk/overlay';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  NgModule,\n  OnDestroy,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {MatDialog, MatDialogConfig, MatDialogModule, MatDialogRef} from '@angular/material/dialog';\nimport {NoopAnimationsModule} from '@angular/platform-browser/animations';\nimport {Subscription} from 'rxjs';\n\n/** Test component that immediately opens a dialog when bootstrapped. */\n@Component({\n  selector: 'mat-test-dialog-opener',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MatTestDialogOpener<T = unknown, R = unknown> implements OnDestroy {\n  /** Component that should be opened with the MatDialog `open` method. */\n  protected static component: ComponentType<unknown> | undefined;\n\n  /** Config that should be provided to the MatDialog `open` method. */\n  protected static config: MatDialogConfig | undefined;\n\n  /** MatDialogRef returned from the MatDialog `open` method. */\n  dialogRef: MatDialogRef<T, R>;\n\n  /** Data passed to the `MatDialog` close method. */\n  closedResult: R | undefined;\n\n  private readonly _afterClosedSubscription: Subscription;\n\n  /** Static method that prepares this class to open the provided component. */\n  static withComponent<T = unknown, R = unknown>(\n    component: ComponentType<T>,\n    config?: MatDialogConfig,\n  ) {\n    MatTestDialogOpener.component = component;\n    MatTestDialogOpener.config = config;\n    return MatTestDialogOpener as ComponentType<MatTestDialogOpener<T, R>>;\n  }\n\n  constructor(public dialog: MatDialog) {\n    if (!MatTestDialogOpener.component) {\n      throw new Error(`MatTestDialogOpener does not have a component provided.`);\n    }\n\n    this.dialogRef = this.dialog.open<T, R>(\n      MatTestDialogOpener.component as ComponentType<T>,\n      MatTestDialogOpener.config || {},\n    );\n    this._afterClosedSubscription = this.dialogRef.afterClosed().subscribe(result => {\n      this.closedResult = result;\n    });\n  }\n\n  ngOnDestroy() {\n    this._afterClosedSubscription.unsubscribe();\n    MatTestDialogOpener.component = undefined;\n    MatTestDialogOpener.config = undefined;\n  }\n}\n\n@NgModule({\n  declarations: [MatTestDialogOpener],\n  imports: [MatDialogModule, NoopAnimationsModule],\n})\nexport class MatTestDialogOpenerModule {}\n"],"names":[],"mappings":"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"}

package/fesm2022/dialog.mjs

@@ -3,7 +3,7 @@ import { Overlay, OverlayModule } from '@angular/cdk/overlay';
 import * as i2 from '@angular/common';
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Optional, Inject, ViewEncapsulation, ChangeDetectionStrategy, InjectionToken, Injectable, ANIMATION_MODULE_TYPE as ANIMATION_MODULE_TYPE$1, SkipSelf, Directive, Input, NgModule } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, InjectionToken, ANIMATION_MODULE_TYPE as ANIMATION_MODULE_TYPE$1, Injectable, SkipSelf, Directive, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/cdk/a11y';
 import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
 import { CdkDialogContainer, Dialog, DialogConfig, DialogModule } from '@angular/cdk/dialog';
@@ -80,77 +80,12 @@ const CLOSING_CLASS = 'mdc-dialog--closing';
 const OPEN_ANIMATION_DURATION = 150;
 /** Duration of the closing animation in milliseconds. */
 const CLOSE_ANIMATION_DURATION = 75;
-/**
- * Base class for the `MatDialogContainer`. The base class does not implement
- * animations as these are left to implementers of the dialog container.
- */
-// tslint:disable-next-line:validate-decorators
-class _MatDialogContainerBase extends CdkDialogContainer {
-    constructor(elementRef, focusTrapFactory, _document, dialogConfig, interactivityChecker, ngZone, overlayRef, focusMonitor) {
+class MatDialogContainer extends CdkDialogContainer {
+    constructor(elementRef, focusTrapFactory, _document, dialogConfig, interactivityChecker, ngZone, overlayRef, _animationMode, focusMonitor) {
         super(elementRef, focusTrapFactory, _document, dialogConfig, interactivityChecker, ngZone, overlayRef, focusMonitor);
+        this._animationMode = _animationMode;
         /** Emits when an animation state changes. */
         this._animationStateChanged = new EventEmitter();
-    }
-    _captureInitialFocus() {
-        if (!this._config.delayFocusTrap) {
-            this._trapFocus();
-        }
-    }
-    /**
-     * Callback for when the open dialog animation has finished. Intended to
-     * be called by sub-classes that use different animation implementations.
-     */
-    _openAnimationDone(totalTime) {
-        if (this._config.delayFocusTrap) {
-            this._trapFocus();
-        }
-        this._animationStateChanged.next({ state: 'opened', totalTime });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: _MatDialogContainerBase, deps: [{ token: i0.ElementRef }, { token: i1.FocusTrapFactory }, { token: DOCUMENT, optional: true }, { token: MatDialogConfig }, { token: i1.InteractivityChecker }, { token: i0.NgZone }, { token: i1$1.OverlayRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: _MatDialogContainerBase, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: _MatDialogContainerBase, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FocusTrapFactory }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: MatDialogConfig }, { type: i1.InteractivityChecker }, { type: i0.NgZone }, { type: i1$1.OverlayRef }, { type: i1.FocusMonitor }]; } });
-const TRANSITION_DURATION_PROPERTY = '--mat-dialog-transition-duration';
-// TODO(mmalerba): Remove this function after animation durations are required
-//  to be numbers.
-/**
- * Converts a CSS time string to a number in ms. If the given time is already a
- * number, it is assumed to be in ms.
- */
-function parseCssTime(time) {
-    if (time == null) {
-        return null;
-    }
-    if (typeof time === 'number') {
-        return time;
-    }
-    if (time.endsWith('ms')) {
-        return coerceNumberProperty(time.substring(0, time.length - 2));
-    }
-    if (time.endsWith('s')) {
-        return coerceNumberProperty(time.substring(0, time.length - 1)) * 1000;
-    }
-    if (time === '0') {
-        return 0;
-    }
-    return null; // anything else is invalid.
-}
-/**
- * Internal component that wraps user-provided dialog content in a MDC dialog.
- * @docs-private
- */
-class MatDialogContainer extends _MatDialogContainerBase {
-    constructor(elementRef, focusTrapFactory, document, dialogConfig, checker, ngZone, overlayRef, _animationMode, focusMonitor) {
-        super(elementRef, focusTrapFactory, document, dialogConfig, checker, ngZone, overlayRef, focusMonitor);
-        this._animationMode = _animationMode;
         /** Whether animations are enabled. */
         this._animationsEnabled = this._animationMode !== 'NoopAnimations';
         /** Host element of the dialog container component. */
@@ -197,12 +132,6 @@ class MatDialogContainer extends _MatDialogContainerBase {
         //      https://github.com/material-components/material-components-web/pull/3682.
         this._startOpenAnimation();
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        if (this._animationTimer !== null) {
-            clearTimeout(this._animationTimer);
-        }
-    }
     /** Starts the dialog open animation if enabled. */
     _startOpenAnimation() {
         this._animationStateChanged.emit({ state: 'opening', totalTime: this._enterAnimationDuration });
@@ -280,6 +209,27 @@ class MatDialogContainer extends _MatDialogContainerBase {
             }
         });
     }
+    _captureInitialFocus() {
+        if (!this._config.delayFocusTrap) {
+            this._trapFocus();
+        }
+    }
+    /**
+     * Callback for when the open dialog animation has finished. Intended to
+     * be called by sub-classes that use different animation implementations.
+     */
+    _openAnimationDone(totalTime) {
+        if (this._config.delayFocusTrap) {
+            this._trapFocus();
+        }
+        this._animationStateChanged.next({ state: 'opened', totalTime });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        if (this._animationTimer !== null) {
+            clearTimeout(this._animationTimer);
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: MatDialogContainer, deps: [{ token: i0.ElementRef }, { token: i1.FocusTrapFactory }, { token: DOCUMENT, optional: true }, { token: MatDialogConfig }, { token: i1.InteractivityChecker }, { token: i0.NgZone }, { token: i1$1.OverlayRef }, { token: ANIMATION_MODULE_TYPE, optional: true }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: MatDialogContainer, selector: "mat-dialog-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.aria-modal": "_config.ariaModal", "id": "_config.id", "attr.role": "_config.role", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledByQueue[0]", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null", "class._mat-animation-noopable": "!_animationsEnabled" }, classAttribute: "mat-mdc-dialog-container mdc-dialog" }, usesInheritance: true, ngImport: i0, template: "<div class=\"mdc-dialog__container\">\n  <div class=\"mat-mdc-dialog-surface mdc-dialog__surface\">\n    <ng-template cdkPortalOutlet></ng-template>\n  </div>\n</div>\n", styles: [".mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-dialog,.mdc-dialog__scrim{position:fixed;top:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%}.mdc-dialog{display:none;z-index:var(--mdc-dialog-z-index, 7)}.mdc-dialog .mdc-dialog__content{padding:20px 24px 20px 24px}.mdc-dialog .mdc-dialog__surface{min-width:280px}@media(max-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 32px)}}@media(min-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:560px}}.mdc-dialog .mdc-dialog__surface{max-height:calc(100% - 32px)}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-width:none}@media(max-width: 960px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:560px;width:560px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}@media(max-width: 720px)and (max-width: 672px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{width:calc(100vw - 112px)}}@media(max-width: 720px)and (min-width: 672px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{width:560px}}@media(max-width: 720px)and (max-height: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:calc(100vh - 160px)}}@media(max-width: 720px)and (min-height: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:560px}}@media(max-width: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}@media(max-width: 720px)and (max-height: 400px),(max-width: 600px),(min-width: 720px)and (max-height: 400px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{height:100%;max-height:100vh;max-width:100vw;width:100vw;border-radius:0}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{order:-1;left:-12px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header{padding:0 16px 9px;justify-content:flex-start}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title{margin-left:calc(16px - 2 * 12px)}}@media(min-width: 960px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{width:calc(100vw - 400px)}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim{opacity:0}.mdc-dialog__scrim{opacity:0;z-index:-1}.mdc-dialog__container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-sizing:border-box;height:100%;transform:scale(0.8);opacity:0;pointer-events:none}.mdc-dialog__surface{position:relative;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box;max-width:100%;max-height:100%;pointer-events:auto;overflow-y:auto;outline:0}.mdc-dialog__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}[dir=rtl] .mdc-dialog__surface,.mdc-dialog__surface[dir=rtl]{text-align:right}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-dialog__surface{outline:2px solid windowText}}.mdc-dialog__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:2px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-dialog__surface::before{border-color:CanvasText}}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.mdc-dialog__surface::before{content:none}}.mdc-dialog__title{display:block;margin-top:0;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.mdc-dialog__title::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}[dir=rtl] .mdc-dialog__title,.mdc-dialog__title[dir=rtl]{text-align:right}.mdc-dialog--scrollable .mdc-dialog__title{margin-bottom:1px;padding-bottom:15px}.mdc-dialog--fullscreen .mdc-dialog__header{align-items:baseline;border-bottom:1px solid rgba(0,0,0,0);display:inline-flex;justify-content:space-between;padding:0 24px 9px;z-index:1}@media screen and (forced-colors: active){.mdc-dialog--fullscreen .mdc-dialog__header{border-bottom-color:CanvasText}}.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close{right:-12px}.mdc-dialog--fullscreen .mdc-dialog__title{margin-bottom:0;padding:0;border-bottom:0}.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title{border-bottom:0;margin-bottom:0}.mdc-dialog--fullscreen .mdc-dialog__close{top:5px}.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions{border-top:1px solid rgba(0,0,0,0)}@media screen and (forced-colors: active){.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions{border-top-color:CanvasText}}.mdc-dialog--fullscreen--titleless .mdc-dialog__close{margin-top:4px}.mdc-dialog--fullscreen--titleless.mdc-dialog--scrollable .mdc-dialog__close{margin-top:0}.mdc-dialog__content{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto}.mdc-dialog__content>:first-child{margin-top:0}.mdc-dialog__content>:last-child{margin-bottom:0}.mdc-dialog__title+.mdc-dialog__content,.mdc-dialog__header+.mdc-dialog__content{padding-top:0}.mdc-dialog--scrollable .mdc-dialog__title+.mdc-dialog__content{padding-top:8px;padding-bottom:8px}.mdc-dialog__content .mdc-deprecated-list:first-child:last-child{padding:6px 0 0}.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child{padding:0}.mdc-dialog__actions{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}@media screen and (forced-colors: active){.mdc-dialog__actions{border-top-color:CanvasText}}.mdc-dialog--stacked .mdc-dialog__actions{flex-direction:column;align-items:flex-end}.mdc-dialog__button{margin-left:8px;margin-right:0;max-width:100%;text-align:right}[dir=rtl] .mdc-dialog__button,.mdc-dialog__button[dir=rtl]{margin-left:0;margin-right:8px}.mdc-dialog__button:first-child{margin-left:0;margin-right:0}[dir=rtl] .mdc-dialog__button:first-child,.mdc-dialog__button:first-child[dir=rtl]{margin-left:0;margin-right:0}[dir=rtl] .mdc-dialog__button,.mdc-dialog__button[dir=rtl]{text-align:left}.mdc-dialog--stacked .mdc-dialog__button:not(:first-child){margin-top:12px}.mdc-dialog--open,.mdc-dialog--opening,.mdc-dialog--closing{display:flex}.mdc-dialog--opening .mdc-dialog__scrim{transition:opacity 150ms linear}.mdc-dialog--opening .mdc-dialog__container{transition:opacity 75ms linear,transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-dialog--closing .mdc-dialog__scrim,.mdc-dialog--closing .mdc-dialog__container{transition:opacity 75ms linear}.mdc-dialog--closing .mdc-dialog__container{transform:none}.mdc-dialog--open .mdc-dialog__scrim{opacity:1}.mdc-dialog--open .mdc-dialog__container{transform:none;opacity:1}.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim{opacity:1}.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim{transition:opacity 75ms linear}.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim{transition:opacity 150ms linear}.mdc-dialog__surface-scrim{display:none;opacity:0;position:absolute;width:100%;height:100%;z-index:1}.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim,.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim,.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim{display:block}.mdc-dialog-scroll-lock{overflow:hidden}.mdc-dialog--no-content-padding .mdc-dialog__content{padding:0}.mdc-dialog--sheet .mdc-dialog__container .mdc-dialog__close{right:12px;top:9px;position:absolute;z-index:1}.mdc-dialog__scrim--removed{pointer-events:none}.mdc-dialog__scrim--removed .mdc-dialog__scrim,.mdc-dialog__scrim--removed .mdc-dialog__surface-scrim{display:none}.mat-mdc-dialog-content{max-height:65vh}.mat-mdc-dialog-container{position:static;display:block}.mat-mdc-dialog-container,.mat-mdc-dialog-container .mdc-dialog__container,.mat-mdc-dialog-container .mdc-dialog__surface{max-height:inherit;min-height:inherit;min-width:inherit;max-width:inherit}.mat-mdc-dialog-container .mdc-dialog__surface{display:block;width:100%;height:100%}.mat-mdc-dialog-container{--mdc-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mdc-dialog-container-shadow-color:#000;--mdc-dialog-container-shape:4px;--mdc-dialog-container-elevation: var(--mdc-dialog-container-elevation-shadow);outline:0}.mat-mdc-dialog-container .mdc-dialog__surface{background-color:var(--mdc-dialog-container-color, white)}.mat-mdc-dialog-container .mdc-dialog__surface{box-shadow:var(--mdc-dialog-container-elevation, 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12))}.mat-mdc-dialog-container .mdc-dialog__surface{border-radius:var(--mdc-dialog-container-shape, 4px)}.mat-mdc-dialog-container .mdc-dialog__title{font-family:var(--mdc-dialog-subhead-font, Roboto, sans-serif);line-height:var(--mdc-dialog-subhead-line-height, 1.5rem);font-size:var(--mdc-dialog-subhead-size, 1rem);font-weight:var(--mdc-dialog-subhead-weight, 400);letter-spacing:var(--mdc-dialog-subhead-tracking, 0.03125em)}.mat-mdc-dialog-container .mdc-dialog__title{color:var(--mdc-dialog-subhead-color, rgba(0, 0, 0, 0.87))}.mat-mdc-dialog-container .mdc-dialog__content{font-family:var(--mdc-dialog-supporting-text-font, Roboto, sans-serif);line-height:var(--mdc-dialog-supporting-text-line-height, 1.5rem);font-size:var(--mdc-dialog-supporting-text-size, 1rem);font-weight:var(--mdc-dialog-supporting-text-weight, 400);letter-spacing:var(--mdc-dialog-supporting-text-tracking, 0.03125em)}.mat-mdc-dialog-container .mdc-dialog__content{color:var(--mdc-dialog-supporting-text-color, rgba(0, 0, 0, 0.6))}.mat-mdc-dialog-container .mdc-dialog__container{transition-duration:var(--mat-dialog-transition-duration, 0ms)}.mat-mdc-dialog-container._mat-animation-noopable .mdc-dialog__container{transition:none}.mat-mdc-dialog-content{display:block}.mat-mdc-dialog-actions{justify-content:start}.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-center,.mat-mdc-dialog-actions[align=center]{justify-content:center}.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,.mat-mdc-dialog-actions[align=end]{justify-content:flex-end}.mat-mdc-dialog-actions .mat-button-base+.mat-button-base,.mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .mat-mdc-dialog-actions .mat-button-base+.mat-button-base,[dir=rtl] .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}"], dependencies: [{ kind: "directive", type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -307,6 +257,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImpor
                     type: Inject,
                     args: [ANIMATION_MODULE_TYPE]
                 }] }, { type: i1.FocusMonitor }]; } });
+const TRANSITION_DURATION_PROPERTY = '--mat-dialog-transition-duration';
+// TODO(mmalerba): Remove this function after animation durations are required
+//  to be numbers.
+/**
+ * Converts a CSS time string to a number in ms. If the given time is already a
+ * number, it is assumed to be in ms.
+ */
+function parseCssTime(time) {
+    if (time == null) {
+        return null;
+    }
+    if (typeof time === 'number') {
+        return time;
+    }
+    if (time.endsWith('ms')) {
+        return coerceNumberProperty(time.substring(0, time.length - 2));
+    }
+    if (time.endsWith('s')) {
+        return coerceNumberProperty(time.substring(0, time.length - 1)) * 1000;
+    }
+    if (time === '0') {
+        return 0;
+    }
+    return null; // anything else is invalid.
+}
 
 /**
  * Reference to a dialog opened via the MatDialog service.
@@ -483,17 +458,12 @@ const MAT_DIALOG_SCROLL_STRATEGY_PROVIDER = {
     deps: [Overlay],
     useFactory: MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY,
 };
-/** @docs-private */
-function MAT_DIALOG_SCROLL_STRATEGY_FACTORY(overlay) {
-    return () => overlay.scrollStrategies.block();
-}
 // Counter for unique dialog ids.
 let uniqueId = 0;
 /**
- * Base class for dialog services. The base dialog service allows
- * for arbitrary dialog refs and dialog container components.
+ * Service to open Material Design modal dialogs.
  */
-class _MatDialogBase {
+class MatDialog {
     /** Keeps track of the currently-open dialogs. */
     get openDialogs() {
         return this._parentDialog ? this._parentDialog.openDialogs : this._openDialogsAtThisLevel;
@@ -506,12 +476,17 @@ class _MatDialogBase {
         const parent = this._parentDialog;
         return parent ? parent._getAfterAllClosed() : this._afterAllClosedAtThisLevel;
     }
-    constructor(_overlay, injector, _defaultOptions, _parentDialog, 
+    constructor(_overlay, injector, 
+    /**
+     * @deprecated `_location` parameter to be removed.
+     * @breaking-change 10.0.0
+     */
+    location, _defaultOptions, _scrollStrategy, _parentDialog, 
     /**
      * @deprecated No longer used. To be removed.
      * @breaking-change 15.0.0
      */
-    _overlayContainer, scrollStrategy, _dialogRefConstructor, _dialogContainerType, _dialogDataToken, 
+    _overlayContainer, 
     /**
      * @deprecated No longer used. To be removed.
      * @breaking-change 14.0.0
@@ -519,14 +494,11 @@ class _MatDialogBase {
     _animationMode) {
         this._overlay = _overlay;
         this._defaultOptions = _defaultOptions;
+        this._scrollStrategy = _scrollStrategy;
         this._parentDialog = _parentDialog;
-        this._dialogRefConstructor = _dialogRefConstructor;
-        this._dialogContainerType = _dialogContainerType;
-        this._dialogDataToken = _dialogDataToken;
         this._openDialogsAtThisLevel = [];
         this._afterAllClosedAtThisLevel = new Subject();
         this._afterOpenedAtThisLevel = new Subject();
-        this._idPrefix = 'mat-dialog-';
         this.dialogConfigClass = MatDialogConfig;
         /**
          * Stream that emits when all open dialog have finished closing.
@@ -535,13 +507,15 @@ class _MatDialogBase {
         this.afterAllClosed = defer(() => this.openDialogs.length
             ? this._getAfterAllClosed()
             : this._getAfterAllClosed().pipe(startWith(undefined)));
-        this._scrollStrategy = scrollStrategy;
         this._dialog = injector.get(Dialog);
+        this._dialogRefConstructor = MatDialogRef;
+        this._dialogContainerType = MatDialogContainer;
+        this._dialogDataToken = MAT_DIALOG_DATA;
     }
     open(componentOrTemplateRef, config) {
         let dialogRef;
         config = { ...(this._defaultOptions || new MatDialogConfig()), ...config };
-        config.id = config.id || `${this._idPrefix}${uniqueId++}`;
+        config.id = config.id || `mat-mdc-dialog-${uniqueId++}`;
         config.scrollStrategy = config.scrollStrategy || this._scrollStrategy();
         const cdkRef = this._dialog.open(componentOrTemplateRef, {
             ...config,
@@ -619,35 +593,6 @@ class _MatDialogBase {
             dialogs[i].close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: _MatDialogBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: _MatDialogBase }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: _MatDialogBase, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: undefined }, { type: undefined }, { type: i1$1.OverlayContainer }, { type: undefined }, { type: i0.Type }, { type: i0.Type }, { type: i0.InjectionToken }, { type: undefined }]; } });
-/**
- * Service to open Material Design modal dialogs.
- */
-class MatDialog extends _MatDialogBase {
-    constructor(overlay, injector, 
-    /**
-     * @deprecated `_location` parameter to be removed.
-     * @breaking-change 10.0.0
-     */
-    location, defaultOptions, scrollStrategy, parentDialog, 
-    /**
-     * @deprecated No longer used. To be removed.
-     * @breaking-change 15.0.0
-     */
-    overlayContainer, 
-    /**
-     * @deprecated No longer used. To be removed.
-     * @breaking-change 14.0.0
-     */
-    animationMode) {
-        super(overlay, injector, defaultOptions, parentDialog, overlayContainer, scrollStrategy, MatDialogRef, MatDialogContainer, MAT_DIALOG_DATA, animationMode);
-        this._idPrefix = 'mat-mdc-dialog-';
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: MatDialog, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }, { token: i2.Location, optional: true }, { token: MAT_DIALOG_DEFAULT_OPTIONS, optional: true }, { token: MAT_DIALOG_SCROLL_STRATEGY }, { token: MatDialog, optional: true, skipSelf: true }, { token: i1$1.OverlayContainer }, { token: ANIMATION_MODULE_TYPE$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: MatDialog }); }
 }
@@ -922,5 +867,5 @@ const matDialogAnimations = {
  * Generated bundle index. Do not edit.
  */
 
-export { MAT_DIALOG_DATA, MAT_DIALOG_DEFAULT_OPTIONS, MAT_DIALOG_SCROLL_STRATEGY, MAT_DIALOG_SCROLL_STRATEGY_FACTORY, MAT_DIALOG_SCROLL_STRATEGY_PROVIDER, MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY, MatDialog, MatDialogActions, MatDialogClose, MatDialogConfig, MatDialogContainer, MatDialogContent, MatDialogModule, MatDialogRef, MatDialogTitle, _MatDialogBase, _MatDialogContainerBase, _closeDialogVia, _defaultParams, matDialogAnimations };
+export { MAT_DIALOG_DATA, MAT_DIALOG_DEFAULT_OPTIONS, MAT_DIALOG_SCROLL_STRATEGY, MAT_DIALOG_SCROLL_STRATEGY_PROVIDER, MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY, MatDialog, MatDialogActions, MatDialogClose, MatDialogConfig, MatDialogContainer, MatDialogContent, MatDialogModule, MatDialogRef, MatDialogTitle, _closeDialogVia, _defaultParams, matDialogAnimations };
 //# sourceMappingURL=dialog.mjs.map