@angular/cdk-experimental 14.0.0-next.11 → 14.0.0-next.12

package/fesm2020/dialog.mjs

@@ -1,740 +0,0 @@
-import * as i1 from '@angular/cdk/a11y';
-import { A11yModule } from '@angular/cdk/a11y';
-import * as i1$1 from '@angular/cdk/overlay';
-import { Overlay, OverlayConfig, OverlayRef, OverlayModule } from '@angular/cdk/overlay';
-import { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';
-import * as i3 from '@angular/cdk/portal';
-import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, PortalModule } from '@angular/cdk/portal';
-import { DOCUMENT } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, ViewChild, InjectionToken, Injector, TemplateRef, InjectFlags, Injectable, SkipSelf, NgModule } from '@angular/core';
-import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
-import { Subject, defer, of } from 'rxjs';
-import { Directionality } from '@angular/cdk/bidi';
-import { startWith } from 'rxjs/operators';
-
-/**
- * @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
- */
-/** Configuration for opening a modal dialog. */
-class DialogConfig {
-    constructor() {
-        /** The ARIA role of the dialog element. */
-        this.role = 'dialog';
-        /** Optional CSS class or classes applied to the overlay panel. */
-        this.panelClass = '';
-        /** Whether the dialog has a backdrop. */
-        this.hasBackdrop = true;
-        /** Optional CSS class or classes applied to the overlay backdrop. */
-        this.backdropClass = '';
-        /** Whether the dialog closes with the escape key or pointer events outside the panel element. */
-        this.disableClose = false;
-        /** Width of the dialog. */
-        this.width = '';
-        /** Height of the dialog. */
-        this.height = '';
-        /** Data being injected into the child component. */
-        this.data = null;
-        /** ID of the element that describes the dialog. */
-        this.ariaDescribedBy = null;
-        /** ID of the element that labels the dialog. */
-        this.ariaLabelledBy = null;
-        /** Dialog label applied via `aria-label` */
-        this.ariaLabel = null;
-        /** Whether this a modal dialog. Used to set the `aria-modal` attribute. */
-        this.ariaModal = true;
-        /**
-         * Where the dialog should focus on open.
-         * @breaking-change 14.0.0 Remove boolean option from autoFocus. Use string or
-         * AutoFocusTarget instead.
-         */
-        this.autoFocus = 'first-tabbable';
-        /**
-         * Whether the dialog should restore focus to the
-         * previously-focused element upon closing.
-         */
-        this.restoreFocus = true;
-        /**
-         * Whether the dialog should close when the user navigates backwards or forwards through browser
-         * history. This does not apply to navigation via anchor element unless using URL-hash based
-         * routing (`HashLocationStrategy` in the Angular router).
-         */
-        this.closeOnNavigation = true;
-    }
-}
-
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-function throwDialogContentAlreadyAttachedError() {
-    throw Error('Attempting to attach dialog content after content is already attached');
-}
-/**
- * Internal component that wraps user-provided dialog content.
- * @docs-private
- */
-class CdkDialogContainer extends BasePortalOutlet {
-    constructor(_elementRef, _focusTrapFactory, _document, _config, _interactivityChecker, _ngZone, _overlayRef, _focusMonitor) {
-        super();
-        this._elementRef = _elementRef;
-        this._focusTrapFactory = _focusTrapFactory;
-        this._config = _config;
-        this._interactivityChecker = _interactivityChecker;
-        this._ngZone = _ngZone;
-        this._overlayRef = _overlayRef;
-        this._focusMonitor = _focusMonitor;
-        /** Element that was focused before the dialog was opened. Save this to restore upon close. */
-        this._elementFocusedBeforeDialogWasOpened = null;
-        /**
-         * Type of interaction that led to the dialog being closed. This is used to determine
-         * whether the focus style will be applied when returning focus to its original location
-         * after the dialog is closed.
-         */
-        this._closeInteractionType = null;
-        /**
-         * Attaches a DOM portal to the dialog container.
-         * @param portal Portal to be attached.
-         * @deprecated To be turned into a method.
-         * @breaking-change 10.0.0
-         */
-        this.attachDomPortal = (portal) => {
-            if (this._portalOutlet.hasAttached() && (typeof ngDevMode === 'undefined' || ngDevMode)) {
-                throwDialogContentAlreadyAttachedError();
-            }
-            return this._portalOutlet.attachDomPortal(portal);
-        };
-        this._ariaLabelledBy = this._config.ariaLabelledBy || null;
-        this._document = _document;
-    }
-    ngAfterViewInit() {
-        this._initializeFocusTrap();
-        this._handleBackdropClicks();
-        this._captureInitialFocus();
-    }
-    /**
-     * Can be used by child classes to customize the initial focus
-     * capturing behavior (e.g. if it's tied to an animation).
-     */
-    _captureInitialFocus() {
-        this._trapFocus();
-    }
-    ngOnDestroy() {
-        this._restoreFocus();
-    }
-    /**
-     * Attach a ComponentPortal as content to this dialog container.
-     * @param portal Portal to be attached as the dialog content.
-     */
-    attachComponentPortal(portal) {
-        if (this._portalOutlet.hasAttached() && (typeof ngDevMode === 'undefined' || ngDevMode)) {
-            throwDialogContentAlreadyAttachedError();
-        }
-        return this._portalOutlet.attachComponentPortal(portal);
-    }
-    /**
-     * Attach a TemplatePortal as content to this dialog container.
-     * @param portal Portal to be attached as the dialog content.
-     */
-    attachTemplatePortal(portal) {
-        if (this._portalOutlet.hasAttached() && (typeof ngDevMode === 'undefined' || ngDevMode)) {
-            throwDialogContentAlreadyAttachedError();
-        }
-        return this._portalOutlet.attachTemplatePortal(portal);
-    }
-    /**
-     * Focuses the provided element. If the element is not focusable, it will add a tabIndex
-     * attribute to forcefully focus it. The attribute is removed after focus is moved.
-     * @param element The element to focus.
-     */
-    _forceFocus(element, options) {
-        if (!this._interactivityChecker.isFocusable(element)) {
-            element.tabIndex = -1;
-            // The tabindex attribute should be removed to avoid navigating to that element again
-            this._ngZone.runOutsideAngular(() => {
-                const callback = () => {
-                    element.removeEventListener('blur', callback);
-                    element.removeEventListener('mousedown', callback);
-                    element.removeAttribute('tabindex');
-                };
-                element.addEventListener('blur', callback);
-                element.addEventListener('mousedown', callback);
-            });
-        }
-        element.focus(options);
-    }
-    /**
-     * Focuses the first element that matches the given selector within the focus trap.
-     * @param selector The CSS selector for the element to set focus to.
-     */
-    _focusByCssSelector(selector, options) {
-        let elementToFocus = this._elementRef.nativeElement.querySelector(selector);
-        if (elementToFocus) {
-            this._forceFocus(elementToFocus, options);
-        }
-    }
-    /**
-     * Moves the focus inside the focus trap. When autoFocus is not set to 'dialog', if focus
-     * cannot be moved then focus will go to the dialog container.
-     */
-    _trapFocus() {
-        const element = this._elementRef.nativeElement;
-        // If were to attempt to focus immediately, then the content of the dialog would not yet be
-        // ready in instances where change detection has to run first. To deal with this, we simply
-        // wait for the microtask queue to be empty when setting focus when autoFocus isn't set to
-        // dialog. If the element inside the dialog can't be focused, then the container is focused
-        // so the user can't tab into other elements behind it.
-        switch (this._config.autoFocus) {
-            case false:
-            case 'dialog':
-                // Ensure that focus is on the dialog container. It's possible that a different
-                // component tried to move focus while the open animation was running. See:
-                // https://github.com/angular/components/issues/16215. Note that we only want to do this
-                // if the focus isn't inside the dialog already, because it's possible that the consumer
-                // turned off `autoFocus` in order to move focus themselves.
-                if (!this._containsFocus()) {
-                    element.focus();
-                }
-                break;
-            case true:
-            case 'first-tabbable':
-                this._focusTrap.focusInitialElementWhenReady().then(focusedSuccessfully => {
-                    // If we weren't able to find a focusable element in the dialog, then focus the dialog
-                    // container instead.
-                    if (!focusedSuccessfully) {
-                        this._focusDialogContainer();
-                    }
-                });
-                break;
-            case 'first-heading':
-                this._focusByCssSelector('h1, h2, h3, h4, h5, h6, [role="heading"]');
-                break;
-            default:
-                this._focusByCssSelector(this._config.autoFocus);
-                break;
-        }
-    }
-    /** Restores focus to the element that was focused before the dialog opened. */
-    _restoreFocus() {
-        const previousElement = this._elementFocusedBeforeDialogWasOpened;
-        // We need the extra check, because IE can set the `activeElement` to null in some cases.
-        if (this._config.restoreFocus &&
-            previousElement &&
-            typeof previousElement.focus === 'function') {
-            const activeElement = _getFocusedElementPierceShadowDom();
-            const element = this._elementRef.nativeElement;
-            // Make sure that focus is still inside the dialog or is on the body (usually because a
-            // non-focusable element like the backdrop was clicked) before moving it. It's possible that
-            // the consumer moved it themselves before the animation was done, in which case we shouldn't
-            // do anything.
-            if (!activeElement ||
-                activeElement === this._document.body ||
-                activeElement === element ||
-                element.contains(activeElement)) {
-                if (this._focusMonitor) {
-                    this._focusMonitor.focusVia(previousElement, this._closeInteractionType);
-                    this._closeInteractionType = null;
-                }
-                else {
-                    previousElement.focus();
-                }
-            }
-        }
-        if (this._focusTrap) {
-            this._focusTrap.destroy();
-        }
-    }
-    /** Focuses the dialog container. */
-    _focusDialogContainer() {
-        // Note that there is no focus method when rendering on the server.
-        if (this._elementRef.nativeElement.focus) {
-            this._elementRef.nativeElement.focus();
-        }
-    }
-    /** Returns whether focus is inside the dialog. */
-    _containsFocus() {
-        const element = this._elementRef.nativeElement;
-        const activeElement = _getFocusedElementPierceShadowDom();
-        return element === activeElement || element.contains(activeElement);
-    }
-    /** Sets up the focus trap. */
-    _initializeFocusTrap() {
-        this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
-        // Save the previously focused element. This element will be re-focused
-        // when the dialog closes.
-        if (this._document) {
-            this._elementFocusedBeforeDialogWasOpened = _getFocusedElementPierceShadowDom();
-        }
-    }
-    /** Sets up the listener that handles clicks on the dialog backdrop. */
-    _handleBackdropClicks() {
-        // Clicking on the backdrop will move focus out of dialog.
-        // Recapture it if closing via the backdrop is disabled.
-        this._overlayRef.backdropClick().subscribe(() => {
-            if (this._config.disableClose && !this._containsFocus()) {
-                this._trapFocus();
-            }
-        });
-    }
-}
-CdkDialogContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: CdkDialogContainer, deps: [{ token: i0.ElementRef }, { token: i1.FocusTrapFactory }, { token: DOCUMENT, optional: true }, { token: DialogConfig }, { token: i1.InteractivityChecker }, { token: i0.NgZone }, { token: i1$1.OverlayRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-CdkDialogContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "14.0.0-next.13", type: CdkDialogContainer, selector: "cdk-dialog-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.id": "_config.id || null", "attr.role": "_config.role", "attr.aria-modal": "_config.ariaModal", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledBy", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null" }, classAttribute: "cdk-dialog-container" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", directives: [{ type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: CdkDialogContainer, decorators: [{
-            type: Component,
-            args: [{ selector: 'cdk-dialog-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, host: {
-                        'class': 'cdk-dialog-container',
-                        'tabindex': '-1',
-                        '[attr.id]': '_config.id || null',
-                        '[attr.role]': '_config.role',
-                        '[attr.aria-modal]': '_config.ariaModal',
-                        '[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledBy',
-                        '[attr.aria-label]': '_config.ariaLabel',
-                        '[attr.aria-describedby]': '_config.ariaDescribedBy || null',
-                    }, template: "<ng-template cdkPortalOutlet></ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FocusTrapFactory }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DialogConfig]
-                }] }, { type: i1.InteractivityChecker }, { type: i0.NgZone }, { type: i1$1.OverlayRef }, { type: i1.FocusMonitor }]; }, propDecorators: { _portalOutlet: [{
-                type: ViewChild,
-                args: [CdkPortalOutlet, { static: true }]
-            }] } });
-
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-/**
- * Reference to a dialog opened via the Dialog service.
- */
-class DialogRef {
-    constructor(overlayRef, config) {
-        this.overlayRef = overlayRef;
-        this.config = config;
-        /** Emits when the dialog has been closed. */
-        this.closed = new Subject();
-        this.disableClose = config.disableClose;
-        this.backdropClick = overlayRef.backdropClick();
-        this.keydownEvents = overlayRef.keydownEvents();
-        this.outsidePointerEvents = overlayRef.outsidePointerEvents();
-        this.id = config.id; // By the time the dialog is created we are guaranteed to have an ID.
-        this.keydownEvents.subscribe(event => {
-            if (event.keyCode === ESCAPE && !this.disableClose && !hasModifierKey(event)) {
-                event.preventDefault();
-                this.close(undefined, { focusOrigin: 'keyboard' });
-            }
-        });
-        this.backdropClick.subscribe(() => {
-            if (!this.disableClose) {
-                this.close(undefined, { focusOrigin: 'mouse' });
-            }
-        });
-    }
-    /**
-     * Close the dialog.
-     * @param result Optional result to return to the dialog opener.
-     * @param options Additional options to customize the closing behavior.
-     */
-    close(result, options) {
-        if (this.containerInstance) {
-            const closedSubject = this.closed;
-            this.containerInstance._closeInteractionType = options?.focusOrigin || 'program';
-            this.overlayRef.dispose();
-            closedSubject.next(result);
-            closedSubject.complete();
-            this.componentInstance = this.containerInstance = null;
-        }
-    }
-    /** Updates the dialog's position. */
-    updatePosition() {
-        this.overlayRef.updatePosition();
-        return this;
-    }
-    /**
-     * Updates the dialog's width and height.
-     * @param width New width of the dialog.
-     * @param height New height of the dialog.
-     */
-    updateSize(width = '', height = '') {
-        this.overlayRef.updateSize({ width, height });
-        this.overlayRef.updatePosition();
-        return this;
-    }
-    /** Add a CSS class or an array of classes to the overlay pane. */
-    addPanelClass(classes) {
-        this.overlayRef.addPanelClass(classes);
-        return this;
-    }
-    /** Remove a CSS class or an array of classes from the overlay pane. */
-    removePanelClass(classes) {
-        this.overlayRef.removePanelClass(classes);
-        return this;
-    }
-}
-
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-/** Injection token for the Dialog's ScrollStrategy. */
-const DIALOG_SCROLL_STRATEGY = new InjectionToken('DialogScrollStrategy');
-/** Injection token for the Dialog's Data. */
-const DIALOG_DATA = new InjectionToken('DialogData');
-/** Injection token that can be used to provide default options for the dialog module. */
-const DEFAULT_DIALOG_CONFIG = new InjectionToken('DefaultDialogConfig');
-/** @docs-private */
-function DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay) {
-    return () => overlay.scrollStrategies.block();
-}
-/** @docs-private */
-const DIALOG_SCROLL_STRATEGY_PROVIDER = {
-    provide: DIALOG_SCROLL_STRATEGY,
-    deps: [Overlay],
-    useFactory: DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY,
-};
-
-/**
- * @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
- */
-/** Unique id for the created dialog. */
-let uniqueId = 0;
-class Dialog {
-    constructor(_overlay, _injector, _defaultOptions, _parentDialog, _overlayContainer, scrollStrategy) {
-        this._overlay = _overlay;
-        this._injector = _injector;
-        this._defaultOptions = _defaultOptions;
-        this._parentDialog = _parentDialog;
-        this._overlayContainer = _overlayContainer;
-        this._openDialogsAtThisLevel = [];
-        this._afterAllClosedAtThisLevel = new Subject();
-        this._afterOpenedAtThisLevel = new Subject();
-        this._ariaHiddenElements = new Map();
-        /**
-         * Stream that emits when all open dialog have finished closing.
-         * Will emit on subscribe if there are no open dialogs to begin with.
-         */
-        this.afterAllClosed = defer(() => this.openDialogs.length
-            ? this._getAfterAllClosed()
-            : this._getAfterAllClosed().pipe(startWith(undefined)));
-        this._scrollStrategy = scrollStrategy;
-    }
-    /** Keeps track of the currently-open dialogs. */
-    get openDialogs() {
-        return this._parentDialog ? this._parentDialog.openDialogs : this._openDialogsAtThisLevel;
-    }
-    /** Stream that emits when a dialog has been opened. */
-    get afterOpened() {
-        return this._parentDialog ? this._parentDialog.afterOpened : this._afterOpenedAtThisLevel;
-    }
-    open(componentOrTemplateRef, config) {
-        const defaults = (this._defaultOptions || new DialogConfig());
-        config = { ...defaults, ...config };
-        config.id = config.id || `cdk-dialog-${uniqueId++}`;
-        if (config.id &&
-            this.getDialogById(config.id) &&
-            (typeof ngDevMode === 'undefined' || ngDevMode)) {
-            throw Error(`Dialog with id "${config.id}" exists already. The dialog id must be unique.`);
-        }
-        const overlayConfig = this._getOverlayConfig(config);
-        const overlayRef = this._overlay.create(overlayConfig);
-        const dialogRef = new DialogRef(overlayRef, config);
-        const dialogContainer = this._attachContainer(overlayRef, dialogRef, config);
-        dialogRef.containerInstance = dialogContainer;
-        this._attachDialogContent(componentOrTemplateRef, dialogRef, dialogContainer, config);
-        // If this is the first dialog that we're opening, hide all the non-overlay content.
-        if (!this.openDialogs.length) {
-            this._hideNonDialogContentFromAssistiveTechnology();
-        }
-        this.openDialogs.push(dialogRef);
-        dialogRef.closed.subscribe(() => this._removeOpenDialog(dialogRef));
-        this.afterOpened.next(dialogRef);
-        return dialogRef;
-    }
-    /**
-     * Closes all of the currently-open dialogs.
-     */
-    closeAll() {
-        this._closeDialogs(this.openDialogs);
-    }
-    /**
-     * Finds an open dialog by its id.
-     * @param id ID to use when looking up the dialog.
-     */
-    getDialogById(id) {
-        return this.openDialogs.find(dialog => dialog.id === id);
-    }
-    ngOnDestroy() {
-        // Only close the dialogs at this level on destroy
-        // since the parent service may still be active.
-        this._closeDialogs(this._openDialogsAtThisLevel);
-        this._afterAllClosedAtThisLevel.complete();
-        this._afterOpenedAtThisLevel.complete();
-    }
-    /**
-     * Creates an overlay config from a dialog config.
-     * @param config The dialog configuration.
-     * @returns The overlay configuration.
-     */
-    _getOverlayConfig(config) {
-        const state = new OverlayConfig({
-            positionStrategy: config.positionStrategy ||
-                this._overlay.position().global().centerHorizontally().centerVertically(),
-            scrollStrategy: config.scrollStrategy || this._scrollStrategy(),
-            panelClass: config.panelClass,
-            hasBackdrop: config.hasBackdrop,
-            direction: config.direction,
-            minWidth: config.minWidth,
-            minHeight: config.minHeight,
-            maxWidth: config.maxWidth,
-            maxHeight: config.maxHeight,
-            width: config.width,
-            height: config.height,
-            disposeOnNavigation: config.closeOnNavigation,
-        });
-        if (config.backdropClass) {
-            state.backdropClass = config.backdropClass;
-        }
-        return state;
-    }
-    /**
-     * Attaches a dialog container to a dialog's already-created overlay.
-     * @param overlay Reference to the dialog's underlying overlay.
-     * @param config The dialog configuration.
-     * @returns A promise resolving to a ComponentRef for the attached container.
-     */
-    _attachContainer(overlay, dialogRef, config) {
-        const userInjector = config.injector ?? config.viewContainerRef?.injector;
-        const providers = [
-            { provide: DialogConfig, useValue: config },
-            { provide: DialogRef, useValue: dialogRef },
-            { provide: OverlayRef, useValue: overlay },
-        ];
-        let containerType;
-        if (config.container) {
-            if (typeof config.container === 'function') {
-                containerType = config.container;
-            }
-            else {
-                containerType = config.container.type;
-                providers.push(...config.container.providers(config));
-            }
-        }
-        else {
-            containerType = CdkDialogContainer;
-        }
-        const containerPortal = new ComponentPortal(containerType, config.viewContainerRef, Injector.create({ parent: userInjector || this._injector, providers }), config.componentFactoryResolver);
-        const containerRef = overlay.attach(containerPortal);
-        return containerRef.instance;
-    }
-    /**
-     * Attaches the user-provided component to the already-created dialog container.
-     * @param componentOrTemplateRef The type of component being loaded into the dialog,
-     *     or a TemplateRef to instantiate as the content.
-     * @param dialogRef Reference to the dialog being opened.
-     * @param dialogContainer Component that is going to wrap the dialog content.
-     * @param config Configuration used to open the dialog.
-     */
-    _attachDialogContent(componentOrTemplateRef, dialogRef, dialogContainer, config) {
-        const injector = this._createInjector(config, dialogRef, dialogContainer);
-        if (componentOrTemplateRef instanceof TemplateRef) {
-            let context = { $implicit: config.data, dialogRef };
-            if (config.templateContext) {
-                context = {
-                    ...context,
-                    ...(typeof config.templateContext === 'function'
-                        ? config.templateContext()
-                        : config.templateContext),
-                };
-            }
-            dialogContainer.attachTemplatePortal(new TemplatePortal(componentOrTemplateRef, null, context, injector));
-        }
-        else {
-            const contentRef = dialogContainer.attachComponentPortal(new ComponentPortal(componentOrTemplateRef, config.viewContainerRef, injector, config.componentFactoryResolver));
-            dialogRef.componentInstance = contentRef.instance;
-        }
-    }
-    /**
-     * Creates a custom injector to be used inside the dialog. This allows a component loaded inside
-     * of a dialog to close itself and, optionally, to return a value.
-     * @param config Config object that is used to construct the dialog.
-     * @param dialogRef Reference to the dialog being opened.
-     * @param dialogContainer Component that is going to wrap the dialog content.
-     * @returns The custom injector that can be used inside the dialog.
-     */
-    _createInjector(config, dialogRef, dialogContainer) {
-        const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
-        const providers = [
-            { provide: DIALOG_DATA, useValue: config.data },
-            { provide: DialogRef, useValue: dialogRef },
-        ];
-        if (config.providers) {
-            if (typeof config.providers === 'function') {
-                providers.push(...config.providers(dialogRef, config, dialogContainer));
-            }
-            else {
-                providers.push(...config.providers);
-            }
-        }
-        if (config.direction &&
-            (!userInjector ||
-                !userInjector.get(Directionality, null, InjectFlags.Optional))) {
-            providers.push({
-                provide: Directionality,
-                useValue: { value: config.direction, change: of() },
-            });
-        }
-        return Injector.create({ parent: userInjector || this._injector, providers });
-    }
-    /**
-     * Removes a dialog from the array of open dialogs.
-     * @param dialogRef Dialog to be removed.
-     */
-    _removeOpenDialog(dialogRef) {
-        const index = this.openDialogs.indexOf(dialogRef);
-        if (index > -1) {
-            this.openDialogs.splice(index, 1);
-            // If all the dialogs were closed, remove/restore the `aria-hidden`
-            // to a the siblings and emit to the `afterAllClosed` stream.
-            if (!this.openDialogs.length) {
-                this._ariaHiddenElements.forEach((previousValue, element) => {
-                    if (previousValue) {
-                        element.setAttribute('aria-hidden', previousValue);
-                    }
-                    else {
-                        element.removeAttribute('aria-hidden');
-                    }
-                });
-                this._ariaHiddenElements.clear();
-                this._getAfterAllClosed().next();
-            }
-        }
-    }
-    /** Hides all of the content that isn't an overlay from assistive technology. */
-    _hideNonDialogContentFromAssistiveTechnology() {
-        const overlayContainer = this._overlayContainer.getContainerElement();
-        // Ensure that the overlay container is attached to the DOM.
-        if (overlayContainer.parentElement) {
-            const siblings = overlayContainer.parentElement.children;
-            for (let i = siblings.length - 1; i > -1; i--) {
-                const sibling = siblings[i];
-                if (sibling !== overlayContainer &&
-                    sibling.nodeName !== 'SCRIPT' &&
-                    sibling.nodeName !== 'STYLE' &&
-                    !sibling.hasAttribute('aria-live')) {
-                    this._ariaHiddenElements.set(sibling, sibling.getAttribute('aria-hidden'));
-                    sibling.setAttribute('aria-hidden', 'true');
-                }
-            }
-        }
-    }
-    /** Closes all of the dialogs in an array. */
-    _closeDialogs(dialogs) {
-        let i = dialogs.length;
-        while (i--) {
-            // The `_openDialogs` property isn't updated after close until the rxjs subscription
-            // runs on the next microtask, in addition to modifying the array as we're going
-            // through it. We loop through all of them and call close without assuming that
-            // they'll be removed from the list instantaneously.
-            dialogs[i].close();
-        }
-    }
-    _getAfterAllClosed() {
-        const parent = this._parentDialog;
-        return parent ? parent._getAfterAllClosed() : this._afterAllClosedAtThisLevel;
-    }
-}
-Dialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: Dialog, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }, { token: DEFAULT_DIALOG_CONFIG, optional: true }, { token: Dialog, optional: true, skipSelf: true }, { token: i1$1.OverlayContainer }, { token: DIALOG_SCROLL_STRATEGY }], target: i0.ɵɵFactoryTarget.Injectable });
-Dialog.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: Dialog });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: Dialog, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: DialogConfig, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DEFAULT_DIALOG_CONFIG]
-                }] }, { type: Dialog, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }, { type: i1$1.OverlayContainer }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DIALOG_SCROLL_STRATEGY]
-                }] }]; } });
-
-/**
- * @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
- */
-class DialogModule {
-}
-DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: DialogModule, declarations: [CdkDialogContainer], imports: [OverlayModule, PortalModule, A11yModule], exports: [
-        // Re-export the PortalModule so that people extending the `CdkDialogContainer`
-        // don't have to remember to import it or be faced with an unhelpful error.
-        PortalModule,
-        CdkDialogContainer] });
-DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: DialogModule, providers: [Dialog, DIALOG_SCROLL_STRATEGY_PROVIDER], imports: [[OverlayModule, PortalModule, A11yModule], 
-        // Re-export the PortalModule so that people extending the `CdkDialogContainer`
-        // don't have to remember to import it or be faced with an unhelpful error.
-        PortalModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: DialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [OverlayModule, PortalModule, A11yModule],
-                    exports: [
-                        // Re-export the PortalModule so that people extending the `CdkDialogContainer`
-                        // don't have to remember to import it or be faced with an unhelpful error.
-                        PortalModule,
-                        CdkDialogContainer,
-                    ],
-                    declarations: [CdkDialogContainer],
-                    providers: [Dialog, DIALOG_SCROLL_STRATEGY_PROVIDER],
-                }]
-        }] });
-
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CdkDialogContainer, DEFAULT_DIALOG_CONFIG, DIALOG_DATA, DIALOG_SCROLL_STRATEGY, DIALOG_SCROLL_STRATEGY_PROVIDER, DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY, Dialog, DialogConfig, DialogModule, DialogRef, throwDialogContentAlreadyAttachedError };
-//# sourceMappingURL=dialog.mjs.map