Add files via upload

feat(modal): Add container property to ModalOptions

These changes will allow developers to optionally place render modals within the application context, allowing components injected via BsModalService to use ViewEncapsulation and support change detection.
* Added container<string | ElementRef> property to ModalOptions.
* Updated modalConfigDefaults with "container: 'body' " to prevent breaking changes/behavior
* Updated BsModalService and Modal-Directive so that the container element is no longer hard-coded to 'body' but rather config.container

Author: evan-qualls

src/modal/bs-modal.service.ts

@@ -110,7 +110,7 @@ export class BsModalService {
       if (isBackdropEnabled && isBackdropInDOM) {
         this._backdropLoader
           .attach(ModalBackdropComponent)
-          .to('body')
+          .to(this.config.container)
           .show({ isAnimated: this.config.animated });
         this.backdropRef = this._backdropLoader._componentRef;
       }
@@ -140,7 +140,7 @@ export class BsModalService {
       .provide({ provide: ModalOptions, useValue: this.config })
       .provide({ provide: BsModalRef, useValue: bsModalRef })
       .attach(ModalContainerComponent)
-      .to('body');
+      .to(this.config.container);
     bsModalRef.hide = () => this.hide(bsModalRef.id);
     bsModalRef.setClass = (newClass: string) => {
       if (modalContainerRef.instance) {

src/modal/modal-options.class.ts

@@ -1,4 +1,4 @@
-import { Injectable, StaticProvider, InjectionToken } from '@angular/core';
+import { ElementRef, Injectable, StaticProvider, InjectionToken } from '@angular/core';
 import { ClassName, CloseInterceptorFn, DismissReasons, Selector, TransitionDurations } from './models';
 
 @Injectable({providedIn: 'platform'})
@@ -30,6 +30,10 @@ export class ModalOptions<T = Record<string, unknown>> {
    * Css class for opened modal
    */
   class?: string;
+  /**
+   * CSS selector or ElementRef to which the modal is appended
+   */
+  container?: string | ElementRef;
   /**
    * Toggle animation
    */
@@ -63,6 +67,7 @@ export const modalConfigDefaults: ModalOptions = {
   show: false,
   ignoreBackdropClick: false,
   class: '',
+  container: 'body',
   animated: true,
   initialState: {},
   closeInterceptor: void 0

src/modal/modal.directive.ts

@@ -337,7 +337,7 @@ export class ModalDirective implements OnDestroy, OnInit {
       this.removeBackdrop();
       this._backdrop
         .attach(ModalBackdropComponent)
-        .to('body')
+        .to(this._config.container)
         .show({ isAnimated: this._config.animated });
       this.backdrop = this._backdrop._componentRef;