@mintplayer/ng-bootstrap 14.5.1 → 14.5.2

package/fesm2020/mintplayer-ng-bootstrap.mjs

@@ -2898,11 +2898,17 @@ class BsModalHostComponent {
         this.parentInjector = parentInjector;
         this.portalFactory = portalFactory;
         this.componentFactoryResolver = componentFactoryResolver;
+        this.destroyed$ = new Subject();
         //#region isOpen
         this._isOpen = false;
         this.isOpenChange = new EventEmitter();
         //#endregion
         this.closeOnEscape = true;
+        this.destroyed$.pipe(take(1))
+            .subscribe(() => {
+            this.isOpen = false;
+            setTimeout(() => this.overlayRef && this.overlayRef.dispose(), 500);
+        });
     }
     get isOpen() {
         return this._isOpen;
@@ -2923,16 +2929,19 @@ class BsModalHostComponent {
         });
         // const portal = new ComponentPortal(BsModalComponent, null, injector, this.componentFactoryResolver);
         const portal = this.portalFactory(injector);
-        const overlayRef = this.overlay.create({
+        this.overlayRef = this.overlay.create({
             scrollStrategy: this.overlay.scrollStrategies.reposition(),
             positionStrategy: this.overlay.position()
                 .global().centerHorizontally().bottom('0').top('0').left('0').right('0'),
             width: '100%',
             hasBackdrop: false
         });
-        this.componentInstance = overlayRef.attach(portal);
+        this.componentInstance = this.overlayRef.attach(portal);
         this.componentInstance.instance.isOpen = this._isOpen;
     }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
     onKeyDown(ev) {
         if (this.isOpen && this.closeOnEscape && ev.code === 'Escape') {
             this.isOpen = false;
@@ -3793,6 +3802,11 @@ class BsOffcanvasHostComponent {
                 this.component.instance.hasBackdrop$.next(hasBackdrop);
             }
         });
+        this.destroyed$.pipe(take(1))
+            .subscribe(() => {
+            this.state = 'closed';
+            setTimeout(() => this.overlayRef && this.overlayRef.dispose(), 3000);
+        });
     }
     ngAfterViewInit() {
         const injector = Injector.create({
@@ -3803,13 +3817,13 @@ class BsOffcanvasHostComponent {
         });
         // const portal = new ComponentPortal(BsOffcanvasComponent, null, injector);
         const portal = this.portalFactory(injector);
-        const overlayRef = this.overlayService.create({
+        this.overlayRef = this.overlayService.create({
             scrollStrategy: this.overlayService.scrollStrategies.block(),
             positionStrategy: this.overlayService.position().global()
                 .top('0').left('0').bottom('0').right('0'),
             hasBackdrop: false
         });
-        this.component = overlayRef.attach(portal);
+        this.component = this.overlayRef.attach(portal);
         this.component.instance.backdropClick
             .pipe(takeUntil(this.destroyed$))
             .subscribe((ev) => {
@@ -3822,6 +3836,10 @@ class BsOffcanvasHostComponent {
     }
     set state(value) {
         this.state$.next(value);
+        if (this.component) {
+            this.component.instance.state = value;
+        }
+        this.stateChange.emit(value);
     }
     get state() {
         return this.state$.value;