@theseam/ui-common 0.3.11 → 0.4.0-beta.0

package/fesm2015/theseam-ui-common-modal.js

@@ -1,1282 +0,0 @@
-import { FocusTrapFactory, A11yModule } from '@angular/cdk/a11y';
-import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
-import { PortalInjector, ComponentPortal, TemplatePortal, BasePortalOutlet, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
-import { Location, DOCUMENT, CommonModule } from '@angular/common';
-import { InjectionToken, Injectable, Injector, Type, Inject, Optional, SkipSelf, Directive, ElementRef, HostBinding, Input, HostListener, TemplateRef, Component, ChangeDetectorRef, ViewChild, ContentChild, forwardRef, EventEmitter, isDevMode, ViewContainerRef, Output, NgModule } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { ESCAPE } from '@angular/cdk/keycodes';
-import { filter, map, startWith, switchMap, distinctUntilChanged, takeUntil } from 'rxjs/operators';
-import { Directionality } from '@angular/cdk/bidi';
-import { Subject, defer, of } from 'rxjs';
-import { TheSeamDynamicComponentLoader } from '@theseam/ui-common/dynamic-component-loader';
-import { OverlayScrollbarsService } from '@theseam/ui-common/scrollbar';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { __decorate } from 'tslib';
-import { InputBoolean } from '@theseam/ui-common/core';
-
-const DRAG_CLOSE_THRESHOLD = 5;
-/** Unique id for the created dialog. */
-let uniqueId = 0;
-/**
- * Reference to a dialog opened via the Dialog service.
- */
-class ModalRef {
-    constructor(_overlayRef, _containerInstance, id = `seam-modal-${uniqueId++}`) {
-        this._overlayRef = _overlayRef;
-        this._containerInstance = _containerInstance;
-        this.id = id;
-        /** The instance of the component in the dialog. */
-        this.componentInstance = null;
-        this._clickOutsideCleanup = null;
-        // Pass the id along to the container.
-        _containerInstance._id = id;
-        // If the dialog has a backdrop, handle clicks from the backdrop.
-        if (_containerInstance._config.hasBackdrop) {
-            _overlayRef.backdropClick().subscribe(() => {
-                if (!this.disableClose) {
-                    this.close();
-                }
-            });
-            this._clickOutsideCleanup = this._initCloseOnClickOutside();
-        }
-        this.beforeClosed().subscribe(() => {
-            this._overlayRef.detachBackdrop();
-        });
-        this.afterClosed().subscribe(() => {
-            this._overlayRef.detach();
-            this._overlayRef.dispose();
-            this.componentInstance = null;
-        });
-        // Close when escape keydown event occurs
-        _overlayRef.keydownEvents()
-            // tslint:disable-next-line:deprecation
-            .pipe(filter(event => event.keyCode === ESCAPE && !this.disableClose))
-            .subscribe(() => this.close());
-    }
-    _initCloseOnClickOutside() {
-        const close = () => {
-            if (!this.disableClose) {
-                this.close();
-            }
-        };
-        const isInContainer = (target) => {
-            return this._containerInstance.getNativeElement().contains(target);
-        };
-        const getPosition = (event) => {
-            return { x: event.clientX, y: event.clientY };
-        };
-        const dist = (x1, y1, x2, y2) => {
-            return Math.sqrt(Math.pow((x2 - x1), 2) + Math.pow((y2 - y1), 2));
-        };
-        let pressed = false;
-        let pressedPosition = null;
-        const _handlePressDown = (event) => {
-            pressed = true;
-            pressedPosition = getPosition(event);
-        };
-        const _handlePressUp = (event) => {
-            if (pressedPosition) {
-                const target = event.target;
-                if (target && !isInContainer(target)) {
-                    const currentPosition = getPosition(event);
-                    const d = dist(currentPosition.x, currentPosition.y, pressedPosition.x, pressedPosition.y);
-                    if (d < DRAG_CLOSE_THRESHOLD) {
-                        close();
-                    }
-                }
-                pressedPosition = null;
-            }
-            else if (pressed) {
-                close();
-            }
-            pressed = false;
-        };
-        this._overlayRef.overlayElement.addEventListener('mousedown', _handlePressDown);
-        this._overlayRef.overlayElement.addEventListener('pointerdown', _handlePressDown);
-        this._overlayRef.overlayElement.addEventListener('mouseup', _handlePressUp);
-        this._overlayRef.overlayElement.addEventListener('pointerup', _handlePressUp);
-        return () => {
-            this._overlayRef.overlayElement.removeEventListener('mousedown', _handlePressDown);
-            this._overlayRef.overlayElement.removeEventListener('pointerdown', _handlePressDown);
-            this._overlayRef.overlayElement.removeEventListener('mouseup', _handlePressUp);
-            this._overlayRef.overlayElement.removeEventListener('pointerup', _handlePressUp);
-        };
-    }
-    /** Gets an observable that emits when the overlay's backdrop has been clicked. */
-    backdropClick() {
-        return this._overlayRef.backdropClick();
-    }
-    /**
-     * Close the dialog.
-     * @param dialogResult Optional result to return to the dialog opener.
-     */
-    close(dialogResult) {
-        this._result = dialogResult;
-        this._containerInstance._startExiting();
-        if (this._clickOutsideCleanup) {
-            this._clickOutsideCleanup();
-        }
-    }
-    /**
-     * Updates the dialog's position.
-     * @param position New dialog position.
-     */
-    updatePosition(position) {
-        const strategy = this._getPositionStrategy();
-        if (position && (position.left || position.right)) {
-            position.left ? strategy.left(position.left) : strategy.right(position.right);
-        }
-        else {
-            strategy.centerHorizontally();
-        }
-        if (position && (position.top || position.bottom)) {
-            position.top ? strategy.top(position.top) : strategy.bottom(position.bottom);
-        }
-        else {
-            strategy.centerVertically();
-        }
-        this._overlayRef.updatePosition();
-        return this;
-    }
-    /**
-     * Gets an observable that emits when keydown events are targeted on the overlay.
-     */
-    keydownEvents() {
-        return this._overlayRef.keydownEvents();
-    }
-    /**
-     * Updates the dialog's width and height, defined, min and max.
-     * @param size New size for the overlay.
-     */
-    updateSize(size) {
-        if (size.width) {
-            // tslint:disable-next-line:deprecation
-            this._getPositionStrategy().width(size.width.toString());
-        }
-        if (size.height) {
-            // tslint:disable-next-line:deprecation
-            this._getPositionStrategy().height(size.height.toString());
-        }
-        this._overlayRef.updateSize(size);
-        this._overlayRef.updatePosition();
-        return this;
-    }
-    /** Fetches the position strategy object from the overlay ref. */
-    _getPositionStrategy() {
-        return this._overlayRef.getConfig().positionStrategy;
-    }
-    /** Gets an observable that emits when dialog begins opening. */
-    beforeOpened() {
-        return this._containerInstance._beforeEnter.asObservable();
-    }
-    /** Gets an observable that emits when dialog is finished opening. */
-    afterOpened() {
-        return this._containerInstance._afterEnter.asObservable();
-    }
-    /** Gets an observable that emits when dialog begins closing. */
-    beforeClosed() {
-        return this._containerInstance._beforeExit.pipe(map(() => this._result));
-    }
-    /** Gets an observable that emits when dialog is finished closing. */
-    afterClosed() {
-        return this._containerInstance._afterExit.pipe(map(() => this._result));
-    }
-}
-
-/**
- * Finds the closest MatDialogRef to an element by looking at the DOM.
- * @param element Element relative to which to look for a dialog.
- * @param openDialogs References to the currently-open dialogs.
- */
-function getClosestModal(element, openDialogs) {
-    let parent = element.nativeElement.parentElement;
-    while (parent && !parent.classList.contains('seam-modal-container')) {
-        parent = parent.parentElement;
-    }
-    const parentId = parent ? parent.id : null;
-    return parentId ? openDialogs.find(dialog => dialog.id === parentId) : null;
-}
-
-// tslint:disable:no-inferrable-types
-class ModalConfig {
-    constructor() {
-        /** The ARIA role of the dialog. */
-        this.role = 'dialog';
-        /** Custom class(es) for the overlay panel. */
-        this.panelClass = '';
-        /** Whether the dialog has a background. */
-        this.hasBackdrop = true;
-        /** Custom class(es) for the backdrop. */
-        this.backdropClass = '';
-        /** Whether the dialog can be closed by user interaction. */
-        this.disableClose = false;
-        /** The width of the dialog. */
-        this.width = '100%';
-        /** The height of the dialog. */
-        this.height = '';
-        /** The minimum width of the dialog. */
-        this.minWidth = '';
-        /** The minimum height of the dialog. */
-        this.minHeight = '';
-        /** The maximum width of the dialog. */
-        this.maxWidth = '';
-        /** The maximum height of the dialog. */
-        this.maxHeight = '';
-        /** Data to be injected into the dialog content. */
-        this.data = null;
-        /** ID of the element that describes the dialog. */
-        this.ariaDescribedBy = null;
-        /** Aria label to assign to the dialog element */
-        this.ariaLabel = null;
-        /** Whether the dialog should focus the first focusable element on open. */
-        this.autoFocus = true;
-        /** Duration of the enter animation. Has to be a valid CSS value (e.g. 100ms). */
-        this.enterAnimationDuration = '225ms';
-        /** Duration of the exit animation. Has to be a valid CSS value (e.g. 50ms). */
-        this.exitAnimationDuration = '225ms';
-    }
-}
-// tslint:enable:no-inferrable-types
-function mergeModalConfigs(a, b) {
-    return Object.assign(Object.assign({}, a), b);
-}
-/** Injection token that can be used to specify modal options. */
-const LIB_MODAL_CONFIG = new InjectionToken('seamModalConfig');
-
-/** Injection token for the Dialog's ScrollStrategy. */
-const MODAL_SCROLL_STRATEGY = new InjectionToken('ModalScrollStrategy');
-/** Injection token for the Dialog's Data. */
-const MODAL_DATA = new InjectionToken('ModalData');
-/** Injection token for the DialogRef constructor. */
-const MODAL_REF = new InjectionToken('ModalRef');
-/** Injection token for the DialogConfig. */
-const MODAL_CONFIG = new InjectionToken('ModalConfig');
-/** Injection token for the Dialog's DialogContainer component. */
-const MODAL_CONTAINER = new InjectionToken('ModalContainer');
-/** @docs-private */
-function THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay) {
-    return () => overlay.scrollStrategies.block();
-}
-/** @docs-private */
-const THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER = {
-    provide: MODAL_SCROLL_STRATEGY,
-    deps: [Overlay],
-    useFactory: THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER_FACTORY,
-};
-
-/**
- * Service to open modal dialogs.
- */
-class Modal {
-    constructor(overlay, injector, dialogRefConstructor, scrollStrategy, _parentDialog, location, _scrollbars, _dynamicComponentLoaderModule) {
-        this.overlay = overlay;
-        this.injector = injector;
-        this.dialogRefConstructor = dialogRefConstructor;
-        this._parentDialog = _parentDialog;
-        this._scrollbars = _scrollbars;
-        this._dynamicComponentLoaderModule = _dynamicComponentLoaderModule;
-        this._afterAllClosedBase = new Subject();
-        this.afterAllClosed = defer(() => this.openDialogs.length ?
-            this._afterAllClosed : this._afterAllClosed.pipe(startWith(undefined)));
-        this._afterOpened = new Subject();
-        this._openDialogs = [];
-        // Close all of the dialogs when the user goes forwards/backwards in history or when the
-        // location hash changes. Note that this usually doesn't include clicking on links (unless
-        // the user is using the `HashLocationStrategy`).
-        if (!_parentDialog && location) {
-            location.subscribe(() => this.closeAll());
-        }
-        this._scrollStrategy = scrollStrategy;
-    }
-    /** Stream that emits when all dialogs are closed. */
-    get _afterAllClosed() {
-        return this._parentDialog ? this._parentDialog.afterAllClosed : this._afterAllClosedBase;
-    }
-    /** Stream that emits when a dialog is opened. */
-    get afterOpened() {
-        return this._parentDialog ? this._parentDialog.afterOpened : this._afterOpened;
-    }
-    /** Stream that emits when a dialog is opened. */
-    get openDialogs() {
-        return this._parentDialog ? this._parentDialog.openDialogs : this._openDialogs;
-    }
-    /** Gets an open dialog by id. */
-    getById(id) {
-        return this._openDialogs.find(ref => ref.id === id);
-    }
-    /** Closes all open dialogs. */
-    closeAll() {
-        this.openDialogs.forEach(ref => ref.close());
-    }
-    /** Opens a dialog from a component. */
-    openFromComponent(component, config, 
-    // NOTE: Should only be needed with the current implementation of `TheSeamDynamicComponentLoader`.
-    componentFactoryResolver) {
-        config = this._applyConfigDefaults(config);
-        if (config.id && this.getById(config.id)) {
-            throw Error(`Modal with id "${config.id}" exists already. The modal id must be unique.`);
-        }
-        const overlayRef = this._createOverlay(config);
-        const dialogContainer = this._attachDialogContainer(overlayRef, config);
-        const dialogRef = this._attachDialogContentForComponent(component, dialogContainer, overlayRef, config, componentFactoryResolver);
-        this.registerDialogRef(dialogRef);
-        return dialogRef;
-    }
-    /** Opens a dialog from a template. */
-    openFromTemplate(template, config) {
-        config = this._applyConfigDefaults(config);
-        if (config.id && this.getById(config.id)) {
-            throw Error(`Modal with id "${config.id}" exists already. The modal id must be unique.`);
-        }
-        const overlayRef = this._createOverlay(config);
-        const dialogContainer = this._attachDialogContainer(overlayRef, config);
-        const dialogRef = this._attachDialogContentForTemplate(template, dialogContainer, overlayRef, config);
-        this.registerDialogRef(dialogRef);
-        return dialogRef;
-    }
-    /** Opens a dialog from a lazy-loaded component. */
-    openFromLazyComponent(componentId, config) {
-        config = this._applyConfigDefaults(config);
-        if (config.id && this.getById(config.id)) {
-            throw Error(`Modal with id "${config.id}" exists already. The modal id must be unique.`);
-        }
-        return this._dynamicComponentLoaderModule
-            .getComponentFactory(componentId)
-            .pipe(switchMap(componentFactory => {
-            const modalRef = this.openFromComponent(componentFactory.componentType, config, componentFactory.ngModule.componentFactoryResolver);
-            return of(modalRef);
-        }));
-    }
-    ngOnDestroy() {
-        // Only close all the dialogs at this level.
-        this._openDialogs.forEach(ref => ref.close());
-    }
-    /**
-     * Forwards emitting events for when dialogs are opened and all dialogs are closed.
-     */
-    registerDialogRef(dialogRef) {
-        this.openDialogs.push(dialogRef);
-        let cleanupScroll;
-        const dialogBeforeOpenSub = dialogRef.beforeOpened().subscribe(() => {
-            cleanupScroll = this._registerDialogRefScrollEvents(dialogRef);
-            dialogBeforeOpenSub.unsubscribe();
-        });
-        const dialogBeforeCloseSub = dialogRef.beforeClosed().subscribe(() => {
-            // TODO: Do I need to destroy the instance? I feel like I should, but the
-            // way I have this implemented currently causes the native scrollbar to
-            // appear before the element is removed from the DOM.
-            // this._scrollbars.destroyInstance(dialogRef._overlayRef.overlayElement)
-            if (cleanupScroll) {
-                cleanupScroll();
-            }
-            dialogBeforeCloseSub.unsubscribe();
-        });
-        const dialogOpenSub = dialogRef.afterOpened().subscribe(() => {
-            this.afterOpened.next(dialogRef);
-            dialogOpenSub.unsubscribe();
-        });
-        const dialogCloseSub = dialogRef.afterClosed().subscribe(() => {
-            // this._scrollbars.destroyInstance(dialogRef._overlayRef.overlayElement)
-            const dialogIndex = this._openDialogs.indexOf(dialogRef);
-            if (dialogIndex > -1) {
-                this._openDialogs.splice(dialogIndex, 1);
-            }
-            if (!this._openDialogs.length) {
-                this._afterAllClosedBase.next();
-                dialogCloseSub.unsubscribe();
-            }
-        });
-    }
-    // TODO: Cleanup. This was rushed together fast and became an unefficient mess.
-    _registerDialogRefScrollEvents(dialogRef) {
-        const _scrollbarMouseDownListener = () => {
-            if (dialogRef) {
-                dialogRef.disableClose = true;
-            }
-        };
-        const _scrollbarMouseUpListener = () => {
-            setTimeout(() => { if (dialogRef) {
-                dialogRef.disableClose = false;
-            } });
-        };
-        let verticalHandleElement;
-        let horizontalHandleElement;
-        this._scrollbars.initializeInstance(dialogRef._overlayRef.overlayElement, {
-            callbacks: {
-                onInitialized: () => {
-                    // console.log('onInitialized')
-                    setTimeout(() => {
-                        const instance = this._scrollbars.getInstance(dialogRef._overlayRef.overlayElement);
-                        if (instance) {
-                            verticalHandleElement = instance.getElements().scrollbarVertical.handle;
-                            if (verticalHandleElement) {
-                                verticalHandleElement.addEventListener('mousedown', _scrollbarMouseDownListener);
-                                verticalHandleElement.addEventListener('touchstart', _scrollbarMouseDownListener);
-                            }
-                            horizontalHandleElement = instance.getElements().scrollbarHorizontal.handle;
-                            if (horizontalHandleElement) {
-                                horizontalHandleElement.addEventListener('mousedown', _scrollbarMouseDownListener);
-                                horizontalHandleElement.addEventListener('touchstart', _scrollbarMouseDownListener);
-                            }
-                            if (verticalHandleElement || horizontalHandleElement) {
-                                document.addEventListener('mouseup', _scrollbarMouseUpListener);
-                                document.addEventListener('touchend', _scrollbarMouseUpListener);
-                                document.addEventListener('touchcancel', _scrollbarMouseUpListener);
-                            }
-                        }
-                    });
-                },
-                onDestroyed: () => {
-                    // console.log('onDestroyed')
-                    // // const instance = this._scrollbars.getInstance(dialogRef._overlayRef.overlayElement)
-                    // // const scrollElem = instance.getElements().scrollbarVertical.handle
-                    // if (verticalHandleElement) {
-                    //   verticalHandleElement.removeEventListener('mousedown', _scrollbarMouseDownListener)
-                    //   verticalHandleElement.removeEventListener('touchstart', _scrollbarMouseDownListener)
-                    // }
-                    // if (horizontalHandleElement) {
-                    //   horizontalHandleElement.removeEventListener('mousedown', _scrollbarMouseDownListener)
-                    //   horizontalHandleElement.removeEventListener('touchstart', _scrollbarMouseDownListener)
-                    // }
-                    // if (verticalHandleElement || horizontalHandleElement) {
-                    //   document.removeEventListener('mouseup', _scrollbarMouseUpListener)
-                    //   document.removeEventListener('touchend', _scrollbarMouseUpListener)
-                    //   document.removeEventListener('touchcancel', _scrollbarMouseUpListener)
-                    // }
-                }
-            }
-        });
-        // Cleans up the registered events.
-        return () => {
-            // console.log('scrollevents cleanup')
-            // const instance = this._scrollbars.getInstance(dialogRef._overlayRef.overlayElement)
-            // const scrollElem = instance.getElements().scrollbarVertical.handle
-            if (verticalHandleElement) {
-                verticalHandleElement.removeEventListener('mousedown', _scrollbarMouseDownListener);
-                verticalHandleElement.removeEventListener('touchstart', _scrollbarMouseDownListener);
-            }
-            if (horizontalHandleElement) {
-                horizontalHandleElement.removeEventListener('mousedown', _scrollbarMouseDownListener);
-                horizontalHandleElement.removeEventListener('touchstart', _scrollbarMouseDownListener);
-            }
-            if (verticalHandleElement || horizontalHandleElement) {
-                document.removeEventListener('mouseup', _scrollbarMouseUpListener);
-                document.removeEventListener('touchend', _scrollbarMouseUpListener);
-                document.removeEventListener('touchcancel', _scrollbarMouseUpListener);
-            }
-        };
-    }
-    /**
-     * Creates an overlay config from a dialog config.
-     * @param config The dialog configuration.
-     * @returns The overlay configuration.
-     */
-    _createOverlay(config) {
-        let panelClass = (config.panelClass || []);
-        if (typeof panelClass === 'string') {
-            panelClass = [panelClass];
-        }
-        panelClass = [...panelClass, 'modal', 'd-block', 'overflow-auto'];
-        const overlayConfig = new OverlayConfig({
-            positionStrategy: this.overlay.position().global(),
-            scrollStrategy: this._scrollStrategy(),
-            panelClass: panelClass,
-            hasBackdrop: config.hasBackdrop,
-            direction: config.direction,
-            minWidth: config.minWidth,
-            minHeight: config.minHeight,
-            maxWidth: config.maxWidth,
-            maxHeight: config.maxHeight
-        });
-        if (config.backdropClass) {
-            overlayConfig.backdropClass = config.backdropClass;
-        }
-        return this.overlay.create(overlayConfig);
-    }
-    /**
-     * Attaches an MatDialogContainer 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.
-     */
-    _attachDialogContainer(overlay, config) {
-        const container = config.containerComponent || this.injector.get(MODAL_CONTAINER);
-        const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
-        const injector = new PortalInjector(userInjector || this.injector, new WeakMap([
-            [ModalConfig, config]
-        ]));
-        const containerPortal = new ComponentPortal(container, config.viewContainerRef, injector);
-        const containerRef = overlay.attach(containerPortal);
-        containerRef.instance._config = config;
-        return containerRef.instance;
-    }
-    /**
-     * Attaches the user-provided component to the already-created MatDialogContainer.
-     * @param componentOrTemplateRef The type of component being loaded into the dialog,
-     *     or a TemplateRef to instantiate as the content.
-     * @param dialogContainer Reference to the wrapping MatDialogContainer.
-     * @param overlayRef Reference to the overlay in which the dialog resides.
-     * @param config The dialog configuration.
-     * @returns A promise resolving to the MatDialogRef that should be returned to the user.
-     */
-    _attachDialogContentForComponent(componentOrTemplateRef, dialogContainer, overlayRef, config, componentFactoryResolver) {
-        // Create a reference to the dialog we're creating in order to give the user a handle
-        // to modify and close it.
-        const dialogRef = new this.dialogRefConstructor(overlayRef, dialogContainer, config.id);
-        const injector = this._createInjector(config, dialogRef, dialogContainer);
-        const contentRef = dialogContainer.attachComponentPortal(new ComponentPortal(componentOrTemplateRef, undefined, injector, componentFactoryResolver));
-        dialogRef.componentInstance = contentRef.instance;
-        dialogRef.disableClose = config.disableClose;
-        dialogRef.updateSize({ width: config.width, height: config.height })
-            .updatePosition(config.position);
-        return dialogRef;
-    }
-    /**
-     * Attaches the user-provided component to the already-created MatDialogContainer.
-     * @param componentOrTemplateRef The type of component being loaded into the dialog,
-     *     or a TemplateRef to instantiate as the content.
-     * @param dialogContainer Reference to the wrapping MatDialogContainer.
-     * @param overlayRef Reference to the overlay in which the dialog resides.
-     * @param config The dialog configuration.
-     * @returns A promise resolving to the MatDialogRef that should be returned to the user.
-     */
-    _attachDialogContentForTemplate(componentOrTemplateRef, dialogContainer, overlayRef, config) {
-        // Create a reference to the dialog we're creating in order to give the user a handle
-        // to modify and close it.
-        const dialogRef = new this.dialogRefConstructor(overlayRef, dialogContainer, config.id);
-        dialogContainer.attachTemplatePortal(new TemplatePortal(componentOrTemplateRef, null, { $implicit: config.data, dialogRef }));
-        dialogRef.updateSize({ width: config.width, height: config.height })
-            .updatePosition(config.position);
-        return dialogRef;
-    }
-    /**
-     * 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.
-     * @param container Dialog container element that wraps all of the contents.
-     * @returns The custom injector that can be used inside the dialog.
-     */
-    _createInjector(config, dialogRef, dialogContainer) {
-        const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
-        const injectionTokens = new WeakMap([
-            [this.injector.get(MODAL_REF), dialogRef],
-            [this.injector.get(MODAL_CONTAINER), dialogContainer],
-            [MODAL_DATA, config.data]
-        ]);
-        if (config.direction &&
-            (!userInjector || !userInjector.get(Directionality, null))) {
-            injectionTokens.set(Directionality, {
-                value: config.direction,
-                change: of()
-            });
-        }
-        return new PortalInjector(userInjector || this.injector, injectionTokens);
-    }
-    /**
-     * Expands the provided configuration object to include the default values for properties which
-     * are undefined.
-     */
-    _applyConfigDefaults(config) {
-        const dialogConfig = this.injector.get(MODAL_CONFIG);
-        return Object.assign(Object.assign({}, new dialogConfig()), config);
-    }
-}
-Modal.decorators = [
-    { type: Injectable }
-];
-Modal.ctorParameters = () => [
-    { type: Overlay },
-    { type: Injector },
-    { type: Type, decorators: [{ type: Inject, args: [MODAL_REF,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [MODAL_SCROLL_STRATEGY,] }] },
-    { type: Modal, decorators: [{ type: Optional }, { type: SkipSelf }] },
-    { type: Location, decorators: [{ type: Optional }] },
-    { type: OverlayScrollbarsService },
-    { type: TheSeamDynamicComponentLoader }
-];
-
-class ModalCloseDirective {
-    constructor(_elementRef, _modal, _modalRef) {
-        this._elementRef = _elementRef;
-        this._modal = _modal;
-        this._modalRef = _modalRef;
-        this.type = 'button';
-        this.modalRef = _modalRef;
-    }
-    // @HostBinding('class.close') _closeCss = true
-    get _attrType() { return this.type; }
-    get _attrAriaLabel() { return this.ariaLabel || null; }
-    _onClick() {
-        if (this.modalRef) {
-            if (this.seamModalNext) {
-                this.modalRef.afterClosed().subscribe(() => {
-                    if (typeof this.seamModalNext === 'string') {
-                        this._modal.openFromLazyComponent(this.seamModalNext, this.seamModalNextConfig).subscribe();
-                    }
-                    else {
-                        this._modal.openFromComponent(this.seamModalNext, this.seamModalNextConfig);
-                    }
-                });
-            }
-            this.modalRef.close(this.seamModalClose);
-        }
-    }
-    ngOnInit() {
-        if (!this.modalRef) {
-            // When this directive is included in a dialog via TemplateRef (rather than being
-            // in a Component), the DialogRef isn't available via injection because embedded
-            // views cannot be given a custom injector. Instead, we look up the DialogRef by
-            // ID. This must occur in `onInit`, as the ID binding for the dialog container won't
-            // be resolved at constructor time.
-            this.modalRef = getClosestModal(this._elementRef, this._modal.openDialogs);
-        }
-    }
-}
-ModalCloseDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'button[seamModalClose]',
-                exportAs: 'seamModalClose'
-            },] }
-];
-ModalCloseDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Modal },
-    { type: ModalRef, decorators: [{ type: Optional }] }
-];
-ModalCloseDirective.propDecorators = {
-    _attrType: [{ type: HostBinding, args: ['attr.type',] }],
-    type: [{ type: Input }],
-    _attrAriaLabel: [{ type: HostBinding, args: ['attr.aria-label',] }],
-    ariaLabel: [{ type: Input, args: ['aria-label',] }],
-    seamModalClose: [{ type: Input }],
-    seamModalNext: [{ type: Input }],
-    seamModalNextConfig: [{ type: Input }],
-    _onClick: [{ type: HostListener, args: ['click',] }]
-};
-
-class ModalFooterTplDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-ModalFooterTplDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamModalFooterTpl]'
-            },] }
-];
-ModalFooterTplDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-class ModalHeaderIconTplDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-ModalHeaderIconTplDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamModalHeaderIconTpl]'
-            },] }
-];
-ModalHeaderIconTplDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-class ModalHeaderTitleTplDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-ModalHeaderTitleTplDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamModalHeaderTitleTpl]'
-            },] }
-];
-ModalHeaderTitleTplDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-class ModalTitleDirective {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-        this._modalTitleCss = true;
-    }
-}
-ModalTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamModalTitle]'
-            },] }
-];
-ModalTitleDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-ModalTitleDirective.propDecorators = {
-    _modalTitleCss: [{ type: HostBinding, args: ['class.modal-title',] }]
-};
-
-// TODO: Make this work for current modal usage.
-class ModalDirective {
-    constructor(template, modal) {
-        this.template = template;
-        this.modal = modal;
-    }
-    open() {
-        // console.log('[ModalDirective] open')
-        const ref = this.modal.openFromTemplate(this.template);
-        ref.backdropClick().subscribe(e => console.log('backdropClick', e));
-    }
-}
-ModalDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamModal]',
-                exportAs: 'seamModal'
-            },] }
-];
-ModalDirective.ctorParameters = () => [
-    { type: TemplateRef },
-    { type: Modal }
-];
-
-class ModalBodyComponent {
-    constructor() {
-        this._modalBodyCss = true;
-        this._paddingCss = true;
-    }
-    ngOnInit() {
-    }
-}
-ModalBodyComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-modal-body',
-                template: "<ng-content></ng-content>\n",
-                styles: [":host{display:block}\n"]
-            },] }
-];
-ModalBodyComponent.ctorParameters = () => [];
-ModalBodyComponent.propDecorators = {
-    _modalBodyCss: [{ type: HostBinding, args: ['class.modal-body',] }],
-    _paddingCss: [{ type: HostBinding, args: ['class.p-3',] }]
-};
-
-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 ModalContainerComponent extends BasePortalOutlet {
-    constructor(_elementRef, _focusTrapFactory, _changeDetectorRef, _document, 
-    /** The dialog configuration. */
-    _config) {
-        super();
-        this._elementRef = _elementRef;
-        this._focusTrapFactory = _focusTrapFactory;
-        this._changeDetectorRef = _changeDetectorRef;
-        this._document = _document;
-        this._config = _config;
-        // @HostBinding('attr.tabindex') get _tabindex() { return -1 }
-        this._seamModalContainer = true;
-        /** State of the dialog animation. */
-        this._state = 'enter';
-        /** Element that was focused before the dialog was opened. Save this to restore upon close. */
-        this._elementFocusedBeforeDialogWasOpened = null;
-        /** The class that traps and manages focus within the dialog. */
-        this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement, false);
-        // tslint:disable:no-host-decorator-in-concrete
-        this._modalDialog = true;
-        this._modalDialogCentered = true;
-        /** A subject emitting before the dialog enters the view. */
-        this._beforeEnter = new Subject();
-        /** A subject emitting after the dialog enters the view. */
-        this._afterEnter = new Subject();
-        /** A subject emitting before the dialog exits the view. */
-        this._beforeExit = new Subject();
-        /** A subject emitting after the dialog exits the view. */
-        this._afterExit = new Subject();
-        /** Stream of animation `done` events. */
-        this._animationDone = new Subject();
-        // We use a Subject with a distinctUntilChanged, rather than a callback attached to .done,
-        // because some browsers fire the done event twice and we don't want to emit duplicate events.
-        // See: https://github.com/angular/angular/issues/24084
-        this._animationDone.pipe(distinctUntilChanged((x, y) => {
-            return x.fromState === y.fromState && x.toState === y.toState;
-        })).subscribe(event => {
-            // Emit lifecycle events based on animation `done` callback.
-            if (event.toState === 'enter') {
-                this._autoFocusFirstTabbableElement();
-                this._afterEnter.next();
-                this._afterEnter.complete();
-            }
-            if (event.fromState === 'enter' && (event.toState === 'void' || event.toState === 'exit')) {
-                this._returnFocusAfterDialog();
-                this._afterExit.next();
-                this._afterExit.complete();
-            }
-        });
-    }
-    get _idAttr() { return this._id; }
-    // @HostBinding is used in the class as it is expected to be extended.  Since @Component decorator
-    // metadata is not inherited by child classes, instead the host binding data is defined in a way
-    // that can be inherited.
-    // tslint:disable:no-host-decorator-in-concrete
-    get _ariaLabel() { return this._config.ariaLabel || null; }
-    get _ariaDescribedBy() { return this._config.ariaDescribedBy; }
-    get _role() { return this._config.role; }
-    get _modalDialogSm() { return this._config.modalSize === 'sm'; }
-    get _modalDialogLg() { return this._config.modalSize === 'lg'; }
-    get _modalDialogXl() { return this._config.modalSize === 'xl'; }
-    // NOTE: For current bootstrap style modal
-    _onClick(event) {
-        event.stopPropagation();
-    }
-    /** Destroy focus trap to place focus back to the element focused before the dialog opened. */
-    ngOnDestroy() {
-        this._focusTrap.destroy();
-        this._animationDone.complete();
-    }
-    /**
-     * Attach a ComponentPortal as content to this dialog container.
-     * @param portal Portal to be attached as the dialog content.
-     */
-    attachComponentPortal(portal) {
-        if (!this._portalHost) {
-            throw Error(`_portalHost not found.`);
-        }
-        if (this._portalHost.hasAttached()) {
-            throwDialogContentAlreadyAttachedError();
-        }
-        this._savePreviouslyFocusedElement();
-        return this._portalHost.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._portalHost) {
-            throw Error(`_portalHost not found.`);
-        }
-        if (this._portalHost.hasAttached()) {
-            throwDialogContentAlreadyAttachedError();
-        }
-        this._savePreviouslyFocusedElement();
-        return this._portalHost.attachTemplatePortal(portal);
-    }
-    /** Emit lifecycle events based on animation `start` callback. */
-    _onAnimationStart(event) {
-        if (event.toState === 'enter') {
-            this._beforeEnter.next();
-            this._beforeEnter.complete();
-        }
-        if (event.fromState === 'enter' && (event.toState === 'void' || event.toState === 'exit')) {
-            this._beforeExit.next();
-            this._beforeExit.complete();
-        }
-    }
-    /** Starts the dialog exit animation. */
-    _startExiting() {
-        this._state = 'exit';
-        // Mark the container for check so it can react if the
-        // view container is using OnPush change detection.
-        this._changeDetectorRef.markForCheck();
-    }
-    /** Saves a reference to the element that was focused before the dialog was opened. */
-    _savePreviouslyFocusedElement() {
-        if (this._document) {
-            this._elementFocusedBeforeDialogWasOpened = this._document.activeElement;
-            // Move focus onto the dialog immediately in order to prevent the user from accidentally
-            // opening multiple dialogs at the same time. Needs to be async, because the element
-            // may not be focusable immediately.
-            Promise.resolve().then(() => this._elementRef.nativeElement.focus());
-        }
-    }
-    /**
-     * Autofocus the first tabbable element inside of the dialog, if there is not a tabbable element,
-     * focus the dialog instead.
-     */
-    _autoFocusFirstTabbableElement() {
-        // 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.
-        if (this._config.autoFocus) {
-            this._focusTrap.focusInitialElementWhenReady().then(hasMovedFocus => {
-                // If we didn't find any focusable elements inside the dialog, focus the
-                // container so the user can't tab into other elements behind it.
-                if (!hasMovedFocus) {
-                    this._elementRef.nativeElement.focus();
-                }
-            });
-        }
-    }
-    /** Returns the focus to the element focused before the dialog was open. */
-    _returnFocusAfterDialog() {
-        const toFocus = this._elementFocusedBeforeDialogWasOpened;
-        // We need the extra check, because IE can set the `activeElement` to null in some cases.
-        if (toFocus && typeof toFocus.focus === 'function') {
-            toFocus.focus();
-        }
-    }
-    getNativeElement() {
-        return this._elementRef.nativeElement;
-    }
-}
-ModalContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-modal-container',
-                template: "<div class=\"modal-content\" [tabindex]=\"-1\">\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n",
-                animations: [
-                    trigger('dialog', [
-                        state('enter', style({ opacity: 1 })),
-                        state('exit, void', style({ opacity: 0 })),
-                        transition('* => enter', animate('{{enterAnimationDuration}}')),
-                        transition('* => exit, * => void', animate('{{exitAnimationDuration}}')),
-                    ])
-                ],
-                // tslint:disable:use-host-property-decorator
-                host: {
-                    '[@dialog]': `{
-      value: _state,
-      params: {
-        enterAnimationDuration: _config.enterAnimationDuration,
-        exitAnimationDuration: _config.exitAnimationDuration
-      }
-    }`,
-                    '(@dialog.start)': '_onAnimationStart($event)',
-                    '(@dialog.done)': '_animationDone.next($event)',
-                },
-                styles: [":host[tabindex=\"-1\"]:focus:not(:focus-visible){outline:0!important}\n"]
-            },] }
-];
-ModalContainerComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusTrapFactory },
-    { type: ChangeDetectorRef },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] },
-    { type: ModalConfig }
-];
-ModalContainerComponent.propDecorators = {
-    _idAttr: [{ type: HostBinding, args: ['attr.id',] }],
-    _ariaLabel: [{ type: HostBinding, args: ['attr.aria-label',] }],
-    _ariaDescribedBy: [{ type: HostBinding, args: ['attr.aria-describedby',] }],
-    _role: [{ type: HostBinding, args: ['attr.role',] }],
-    _seamModalContainer: [{ type: HostBinding, args: ['class.seam-modal-container',] }],
-    _modalDialog: [{ type: HostBinding, args: ['class.modal-dialog',] }],
-    _modalDialogCentered: [{ type: HostBinding, args: ['class.modal-dialog-centered',] }],
-    _modalDialogSm: [{ type: HostBinding, args: ['class.modal-sm',] }],
-    _modalDialogLg: [{ type: HostBinding, args: ['class.modal-lg',] }],
-    _modalDialogXl: [{ type: HostBinding, args: ['class.modal-xl',] }],
-    _portalHost: [{ type: ViewChild, args: [CdkPortalOutlet /*, { static: true }*/, { static: true },] }],
-    _onClick: [{ type: HostListener, args: ['click', ['$event'],] }]
-};
-
-class ModalFooterComponent {
-    constructor() {
-        this._modalFooterCss = true;
-    }
-    ngOnInit() {
-    }
-}
-ModalFooterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-modal-footer',
-                template: "<ng-content></ng-content>\n",
-                styles: [""]
-            },] }
-];
-ModalFooterComponent.ctorParameters = () => [];
-ModalFooterComponent.propDecorators = {
-    _modalFooterCss: [{ type: HostBinding, args: ['class.modal-footer',] }]
-};
-
-class ModalHeaderComponent {
-    constructor() {
-        this._modalHeaderCss = true;
-        this.hasCloseBtn = true;
-    }
-    ngOnInit() {
-    }
-}
-ModalHeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-modal-header',
-                template: "<ng-content></ng-content>\n\n<!-- <button seamModalClose>\n  <span aria-hidden=\"true\">&times;</span>\n</button> -->\n\n<!-- seam-modal-header-close -->\n",
-                styles: [""]
-            },] }
-];
-ModalHeaderComponent.ctorParameters = () => [];
-ModalHeaderComponent.propDecorators = {
-    _modalHeaderCss: [{ type: HostBinding, args: ['class.modal-header',] }],
-    hasCloseBtn: [{ type: Input }],
-    _titleDirective: [{ type: ContentChild, args: [ModalTitleDirective, { static: true },] }],
-    _closeDirective: [{ type: ContentChild, args: [ModalCloseDirective, { static: true },] }]
-};
-
-const THESEAM_MODAL_CONTAINER = new InjectionToken('seamModalContainer');
-
-const LIB_MODAL = {
-    provide: THESEAM_MODAL_CONTAINER,
-    // tslint:disable-next-line:no-use-before-declare
-    useExisting: forwardRef(() => ModalComponent),
-    multi: true,
-};
-class ModalComponent {
-    constructor(_viewContainerRef, _overlay, _route) {
-        this._viewContainerRef = _viewContainerRef;
-        this._overlay = _overlay;
-        this._route = _route;
-        this._closeOnKeyPressed = [ESCAPE];
-        this.showCloseBtn = true;
-        this.modalClosed = new EventEmitter();
-        this.overlayDetached = new EventEmitter();
-        /** Emit the `(ngSubmit)` event. NOTE: Only if `form` is defined. */
-        this.formSubmit = new EventEmitter();
-        if (isDevMode()) {
-            // tslint:disable-next-line:max-line-length
-            console.warn('seamModal has some issues with its design. Use the Modal service for now, because seamModal will have breaking changes or be removed soon.');
-        }
-    }
-    set closeOnKeyPressed(value) { this._closeOnKeyPressed = Array.isArray(value) ? value : []; }
-    get closeOnKeyPressed() { return this._closeOnKeyPressed; }
-    get icon() { return this._iconUrl || this._iconObj; }
-    set icon(value) {
-        if (typeof value === 'string') {
-            this._iconUrl = value;
-            this._iconObj = undefined;
-        }
-        else {
-            this._iconUrl = undefined;
-            this._iconObj = value;
-        }
-    }
-    get iconTpl() {
-        return this._iconTpl || (this._queryIconTpl && this._queryIconTpl.template);
-    }
-    set iconTpl(value) {
-        this._iconTpl = value;
-    }
-    get titleTpl() {
-        return this._titleTpl || (this._queryTitleTpl && this._queryTitleTpl.template);
-    }
-    set titleTpl(value) {
-        this._titleTpl = value;
-    }
-    get footerTpl() {
-        return this._footerTpl || (this._queryFooterTpl && this._queryFooterTpl.template);
-    }
-    set footerTpl(value) {
-        this._footerTpl = value;
-    }
-    ngOnInit() { }
-    ngOnDestroy() {
-        this.close();
-    }
-    ngAfterViewInit() {
-        if (this.isRouteModal()) {
-            this.open();
-        }
-    }
-    open(portal) {
-        if (this._overlayRef && this._overlayRef.hasAttached()) {
-            return;
-        }
-        const positionStrategy = this._overlay.position()
-            .global()
-            .centerHorizontally()
-            .centerVertically();
-        this._overlayRef = this._overlay.create({
-            hasBackdrop: true,
-            positionStrategy: positionStrategy
-        });
-        this._overlayRef.detachments().subscribe(_ => this.overlayDetached.emit());
-        this._overlayRef.backdropClick().subscribe(_ => this.close());
-        this._overlayRef.keydownEvents()
-            // tslint:disable-next-line:deprecation
-            .pipe(filter(e => e.keyCode === ESCAPE))
-            .subscribe(_ => this.close());
-        let portalToAttach = portal;
-        if (!portalToAttach) {
-            if (!this._modalTpl) {
-                throw new Error(`_modalTpl not found.`);
-            }
-            portalToAttach = new TemplatePortal(this._modalTpl, this._viewContainerRef);
-        }
-        this._overlayRef.attach(portalToAttach);
-    }
-    close() {
-        if (!this._overlayRef || !this._overlayRef.hasAttached()) {
-            return;
-        }
-        this._overlayRef.detach();
-        this.modalClosed.emit();
-    }
-    _onSubmit() {
-        this.formSubmit.emit();
-    }
-    isRouteModal() {
-        return this._route.outlet === 'modal';
-    }
-}
-ModalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-modal',
-                template: "<ng-template #modalTpl>\n  <form *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"_onSubmit()\" class=\"p-4\" style=\"max-width: 800px\">\n    <ng-container *ngTemplateOutlet=\"modalContent\"></ng-container>\n  </form>\n\n  <div *ngIf=\"!form\" class=\"p-4\" style=\"max-width: 800px\">\n    <ng-container *ngTemplateOutlet=\"modalContent\"></ng-container>\n  </div>\n\n  <ng-template #modalContent>\n    <div class=\"modal-content\">\n      <div class=\"modal-header py-2\">\n        <h4 class=\"modal-title\">\n          <span class=\"pr-2 modal-header-icon\">\n            <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n              <ng-template\n                [ngTemplateOutlet]=\"iconTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon }\">\n              </ng-template>\n            </ng-container>\n            <ng-template #noIconTpl>\n              <fa-icon *ngIf=\"_iconObj\"\n                class=\"modal-header-icon--fa\"\n                [icon]=\"_iconObj\"\n                size=\"sm\"></fa-icon>\n              <img *ngIf=\"_iconUrl\"\n                class=\"modal-header-icon--img\"\n                [src]=\"_iconUrl\" [alt]=\"titleText\">\n            </ng-template>\n          </span>\n\n          <span class=\"modal-header-title\">\n            <ng-container *ngIf=\"titleTpl; else noTitleTpl\">\n              <ng-template\n                [ngTemplateOutlet]=\"titleTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: titleText, title: titleText }\">\n              </ng-template>\n            </ng-container>\n            <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n          </span>\n        </h4>\n        <button *ngIf=\"showCloseBtn\"\n          type=\"button\"\n          class=\"close\"\n          (click)=\"close()\"\n          aria-label=\"Close\">\n          <span aria-hidden=\"true\">&times;</span>\n        </button>\n      </div>\n      <div class=\"modal-body\">\n        <ng-content></ng-content>\n      </div>\n      <div *ngIf=\"_queryFooterTpl\" class=\"modal-footer p-2\">\n        <ng-container *ngComponentOutlet=\"$any(_queryFooterTpl.template)\"></ng-container>\n      </div>\n    </div>\n  </ng-template>\n</ng-template>\n",
-                providers: [LIB_MODAL],
-                styles: [""]
-            },] }
-];
-ModalComponent.ctorParameters = () => [
-    { type: ViewContainerRef },
-    { type: Overlay },
-    { type: ActivatedRoute }
-];
-ModalComponent.propDecorators = {
-    closeOnKeyPressed: [{ type: Input }],
-    showCloseBtn: [{ type: Input }],
-    titleText: [{ type: Input }],
-    icon: [{ type: Input }],
-    iconTpl: [{ type: Input }],
-    titleTpl: [{ type: Input }],
-    footerTpl: [{ type: Input }],
-    modalClosed: [{ type: Output }],
-    overlayDetached: [{ type: Output }],
-    _queryIconTpl: [{ type: ContentChild, args: [ModalHeaderIconTplDirective, { static: true },] }],
-    _queryTitleTpl: [{ type: ContentChild, args: [ModalHeaderTitleTplDirective, { static: true },] }],
-    _queryFooterTpl: [{ type: ContentChild, args: [ModalFooterTplDirective, { static: true },] }],
-    _modalTpl: [{ type: ViewChild, args: ['modalTpl', { static: true },] }],
-    form: [{ type: Input }],
-    formSubmit: [{ type: Output }]
-};
-__decorate([
-    InputBoolean()
-], ModalComponent.prototype, "showCloseBtn", void 0);
-
-class RouteModalComponent {
-    // @ViewChild(ModalComponent, { static: true }) _modal: ModalComponent
-    constructor(_route, _router, _modal) {
-        this._route = _route;
-        this._router = _router;
-        this._modal = _modal;
-        this._ngUnsubscribe = new Subject();
-    }
-    ngOnInit() {
-        this._route.data
-            .pipe(takeUntil(this._ngUnsubscribe))
-            .subscribe(data => {
-            // console.log('data', data)
-            if (data.routeComponent) {
-                // console.log(this._route.snapshot)
-                const modalRef = this._modal.openFromComponent(data.routeComponent, {
-                    modalSize: 'lg',
-                    data
-                });
-                modalRef.afterClosed().subscribe(() => {
-                    const parent = this.getOutletParent();
-                    this._router.navigate([{ outlets: { modal: null, primary: ['.'] } }], 
-                    // { relativeTo: this._route.parent }
-                    { relativeTo: parent });
-                });
-            }
-        });
-    }
-    ngOnDestroy() {
-        this._ngUnsubscribe.next();
-        this._ngUnsubscribe.complete();
-    }
-    ngAfterViewInit() { }
-    getOutletParent() {
-        let route = this._route;
-        while (route && route.outlet !== 'modal') {
-            route = route.parent;
-        }
-        return route ? route.parent : route;
-    }
-    _onDetached() {
-        if (this.isRouteModal()) {
-            this._router.navigate([{ outlets: { modal: null, primary: ['.'] } }], { relativeTo: this._route.parent });
-        }
-    }
-    isRouteModal() {
-        return this._route.outlet === 'modal';
-    }
-}
-RouteModalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-route-modal',
-                template: "<!-- <seam-modal (overlayDetached)=\"_onDetached()\">\n  <router-outlet></router-outlet>\n</seam-modal> -->\n",
-                styles: [""]
-            },] }
-];
-RouteModalComponent.ctorParameters = () => [
-    { type: ActivatedRoute },
-    { type: Router },
-    { type: Modal }
-];
-
-const ɵ0 = ModalRef, ɵ1 = ModalContainerComponent, ɵ2 = ModalConfig;
-class TheSeamModalModule {
-}
-TheSeamModalModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    ModalComponent,
-                    ModalFooterTplDirective,
-                    ModalHeaderIconTplDirective,
-                    ModalHeaderTitleTplDirective,
-                    RouteModalComponent,
-                    ModalDirective,
-                    ModalContainerComponent,
-                    ModalHeaderComponent,
-                    ModalTitleDirective,
-                    ModalBodyComponent,
-                    ModalFooterComponent,
-                    ModalCloseDirective
-                ],
-                imports: [
-                    CommonModule,
-                    OverlayModule,
-                    FontAwesomeModule,
-                    RouterModule,
-                    ReactiveFormsModule,
-                    PortalModule,
-                    A11yModule,
-                ],
-                exports: [
-                    ModalComponent,
-                    ModalFooterTplDirective,
-                    ModalHeaderIconTplDirective,
-                    ModalHeaderTitleTplDirective,
-                    RouteModalComponent,
-                    ModalDirective,
-                    // 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,
-                    ModalHeaderComponent,
-                    ModalTitleDirective,
-                    ModalBodyComponent,
-                    ModalFooterComponent,
-                    ModalCloseDirective
-                ],
-                providers: [
-                    Modal,
-                    THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER,
-                    { provide: MODAL_REF, useValue: ɵ0 },
-                    { provide: MODAL_CONTAINER, useValue: ɵ1 },
-                    { provide: MODAL_CONFIG, useValue: ɵ2 },
-                ],
-                entryComponents: [
-                    RouteModalComponent,
-                    ModalContainerComponent
-                ],
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { LIB_MODAL, LIB_MODAL_CONFIG, MODAL_CONFIG, MODAL_CONTAINER, MODAL_DATA, MODAL_REF, MODAL_SCROLL_STRATEGY, Modal, ModalBodyComponent, ModalCloseDirective, ModalComponent, ModalConfig, ModalContainerComponent, ModalDirective, ModalFooterComponent, ModalFooterTplDirective, ModalHeaderComponent, ModalHeaderIconTplDirective, ModalHeaderTitleTplDirective, ModalRef, ModalTitleDirective, RouteModalComponent, THESEAM_MODAL_CONTAINER, THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER, THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER_FACTORY, TheSeamModalModule, getClosestModal, mergeModalConfigs, throwDialogContentAlreadyAttachedError };
-//# sourceMappingURL=theseam-ui-common-modal.js.map