@theseam/ui-common 0.2.9

package/fesm2015/theseam-ui-common-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-menu.js","sources":["../../../projects/ui-common/menu/menu-animations.ts","../../../projects/ui-common/menu/menu-divider.component.ts","../../../projects/ui-common/menu/menu-panel-token.ts","../../../projects/ui-common/menu/menu-item.component.ts","../../../projects/ui-common/menu/menu-toggle.directive.ts","../../../projects/ui-common/menu/menu.component.ts","../../../projects/ui-common/menu/menu-footer-action/menu-footer-action.component.ts","../../../projects/ui-common/menu/menu-footer/menu-footer.component.ts","../../../projects/ui-common/menu/menu-header/menu-header.component.ts","../../../projects/ui-common/menu/menu.module.ts","../../../projects/ui-common/menu/theseam-ui-common-menu.ts"],"sourcesContent":["import { animate, animation, group, query, style, useAnimation } from '@angular/animations'\n\nexport const menuDropdownPanelSlideIn = animation([\n  style({\n    opacity: 0,\n    transform: 'translateY(-70%)'\n  }),\n  group([\n    animate('170ms linear', style({ opacity: 1 })),\n    animate('220ms ease', style({ transform: 'translateY(0)' })),\n  ])\n])\n\nexport const menuDropdownPanelSlideOut = animation([\n  style({\n    opacity: 1,\n    transform: 'translateY(0)'\n  }),\n  group([\n    animate('170ms linear', style({ opacity: 0 })),\n    animate('220ms ease', style({ transform: 'translateY(-70%)' })),\n  ])\n])\n\nexport const menuDropdownPanelExpandIn = animation([\n  style({\n    opacity: 0,\n    transform: 'scale(0.8)'\n  }),\n  group([\n    animate('100ms linear', style({ opacity: 1 })),\n    animate('120ms ease', style({ transform: 'scale(1)' })),\n  ])\n])\n\nexport const menuDropdownPanelExpandOut = animation([\n  style({\n    opacity: 1,\n    transform: 'scale(1)'\n  }),\n  group([\n    animate('100ms linear', style({ opacity: 0 })),\n    animate('120ms ease', style({ transform: 'scale(0.8)' })),\n  ])\n])\n\nexport const menuDropdownPanelFadeIn = animation([\n  style({ transform: 'translateY(-30px)', opacity: '0' }),\n  animate('250ms', style({ transform: 'translateY(0)', opacity: '1' }))\n])\n\nexport const menuDropdownPanelFadeOut = animation([\n  style({ transform: 'translateY(0)', opacity: '1' }),\n  animate('250ms', style({ transform: 'translateY(-30px)', opacity: '0' }))\n])\n\nexport const menuDropdownPanelIn = animation([\n  query('.seam-menu-container.seam-menu-anim--slide .dropdown-menu', useAnimation(menuDropdownPanelSlideIn), { optional: true }),\n  query('.seam-menu-container.seam-menu-anim--fade .dropdown-menu', useAnimation(menuDropdownPanelFadeIn), { optional: true })\n])\n\nexport const menuDropdownPanelOut = animation([\n  query('.seam-menu-container.seam-menu-anim--slide .dropdown-menu', useAnimation(menuDropdownPanelSlideOut), { optional: true }),\n  query('.seam-menu-container.seam-menu-anim--fade .dropdown-menu', useAnimation(menuDropdownPanelFadeOut), { optional: true })\n])\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n  selector: 'seam-menu-divider',\n  template: ``,\n  styles: [],\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    'class': 'dropdown-divider d-block'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MenuDividerComponent { }\n","import { InjectionToken } from '@angular/core'\n\nimport { ITheSeamMenuPanel } from './menu-panel'\n\n/**\n * Injection token used to provide the parent menu to menu-specific components.\n */\nexport const THESEAM_MENU_PANEL = new InjectionToken<ITheSeamMenuPanel>('THESEAM_MENU_PANEL')\n","import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y'\nimport { DOCUMENT } from '@angular/common'\nimport { ChangeDetectionStrategy, Component, ElementRef, HostListener, Inject, Input, OnDestroy, OnInit, Optional } from '@angular/core'\nimport { Subject } from 'rxjs'\n\nimport { CanDisableCtor, mixinDisabled } from '@theseam/ui-common/core'\nimport { SeamIcon } from '@theseam/ui-common/icon'\n\nimport type { ITheSeamMenuPanel } from './menu-panel'\nimport { THESEAM_MENU_PANEL } from './menu-panel-token'\n\nclass TheSeamMenuItemBase {}\n\nconst _seamMenuItemMixinBase: CanDisableCtor & typeof TheSeamMenuItemBase =\n    mixinDisabled(TheSeamMenuItemBase)\n\n@Component({\n  // tslint:disable-next-line:component-selector\n  selector: '[seamMenuItem]',\n  templateUrl: './menu-item.component.html',\n  styleUrls: ['./menu-item.component.scss'],\n  exportAs: 'seamMenuItem',\n  // tslint:disable-next-line:use-input-property-decorator\n  inputs: [ 'disabled' ],\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    '[attr.role]': 'role',\n    'class': 'dropdown-item',\n    '[attr.tabindex]': '_getTabIndex()',\n    '[attr.aria-disabled]': 'disabled.toString()',\n    '[attr.disabled]': 'disabled || null',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MenuItemComponent extends _seamMenuItemMixinBase implements OnInit, OnDestroy, FocusableOption {\n\n  /** ARIA role for the menu item. */\n  @Input() role: 'menuitem' | 'menuitemradio' | 'menuitemcheckbox' | undefined | null = 'menuitem'\n\n  @Input() icon: SeamIcon | string | undefined | null\n  @Input() iconClass: string | undefined | null\n\n  @Input() badgeText: string | undefined | null\n  @Input() badgeTheme: string | undefined | null = 'danger'\n\n  /** Stream that emits when the menu item is hovered. */\n  readonly _hovered: Subject<MenuItemComponent> = new Subject<MenuItemComponent>()\n\n  /** Whether the menu item is highlighted. */\n  _highlighted = false\n\n  constructor(\n    private _elementRef: ElementRef<HTMLElement>,\n    @Inject(DOCUMENT) public document: any,\n    private _focusMonitor: FocusMonitor,\n    @Inject(THESEAM_MENU_PANEL) @Optional() private _parentMenu?: ITheSeamMenuPanel<MenuItemComponent>\n  ) {\n    super()\n\n    if (_focusMonitor) {\n      // Start monitoring the element so it gets the appropriate focused classes. We want\n      // to show the focus style for menu items only when the focus was not caused by a\n      // mouse or touch interaction.\n      _focusMonitor.monitor(this._elementRef, false)\n    }\n\n    // console.log(this._parentMenu)\n    if (_parentMenu && _parentMenu.addItem) {\n      _parentMenu.addItem(this)\n    }\n  }\n\n  ngOnInit() { }\n\n  ngOnDestroy() {\n    if (this._focusMonitor) {\n      this._focusMonitor.stopMonitoring(this._elementRef)\n    }\n\n    if (this._parentMenu && this._parentMenu.removeItem) {\n      this._parentMenu.removeItem(this)\n    }\n\n    this._hovered.complete()\n  }\n\n  /** Focuses the menu item. */\n  focus(origin: FocusOrigin = 'program'): void {\n    if (this._focusMonitor) {\n      this._focusMonitor.focusVia(this._getHostElement(), origin)\n    } else {\n      this._getHostElement().focus()\n    }\n  }\n\n  /** Used to set the `tabindex`. */\n  _getTabIndex(): string {\n    return this.disabled ? '-1' : '0'\n  }\n\n  /** Returns the host DOM element. */\n  _getHostElement(): HTMLElement {\n    return this._elementRef.nativeElement\n  }\n\n  /** Prevents the default element actions if it is disabled. */\n  @HostListener('click', ['$event'])\n  _checkDisabled(event: Event): void {\n    if (this.disabled) {\n      event.preventDefault()\n      event.stopPropagation()\n    }\n  }\n\n  /** Emits to the hover stream. */\n  @HostListener('mouseenter')\n  _handleMouseEnter() {\n    this._hovered.next(this)\n  }\n\n  /** Gets the label to be used when determining whether the option should be focused. */\n  getLabel(): string {\n    const element: HTMLElement = this._elementRef.nativeElement\n    const textNodeType = this.document ? this.document.TEXT_NODE : 3\n    let output = ''\n\n    if (element.childNodes) {\n      const length = element.childNodes.length\n\n      // Go through all the top-level text nodes and extract their text.\n      // We skip anything that's not a text node to prevent the text from\n      // being thrown off by something like an icon.\n      for (let i = 0; i < length; i++) {\n        if (element.childNodes[i].nodeType === textNodeType) {\n          output += element.childNodes[i].textContent\n        }\n      }\n    }\n\n    return output.trim()\n  }\n\n}\n","import { FocusMonitor, FocusOrigin, isFakeMousedownFromScreenReader } from '@angular/cdk/a11y'\nimport { DOWN_ARROW, ESCAPE, UP_ARROW } from '@angular/cdk/keycodes'\nimport { ConnectionPositionPair, Overlay, OverlayRef, PositionStrategy } from '@angular/cdk/overlay'\nimport { normalizePassiveListenerOptions } from '@angular/cdk/platform'\nimport { TemplatePortal } from '@angular/cdk/portal'\nimport { Directive, ElementRef, HostListener, Inject, Input, OnDestroy, Optional, ViewContainerRef } from '@angular/core'\nimport { merge, of, Subscription } from 'rxjs'\n\nimport { MenuItemComponent } from './menu-item.component'\nimport { ITheSeamMenuPanel } from './menu-panel'\nimport { THESEAM_MENU_PANEL } from './menu-panel-token'\nimport { MenuComponent } from './menu.component'\n\n/** Options for binding a passive event listener. */\nconst passiveEventListenerOptions = normalizePassiveListenerOptions({passive: true})\n\n@Directive({\n  selector: '[seamMenuToggle]',\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    'aria-haspopup': 'true',\n    '[attr.aria-expanded]': 'menuOpen() || null'\n  },\n  exportAs: 'seamMenuToggle'\n})\nexport class MenuToggleDirective implements OnDestroy {\n\n  private _active = false\n  private _overlayRef?: OverlayRef\n  private _menuClosedSubscription = Subscription.EMPTY\n  private _closingActionsSubscription = Subscription.EMPTY\n\n  public restoreFocus = true\n\n  // Tracking input type is necessary so it's possible to only auto-focus\n  // the first item of the list when the menu is opened via the keyboard\n  _openedBy: 'mouse' | 'touch' | null = null\n\n  @Input() seamMenuToggle: MenuComponent | undefined | null\n\n  @Input()\n  set positions(val: ConnectionPositionPair[]) {\n    this._positions = val\n    if (this.menuOpen()) {\n      this._overlayRef?.updatePositionStrategy(this.getOverlayPosition(this._elementRef.nativeElement))\n    }\n  }\n  get positions() { return this._positions }\n  private _positions: ConnectionPositionPair[] = [\n    {\n      originX: 'end',\n      originY: 'bottom',\n      overlayX: 'end',\n      overlayY: 'top',\n    },\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'top',\n    },\n    {\n      originX: 'end',\n      originY: 'top',\n      overlayX: 'end',\n      overlayY: 'bottom',\n    },\n    {\n      originX: 'start',\n      originY: 'top',\n      overlayX: 'start',\n      overlayY: 'bottom',\n    },\n  ]\n\n  @HostListener('mousedown', [ '$event' ])\n  _onMouseDown(event: MouseEvent) {\n    if (!isFakeMousedownFromScreenReader(event)) {\n      // Since right or middle button clicks won't trigger the `click` event,\n      // we shouldn't consider the menu as opened by mouse in those cases.\n      this._openedBy = event.button === 0 ? 'mouse' : null\n\n      // Since clicking on the trigger won't close the menu if it opens a sub-menu,\n      // we should prevent focus from moving onto it via click to avoid the\n      // highlight from lingering on the menu item.\n      // if (this.triggersSubmenu()) {\n      //   event.preventDefault();\n      // }\n    }\n  }\n\n  @HostListener('keydown', [ '$event' ])\n  _onKeydown(event: any) {\n    this._openedBy = null\n\n    // tslint:disable-next-line:deprecation\n    const keyCode = event.keyCode\n\n    if (keyCode === UP_ARROW || keyCode === DOWN_ARROW) {\n      if (this.menuOpen()) {\n        this.seamMenuToggle?.focusFirstItem(this._openedBy || 'program')\n      }\n    }\n  }\n\n  @HostListener('click', [ '$event' ])\n  _onClick(event: any) {\n    this.toggle()\n  }\n\n  @HostListener('document:keydown', [ '$event' ])\n  _onDocumentKeydown(event: any) {\n    if (event.keyCode === ESCAPE) {\n      this.closeMenu()\n    }\n  }\n\n  // @HostListener('document:mousedown', [ '$event' ])\n  // _onDocumentMouseDown(event: any) {\n  //   console.log('outside click')\n  // }\n\n  constructor(\n    private _elementRef: ElementRef<HTMLElement>,\n    private _viewContainerRef: ViewContainerRef,\n    private _overlay: Overlay,\n    private _focusMonitor: FocusMonitor,\n    // @Inject(THESEAM_MENU_PANEL) @Optional() private _parentMenu?: ITheSeamMenuPanel<MenuItemComponent>\n  ) {\n    this._elementRef.nativeElement.addEventListener('touchstart', this._handleTouchStart,\n        passiveEventListenerOptions)\n  }\n\n  ngOnDestroy() {\n    this.closeMenu()\n\n    this._elementRef.nativeElement.removeEventListener('touchstart', this._handleTouchStart,\n        passiveEventListenerOptions)\n\n    this._menuClosedSubscription.unsubscribe()\n    this._closingActionsSubscription.unsubscribe()\n  }\n\n  /**\n   * Handles touch start events on the trigger.\n   * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.\n   */\n  private _handleTouchStart = () => this._openedBy = 'touch'\n\n  public toggle(): void {\n    if (this._active) {\n      this.closeMenu()\n    } else {\n      this.openMenu()\n    }\n  }\n\n  public openMenu(): void {\n    if (this._active || !this.seamMenuToggle) { return }\n    this._active = true\n\n    this._overlayRef = this._overlay.create({\n      hasBackdrop: true,\n      backdropClass: 'transparent',\n      positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),\n    })\n\n    const tpl = this.seamMenuToggle.templateRef\n    if (!tpl) {\n      throw Error(`Menu template not found.`)\n    }\n\n    this._overlayRef.attach(new TemplatePortal(tpl, this._viewContainerRef))\n\n    this._closingActionsSubscription = this._menuClosingActions().subscribe(() => this.closeMenu())\n    this._initMenu()\n\n    this._menuClosedSubscription = this.seamMenuToggle.closed.subscribe(v => {\n      // console.log('closed', v)\n      this.closeMenu()\n    })\n\n    // this._overlayRef.backdropClick().subscribe(v => {\n    //   console.log('backdropClick', v)\n    // })\n  }\n\n  public closeMenu(): void {\n    if (!this._active) { return }\n\n    if (this._overlayRef?.hasAttached()) {\n      this._overlayRef?.detach()\n    }\n\n    this._resetMenu()\n\n    this._menuClosedSubscription.unsubscribe()\n    this._closingActionsSubscription.unsubscribe()\n\n    this._active = false\n  }\n\n  public menuOpen(): boolean {\n    return (this._overlayRef && this._overlayRef.hasAttached()) ?? false\n  }\n\n  private getOverlayPosition(origin: HTMLElement): PositionStrategy {\n    const positionStrategy = this._overlay.position()\n      .flexibleConnectedTo(origin)\n      .withPositions(this.positions)\n      .withFlexibleDimensions(false)\n      .withPush(true)\n\n    return positionStrategy\n  }\n\n  /**\n   * Focuses the menu trigger.\n   * @param origin Source of the menu trigger's focus.\n   */\n  focus(origin: FocusOrigin = 'program') {\n    if (this._focusMonitor) {\n      this._focusMonitor.focusVia(this._elementRef, origin)\n    } else {\n      this._elementRef.nativeElement.focus()\n    }\n  }\n\n  /**\n   * This method sets the menu state to open and focuses the first item if\n   * the menu was opened via the keyboard.\n   */\n  private _initMenu(): void {\n    // this.seamMenuToggle.parentMenu = this.triggersSubmenu() ? this._parentMenu : undefined\n    // this.seamMenuToggle.direction = this.dir\n    // this._setMenuElevation()\n    // this._setIsMenuOpen(true)\n    // this.seamMenuToggle.focusFirstItem(this._openedBy || 'program')\n  }\n\n  /**\n   * This method resets the menu when it's closed, most importantly restoring\n   * focus to the menu trigger if the menu was opened via the keyboard.\n   */\n  private _resetMenu(): void {\n    // this._setIsMenuOpen(false)\n\n    // We should reset focus if the user is navigating using a keyboard or\n    // if we have a top-level trigger which might cause focus to be lost\n    // when clicking on the backdrop.\n    if (this.restoreFocus) {\n      if (!this._openedBy) {\n        // Note that the focus style will show up both for `program` and\n        // `keyboard` so we don't have to specify which one it is.\n        this.focus()\n      }\n      // else if (!this.triggersSubmenu()) {\n      //   this.focus(this._openedBy)\n      // }\n    }\n\n    this._openedBy = null\n  }\n\n  /** Returns a stream that emits whenever an action that should close the menu occurs. */\n  private _menuClosingActions() {\n    const backdrop = this._overlayRef?.backdropClick() ?? of()\n    const detachments = this._overlayRef?.detachments() ?? of()\n    // const parentClose = this._parentMenu ? this._parentMenu.closed : of()\n    const parentClose = of()\n    // const hover = this._parentMenu ? this._parentMenu._hovered().pipe(\n    //   filter(active => active !== this._menuItemInstance),\n    //   filter(() => this._menuOpen)\n    // ) : of()\n    const hover = of()\n\n    return merge(backdrop, parentClose, hover, detachments)\n  }\n\n}\n","import { animate, group, query, style, transition, trigger, useAnimation } from '@angular/animations'\nimport { FocusKeyManager, FocusOrigin } from '@angular/cdk/a11y'\nimport { coerceNumberProperty } from '@angular/cdk/coercion'\nimport { DOWN_ARROW, END, ESCAPE, hasModifierKey, HOME, LEFT_ARROW, RIGHT_ARROW, UP_ARROW } from '@angular/cdk/keycodes'\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  EventEmitter,\n  forwardRef,\n  Input,\n  OnDestroy,\n  Output,\n  TemplateRef,\n  ViewChild\n} from '@angular/core'\nimport { BehaviorSubject, fromEvent, merge, Observable, of, Subject, Subscription } from 'rxjs'\n\nimport { distinctUntilChanged, map, startWith, switchMap, takeUntil } from 'rxjs/operators'\nimport { menuDropdownPanelIn, menuDropdownPanelOut, menuDropdownPanelSlideIn, menuDropdownPanelSlideOut } from './menu-animations'\nimport { MenuItemComponent } from './menu-item.component'\nimport { ITheSeamMenuPanel } from './menu-panel'\nimport { THESEAM_MENU_PANEL } from './menu-panel-token'\n\nimport { MenuFooterComponent } from './menu-footer/menu-footer.component'\nimport { MenuHeaderComponent } from './menu-header/menu-header.component'\n\nexport const LIB_MENU: any = {\n  provide: THESEAM_MENU_PANEL,\n  // tslint:disable-next-line:no-use-before-declare\n  useExisting: forwardRef(() => MenuComponent)\n}\n\n@Component({\n  selector: 'seam-menu',\n  templateUrl: './menu.component.html',\n  styleUrls: ['./menu.component.scss'],\n  providers: [ LIB_MENU ],\n  animations: [\n    trigger('slideDown', [\n      transition(':enter', useAnimation(menuDropdownPanelIn)),\n      transition(':leave', useAnimation(menuDropdownPanelOut)),\n    ])\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  exportAs: 'seamMenu'\n})\nexport class MenuComponent implements OnDestroy, AfterContentInit, ITheSeamMenuPanel {\n\n  private readonly _ngUnsubscribe = new Subject()\n\n  private _footer = new BehaviorSubject<MenuFooterComponent | undefined | null>(undefined)\n  public hasFooter$ = this._footer.pipe(map(v => v !== null && v !== undefined))\n\n  private _header = new BehaviorSubject<MenuHeaderComponent | undefined | null>(undefined)\n  public hasHeader$ = this._header.pipe(map(v => v !== null && v !== undefined))\n\n  private _keyManager?: FocusKeyManager<MenuItemComponent>\n\n  /** Menu items inside the current menu. */\n  private _items: MenuItemComponent[] = []\n\n  /** Emits whenever the amount of menu items changes. */\n  private _itemChanges = new Subject<MenuItemComponent[]>()\n\n  /** Subscription to tab events on the menu panel */\n  private _tabSubscription = Subscription.EMPTY\n\n  /** Parent menu of the current menu panel. */\n  parentMenu: ITheSeamMenuPanel | undefined\n\n  @ViewChild(TemplateRef) templateRef?: TemplateRef<any>\n\n  @Output() readonly closed = new EventEmitter<void | 'click' | 'keydown' | 'tab'>()\n\n  @Input() menuClass: string  | undefined | null\n\n  /**\n   * Defines a width for a menu that will scale down if the window innerWidth is\n   * smaller than the value.\n   */\n  @Input()\n  get baseWidth() { return this._baseWidth.value }\n  set baseWidth(value: number | null) {\n    const _val = coerceNumberProperty(value, null)\n    if (_val !== this._baseWidth.value) {\n      this._baseWidth.next(_val)\n    }\n  }\n  private _baseWidth = new BehaviorSubject<number | null>(null)\n  _menuWidth$: Observable<string | undefined>\n\n  @Input() animationType: 'slide' | 'fade' = 'slide'\n\n  constructor() {\n    this._menuWidth$ = this._baseWidth.pipe(\n      switchMap(baseWidth => {\n        if (baseWidth) {\n          return fromEvent(window, 'resize').pipe(\n            startWith(undefined),\n            map(() => window.innerWidth < baseWidth ? `${window.innerWidth}px` : `${baseWidth}px`)\n          )\n        }\n        return of(undefined)\n      }),\n      distinctUntilChanged(),\n      takeUntil(this._ngUnsubscribe)\n    )\n  }\n\n  ngOnDestroy() {\n    this._tabSubscription.unsubscribe()\n    this.closed.complete()\n\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  ngAfterContentInit() {\n    this._keyManager = new FocusKeyManager<MenuItemComponent>(this._items).withWrap().withTypeAhead()\n    this._tabSubscription = this._keyManager.tabOut.subscribe(() => this.closed.emit('tab'))\n  }\n\n  /** Stream that emits whenever the hovered menu item changes. */\n  _hovered(): Observable<MenuItemComponent> {\n    return this._itemChanges.pipe(\n      startWith(this._items),\n      switchMap(items => merge(...items.map(item => item._hovered)))\n    )\n  }\n\n  /** Handle a keyboard event from the menu, delegating to the appropriate action. */\n  _handleKeydown(event: KeyboardEvent) {\n    // tslint:disable-next-line:deprecation\n    const keyCode = event.keyCode\n    const manager = this._keyManager\n\n    switch (keyCode) {\n      case ESCAPE:\n        if (!hasModifierKey(event)) {\n          event.preventDefault()\n          this.closed.emit('keydown')\n        }\n        break\n      // case LEFT_ARROW:\n      //   if (this.parentMenu && this.direction === 'ltr') {\n      //     this.closed.emit('keydown')\n      //   }\n      //   break\n      // case RIGHT_ARROW:\n      //   if (this.parentMenu && this.direction === 'rtl') {\n      //     this.closed.emit('keydown')\n      //   }\n      //   break\n      case HOME:\n      case END:\n        if (!hasModifierKey(event)) {\n          keyCode === HOME ? manager?.setFirstItemActive() : manager?.setLastItemActive()\n          event.preventDefault()\n        }\n        break\n      default:\n        if (keyCode === UP_ARROW || keyCode === DOWN_ARROW) {\n          manager?.setFocusOrigin('keyboard')\n        }\n\n        manager?.onKeydown(event)\n    }\n  }\n\n  /**\n   * Focus the first item in the menu.\n   * @param origin Action from which the focus originated. Used to set the correct styling.\n   */\n  focusFirstItem(origin: FocusOrigin = 'program'): void {\n    this._keyManager?.setFocusOrigin(origin).setFirstItemActive()\n  }\n\n  /**\n   * Resets the active item in the menu. This is used when the menu is opened, allowing\n   * the user to start from the first option when pressing the down arrow.\n   */\n  resetActiveItem() {\n    this._keyManager?.setActiveItem(-1)\n  }\n\n  /** Registers a menu item with the menu. */\n  addItem(item: MenuItemComponent) {\n    // We register the items through this method, rather than picking them up through\n    // `ContentChildren`, because we need the items to be picked up by their closest\n    // `seam-menu` ancestor. If we used `@ContentChildren(MenuItemComponent, {descendants: true})`,\n    // all descendant items will bleed into the top-level menu in the case where the consumer\n    // has `seam-menu` instances nested inside each other.\n    if (this._items.indexOf(item) === -1) {\n      this._items.push(item)\n      this._itemChanges.next(this._items)\n    }\n  }\n\n  /** Removes an item from the menu. */\n  removeItem(item: MenuItemComponent) {\n    const index = this._items.indexOf(item)\n\n    if (this._items.indexOf(item) > -1) {\n      this._items.splice(index, 1)\n      this._itemChanges.next(this._items)\n    }\n  }\n\n  /** Sets the footer component. */\n  setFooter(footer?: MenuFooterComponent) {\n    this._footer.next(footer)\n  }\n\n  /** Sets the header component. */\n  setHeader(header?: MenuHeaderComponent) {\n    this._header.next(header)\n  }\n\n  _dropdownMenuClick(event: Event) {\n    // This is needed, because some menu's will get stuck open if the component\n    // managing the menu is destroyed before the menu finishes its cleanup. I\n    // may look for a fix to that eventually.\n    this.closed.emit('click')\n  }\n\n}\n","import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input } from '@angular/core'\n\n// TODO: Split up the button and anchor classes.\n\n@Component({\n  // tslint:disable-next-line:component-selector\n  selector: 'button[seamMenuFooterAction],a[seamMenuFooterAction]',\n  templateUrl: './menu-footer-action.component.html',\n  styleUrls: ['./menu-footer-action.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MenuFooterActionComponent {\n\n  @HostBinding('attr.type') get _attrType() { return this.type }\n\n  /** ARIA type for the button. */\n  @Input()\n  get type() { return this._isButton() ? this._type || 'button' : undefined }\n  set type(value: 'button' | 'submit' | 'reset' | undefined | null) {\n    this._type = value\n  }\n  private _type: 'button' | 'submit' | 'reset' | undefined | null\n\n  @HostBinding('class.btn') get _classBtn() { return this._isButton() }\n  @HostBinding('class.btn-link') get _classBtnLink() { return this._isButton() }\n\n  @HostBinding('style.padding.px') get _stylePadding() { return this._isButton() && 0 }\n  @HostBinding('style.border.px') get _styleBorder() { return this._isButton() && 0 }\n  @HostBinding('style.display.px') get _styleDisplay() { return this._isButton() && 'inline' }\n\n  constructor(\n    private _elementRef: ElementRef\n  ) { }\n\n  /** Determines if the component host is a button. */\n  protected _isButton() {\n    return this._elementRef.nativeElement.nodeName.toLowerCase() === 'button'\n  }\n\n  /** Determines if the component host is an anchor. */\n  protected _isAnchor() {\n    return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a'\n  }\n\n}\n","import { ChangeDetectionStrategy, Component, Inject, OnDestroy, OnInit, Optional } from '@angular/core'\n\nimport { MenuItemComponent } from '../menu-item.component'\nimport type { ITheSeamMenuPanel } from '../menu-panel'\nimport { THESEAM_MENU_PANEL } from '../menu-panel-token'\n\n@Component({\n  selector: 'seam-menu-footer',\n  templateUrl: './menu-footer.component.html',\n  styleUrls: ['./menu-footer.component.scss'],\n  host: {\n    'class': 'd-flex flex-column text-center bg-light border-top rounded-bottom py-2'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MenuFooterComponent implements OnInit, OnDestroy {\n\n  constructor(\n    @Inject(THESEAM_MENU_PANEL) @Optional() private _parentMenu?: ITheSeamMenuPanel<MenuItemComponent>\n  ) { }\n\n  ngOnInit() {\n    if (this._parentMenu && this._parentMenu.setFooter) {\n      this._parentMenu.setFooter(this)\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._parentMenu && this._parentMenu.setFooter) {\n      this._parentMenu.setFooter(undefined)\n    }\n  }\n\n}\n","import { ChangeDetectionStrategy, Component, Inject, OnDestroy, OnInit, Optional } from '@angular/core'\n\nimport { MenuItemComponent } from '../menu-item.component'\nimport type { ITheSeamMenuPanel } from '../menu-panel'\nimport { THESEAM_MENU_PANEL } from '../menu-panel-token'\n\n@Component({\n  selector: 'seam-menu-header',\n  templateUrl: './menu-header.component.html',\n  styleUrls: ['./menu-header.component.scss'],\n  host: {\n    'class': 'd-flex flex-column bg-light border-bottom rounded-top py-2 mb-2'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MenuHeaderComponent implements OnInit, OnDestroy {\n\n  constructor(\n    @Inject(THESEAM_MENU_PANEL) @Optional() private _parentMenu?: ITheSeamMenuPanel<MenuItemComponent>\n  ) { }\n\n  ngOnInit() {\n    if (this._parentMenu && this._parentMenu.setHeader) {\n      this._parentMenu.setHeader(this)\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._parentMenu && this._parentMenu.setHeader) {\n      this._parentMenu.setHeader(undefined)\n    }\n  }\n\n}\n","import { OverlayModule } from '@angular/cdk/overlay'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamIconModule } from '@theseam/ui-common/icon'\n\nimport { MenuDividerComponent } from './menu-divider.component'\nimport { MenuFooterActionComponent } from './menu-footer-action/menu-footer-action.component'\nimport { MenuFooterComponent } from './menu-footer/menu-footer.component'\nimport { MenuHeaderComponent } from './menu-header/menu-header.component'\nimport { MenuItemComponent } from './menu-item.component'\nimport { MenuToggleDirective } from './menu-toggle.directive'\nimport { MenuComponent } from './menu.component'\n\n@NgModule({\n  declarations: [\n    MenuComponent,\n    MenuToggleDirective,\n    MenuItemComponent,\n    MenuDividerComponent,\n    MenuFooterComponent,\n    MenuFooterActionComponent,\n    MenuHeaderComponent,\n  ],\n  imports: [\n    CommonModule,\n    OverlayModule,\n    TheSeamIconModule\n  ],\n  exports: [\n    MenuComponent,\n    MenuToggleDirective,\n    MenuItemComponent,\n    MenuDividerComponent,\n\n    TheSeamIconModule,\n    OverlayModule,\n    MenuFooterComponent,\n    MenuFooterActionComponent,\n    MenuHeaderComponent\n  ]\n})\nexport class TheSeamMenuModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,1234 @@
+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';
+
+/** 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;
+        // Pass the id along to the container.
+        _containerInstance._id = id;
+        const _bootstrapBackdropClickListener = () => {
+            if (!this.disableClose) {
+                this.close();
+            }
+        };
+        // If the dialog has a backdrop, handle clicks from the backdrop.
+        if (_containerInstance._config.hasBackdrop) {
+            _overlayRef.backdropClick().subscribe(() => {
+                if (!this.disableClose) {
+                    this.close();
+                }
+            });
+            // NOTE: For current bootstrap style modal
+            _overlayRef.overlayElement.addEventListener('click', _bootstrapBackdropClickListener);
+        }
+        this.beforeClosed().subscribe(() => {
+            this._overlayRef.detachBackdrop();
+        });
+        this.afterClosed().subscribe(() => {
+            if (this._containerInstance._config.hasBackdrop) {
+                this._overlayRef.overlayElement.removeEventListener('click', _bootstrapBackdropClickListener);
+            }
+            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());
+    }
+    /** 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();
+    }
+    /**
+     * 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}"]
+            },] }
+];
+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();
+        }
+    }
+}
+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}"]
+            },] }
+];
+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