@angular/material 13.2.3 → 13.2.6

package/fesm2020/dialog/testing.mjs

@@ -1,4 +1,8 @@
 import { ContentContainerComponentHarness, TestKey, HarnessPredicate } 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 { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 /**
  * @license
@@ -90,6 +94,66 @@ MatDialogHarness.hostSelector = '.mat-dialog-container';
  * found in the LICENSE file at https://angular.io/license
  */
 
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+var _MatTestDialogOpenerBase_1, MatTestDialogOpener_1;
+/** Base class for a component that immediately opens a dialog when created. */
+let _MatTestDialogOpenerBase = _MatTestDialogOpenerBase_1 = class _MatTestDialogOpenerBase {
+    constructor(dialog) {
+        this.dialog = dialog;
+        if (!_MatTestDialogOpenerBase_1.component) {
+            throw new Error(`MatTestDialogOpener does not have a component provided.`);
+        }
+        this.dialogRef = this.dialog.open(_MatTestDialogOpenerBase_1.component, _MatTestDialogOpenerBase_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 created. */
+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 = MatTestDialogOpener_1 = __decorate([
+    Component({
+        selector: 'mat-test-dialog-opener',
+        template: '',
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        encapsulation: ViewEncapsulation.None,
+    }),
+    __metadata("design:paramtypes", [MatDialog])
+], MatTestDialogOpener);
+let MatTestDialogOpenerModule = class MatTestDialogOpenerModule {
+};
+MatTestDialogOpenerModule = __decorate([
+    NgModule({
+        declarations: [MatTestDialogOpener],
+        imports: [MatDialogModule, NoopAnimationsModule],
+    })
+], MatTestDialogOpenerModule);
+
 /**
  * @license
  * Copyright Google LLC All Rights Reserved.
@@ -106,5 +170,5 @@ MatDialogHarness.hostSelector = '.mat-dialog-container';
  * found in the LICENSE file at https://angular.io/license
  */
 
-export { MatDialogHarness, _MatDialogHarnessBase };
+export { MatDialogHarness, MatTestDialogOpener, MatTestDialogOpenerModule, _MatDialogHarnessBase, _MatTestDialogOpenerBase };
 //# sourceMappingURL=testing.mjs.map

package/fesm2020/dialog/testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testing.mjs","sources":["../../../../../../../src/material/dialog/testing/dialog-harness.ts","../../../../../../../src/material/dialog/testing/dialog-harness-filters.ts","../../../../../../../src/material/dialog/testing/public-api.ts","../../../../../../../src/material/dialog/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 {ContentContainerComponentHarness, HarnessPredicate, TestKey} from '@angular/cdk/testing';\nimport {DialogRole} from '@angular/material/dialog';\nimport {DialogHarnessFilters} from './dialog-harness-filters';\n\n/** Selectors for different sections of the mat-dialog that can contain user content. */\nexport const enum MatDialogSection {\n  TITLE = '.mat-dialog-title',\n  CONTENT = '.mat-dialog-content',\n  ACTIONS = '.mat-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  // Developers can provide a custom component or template for the\n  // dialog. The canonical dialog parent is the \"MatDialogContainer\".\n  /** The selector for the host element of a `MatDialog` instance. */\n  static hostSelector = '.mat-dialog-container';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a `MatDialogHarness` that meets\n   * certain criteria.\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(options: DialogHarnessFilters = {}): HarnessPredicate<MatDialogHarness> {\n    return new HarnessPredicate(MatDialogHarness, 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 {BaseHarnessFilters} from '@angular/cdk/testing';\n\n/** A set of criteria that can be used to filter a list of `MatDialogHarness` instances. */\nexport interface DialogHarnessFilters 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 './dialog-harness';\nexport * from './dialog-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;;;;;;;AAmBA;MACa,qBAAqB;AAChC;AACA,SAAQ,gCAA2D;IAFrE;;QAIY,WAAM,GAAG,IAAI,CAAC,kBAAkB,iCAAwB,CAAC;QACzD,aAAQ,GAAG,IAAI,CAAC,kBAAkB,qCAA0B,CAAC;QAC7D,aAAQ,GAAG,IAAI,CAAC,kBAAkB,qCAA0B,CAAC;KA0DxE;;IAvDC,MAAM,KAAK;QACT,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;;IAGD,MAAM,OAAO;QACX,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,MAAM,CAA+B,CAAC;KAC/E;;IAGD,MAAM,YAAY;QAChB,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;KACvD;;IAGD,MAAM,iBAAiB;QACrB,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;KAC5D;;IAGD,MAAM,kBAAkB;QACtB,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;KAC7D;;;;;;IAOD,MAAM,KAAK;QACT,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;KACpD;;IAGD,MAAM,OAAO;QACX,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC;KACnC;;IAGD,MAAM,YAAY;QAChB,OAAO,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC;KAC5C;;IAGD,MAAM,cAAc;QAClB,OAAO,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC;KAC9C;;IAGD,MAAM,cAAc;QAClB,OAAO,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC;KAC9C;CACF;AAED;MACa,gBAAiB,SAAQ,qBAAqB;;;;;;;IAYzD,OAAO,IAAI,CAAC,UAAgC,EAAE;QAC5C,OAAO,IAAI,gBAAgB,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;KACxD;;AAbD;AACA;AACA;AACO,6BAAY,GAAG,uBAAuB;;AC3F/C;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;;;;"}
+{"version":3,"file":"testing.mjs","sources":["../../../../../../../src/material/dialog/testing/dialog-harness.ts","../../../../../../../src/material/dialog/testing/dialog-harness-filters.ts","../../../../../../../src/material/dialog/testing/dialog-opener.ts","../../../../../../../src/material/dialog/testing/public-api.ts","../../../../../../../src/material/dialog/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 {ContentContainerComponentHarness, HarnessPredicate, TestKey} from '@angular/cdk/testing';\nimport {DialogRole} from '@angular/material/dialog';\nimport {DialogHarnessFilters} from './dialog-harness-filters';\n\n/** Selectors for different sections of the mat-dialog that can contain user content. */\nexport const enum MatDialogSection {\n  TITLE = '.mat-dialog-title',\n  CONTENT = '.mat-dialog-content',\n  ACTIONS = '.mat-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  // Developers can provide a custom component or template for the\n  // dialog. The canonical dialog parent is the \"MatDialogContainer\".\n  /** The selector for the host element of a `MatDialog` instance. */\n  static hostSelector = '.mat-dialog-container';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a `MatDialogHarness` that meets\n   * certain criteria.\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(options: DialogHarnessFilters = {}): HarnessPredicate<MatDialogHarness> {\n    return new HarnessPredicate(MatDialogHarness, 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 {BaseHarnessFilters} from '@angular/cdk/testing';\n\n/** A set of criteria that can be used to filter a list of `MatDialogHarness` instances. */\nexport interface DialogHarnessFilters 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\nimport {ComponentType} from '@angular/cdk/overlay';\nimport {\n  ChangeDetectionStrategy,\n  Directive,\n  Component,\n  NgModule,\n  OnDestroy,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  _MatDialogBase,\n  _MatDialogContainerBase,\n  MatDialog,\n  MatDialogConfig,\n  MatDialogContainer,\n  MatDialogModule,\n  MatDialogRef,\n} from '@angular/material/dialog';\nimport {Subscription} from 'rxjs';\nimport {NoopAnimationsModule} from '@angular/platform-browser/animations';\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 created. */\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","/**\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 './dialog-harness';\nexport * from './dialog-harness-filters';\nexport * from './dialog-opener';\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":"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"}

package/fesm2020/dialog.mjs

@@ -8,11 +8,11 @@ import { MatCommonModule } from '@angular/material/core';
 import { Directionality } from '@angular/cdk/bidi';
 import * as i2 from '@angular/common';
 import { DOCUMENT } from '@angular/common';
-import { Subject, defer, Subscription, of } from 'rxjs';
+import { Subject, defer, of } from 'rxjs';
 import { filter, take, startWith } from 'rxjs/operators';
 import * as i1 from '@angular/cdk/a11y';
 import { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';
-import { trigger, state, style, transition, animate } from '@angular/animations';
+import { trigger, state, style, transition, group, animate, query, animateChild } from '@angular/animations';
 import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
 import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
 
@@ -63,6 +63,8 @@ class MatDialogConfig {
          * previously-focused element, after it's closed.
          */
         this.restoreFocus = true;
+        /** Whether to wait for the opening animation to finish before trapping focus. */
+        this.delayFocusTrap = true;
         /**
          * Whether the dialog should close when the user goes backwards/forwards in history.
          * Note that this usually doesn't include clicking on links (unless the user is using
@@ -92,8 +94,14 @@ const matDialogAnimations = {
         // decimate the animation performance. Leaving it as `none` solves both issues.
         state('void, exit', style({ opacity: 0, transform: 'scale(0.7)' })),
         state('enter', style({ transform: 'none' })),
-        transition('* => enter', animate('150ms cubic-bezier(0, 0, 0.2, 1)', style({ transform: 'none', opacity: 1 }))),
-        transition('* => void, * => exit', animate('75ms cubic-bezier(0.4, 0.0, 0.2, 1)', style({ opacity: 0 }))),
+        transition('* => enter', group([
+            animate('150ms cubic-bezier(0, 0, 0.2, 1)', style({ transform: 'none', opacity: 1 })),
+            query('@*', animateChild(), { optional: true }),
+        ])),
+        transition('* => void, * => exit', group([
+            animate('75ms cubic-bezier(0.4, 0.0, 0.2, 1)', style({ opacity: 0 })),
+            query('@*', animateChild(), { optional: true }),
+        ])),
     ]),
 };
 
@@ -148,10 +156,12 @@ class _MatDialogContainerBase extends BasePortalOutlet {
     }
     /** Initializes the dialog container with the attached content. */
     _initializeWithAttachedContent() {
-        this._setupFocusTrap();
+        this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
         // Save the previously focused element. This element will be re-focused
         // when the dialog closes.
-        this._capturePreviouslyFocusedElement();
+        if (this._document) {
+            this._elementFocusedBeforeDialogWasOpened = _getFocusedElementPierceShadowDom();
+        }
     }
     /**
      * Attach a ComponentPortal as content to this dialog container.
@@ -276,16 +286,6 @@ class _MatDialogContainerBase extends BasePortalOutlet {
             this._focusTrap.destroy();
         }
     }
-    /** Sets up the focus trap. */
-    _setupFocusTrap() {
-        this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
-    }
-    /** Captures the element that was focused before the dialog was opened. */
-    _capturePreviouslyFocusedElement() {
-        if (this._document) {
-            this._elementFocusedBeforeDialogWasOpened = _getFocusedElementPierceShadowDom();
-        }
-    }
     /** Focuses the dialog container. */
     _focusDialogContainer() {
         // Note that there is no focus method when rendering on the server.
@@ -327,7 +327,9 @@ class MatDialogContainer extends _MatDialogContainerBase {
     /** Callback, invoked whenever an animation on the host completes. */
     _onAnimationDone({ toState, totalTime }) {
         if (toState === 'enter') {
-            this._trapFocus();
+            if (this._config.delayFocusTrap) {
+                this._trapFocus();
+            }
             this._animationStateChanged.next({ state: 'opened', totalTime });
         }
         else if (toState === 'exit') {
@@ -351,6 +353,12 @@ class MatDialogContainer extends _MatDialogContainerBase {
         // view container is using OnPush change detection.
         this._changeDetectorRef.markForCheck();
     }
+    _initializeWithAttachedContent() {
+        super._initializeWithAttachedContent();
+        if (!this._config.delayFocusTrap) {
+            this._trapFocus();
+        }
+    }
 }
 MatDialogContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MatDialogContainer, deps: null, target: i0.ɵɵFactoryTarget.Component });
 MatDialogContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MatDialogContainer, selector: "mat-dialog-container", host: { attributes: { "tabindex": "-1", "aria-modal": "true" }, listeners: { "@dialogContainer.start": "_onAnimationStart($event)", "@dialogContainer.done": "_onAnimationDone($event)" }, properties: { "id": "_id", "attr.role": "_config.role", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledBy", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null", "@dialogContainer": "_state" }, classAttribute: "mat-dialog-container" }, usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".mat-dialog-container{display:block;padding:24px;border-radius:4px;box-sizing:border-box;overflow:auto;outline:0;width:100%;height:100%;min-height:inherit;max-height:inherit}.cdk-high-contrast-active .mat-dialog-container{outline:solid 1px}.mat-dialog-content{display:block;margin:0 -24px;padding:0 24px;max-height:65vh;overflow:auto;-webkit-overflow-scrolling:touch}.mat-dialog-title{margin:0 0 20px;display:block}.mat-dialog-actions{padding:8px 0;display:flex;flex-wrap:wrap;min-height:52px;align-items:center;box-sizing:content-box;margin-bottom:-24px}.mat-dialog-actions[align=end]{justify-content:flex-end}.mat-dialog-actions[align=center]{justify-content:center}.mat-dialog-actions .mat-button-base+.mat-button-base,.mat-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .mat-dialog-actions .mat-button-base+.mat-button-base,[dir=rtl] .mat-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}\n"], directives: [{ type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [matDialogAnimations.dialogContainer], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
@@ -601,7 +609,12 @@ const MAT_DIALOG_SCROLL_STRATEGY_PROVIDER = {
  * for arbitrary dialog refs and dialog container components.
  */
 class _MatDialogBase {
-    constructor(_overlay, _injector, _defaultOptions, _parentDialog, _overlayContainer, scrollStrategy, _dialogRefConstructor, _dialogContainerType, _dialogDataToken, _animationMode) {
+    constructor(_overlay, _injector, _defaultOptions, _parentDialog, _overlayContainer, scrollStrategy, _dialogRefConstructor, _dialogContainerType, _dialogDataToken, 
+    /**
+     * @deprecated No longer used. To be removed.
+     * @breaking-change 14.0.0
+     */
+    _animationMode) {
         this._overlay = _overlay;
         this._injector = _injector;
         this._defaultOptions = _defaultOptions;
@@ -610,12 +623,10 @@ class _MatDialogBase {
         this._dialogRefConstructor = _dialogRefConstructor;
         this._dialogContainerType = _dialogContainerType;
         this._dialogDataToken = _dialogDataToken;
-        this._animationMode = _animationMode;
         this._openDialogsAtThisLevel = [];
         this._afterAllClosedAtThisLevel = new Subject();
         this._afterOpenedAtThisLevel = new Subject();
         this._ariaHiddenElements = new Map();
-        this._dialogAnimatingOpen = false;
         // TODO (jelbourn): tighten the typing right-hand side of this expression.
         /**
          * Stream that emits when all open dialog have finished closing.
@@ -645,29 +656,9 @@ class _MatDialogBase {
             (typeof ngDevMode === 'undefined' || ngDevMode)) {
             throw Error(`Dialog with id "${config.id}" exists already. The dialog id must be unique.`);
         }
-        // If there is a dialog that is currently animating open, return the MatDialogRef of that dialog
-        if (this._dialogAnimatingOpen) {
-            return this._lastDialogRef;
-        }
         const overlayRef = this._createOverlay(config);
         const dialogContainer = this._attachDialogContainer(overlayRef, config);
-        if (this._animationMode !== 'NoopAnimations') {
-            const animationStateSubscription = dialogContainer._animationStateChanged.subscribe(dialogAnimationEvent => {
-                if (dialogAnimationEvent.state === 'opening') {
-                    this._dialogAnimatingOpen = true;
-                }
-                if (dialogAnimationEvent.state === 'opened') {
-                    this._dialogAnimatingOpen = false;
-                    animationStateSubscription.unsubscribe();
-                }
-            });
-            if (!this._animationStateSubscriptions) {
-                this._animationStateSubscriptions = new Subscription();
-            }
-            this._animationStateSubscriptions.add(animationStateSubscription);
-        }
         const dialogRef = this._attachDialogContent(componentOrTemplateRef, dialogContainer, overlayRef, config);
-        this._lastDialogRef = dialogRef;
         // If this is the first dialog that we're opening, hide all the non-overlay content.
         if (!this.openDialogs.length) {
             this._hideNonDialogContentFromAssistiveTechnology();
@@ -698,10 +689,6 @@ class _MatDialogBase {
         this._closeDialogs(this._openDialogsAtThisLevel);
         this._afterAllClosedAtThisLevel.complete();
         this._afterOpenedAtThisLevel.complete();
-        // Clean up any subscriptions to dialogs that never finished opening.
-        if (this._animationStateSubscriptions) {
-            this._animationStateSubscriptions.unsubscribe();
-        }
     }
     /**
      * Creates the overlay into which the dialog will be loaded.
@@ -772,7 +759,7 @@ class _MatDialogBase {
         }
         else {
             const injector = this._createInjector(config, dialogRef, dialogContainer);
-            const contentRef = dialogContainer.attachComponentPortal(new ComponentPortal(componentOrTemplateRef, config.viewContainerRef, injector));
+            const contentRef = dialogContainer.attachComponentPortal(new ComponentPortal(componentOrTemplateRef, config.viewContainerRef, injector, config.componentFactoryResolver));
             dialogRef.componentInstance = contentRef.instance;
         }
         dialogRef.updateSize(config.width, config.height).updatePosition(config.position);
@@ -877,7 +864,12 @@ class MatDialog extends _MatDialogBase {
      * @deprecated `_location` parameter to be removed.
      * @breaking-change 10.0.0
      */
-    location, defaultOptions, scrollStrategy, parentDialog, overlayContainer, animationMode) {
+    location, defaultOptions, scrollStrategy, parentDialog, 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);
     }
 }