@mintplayer/ng-bootstrap 13.3.3 → 13.3.4

package/fesm2020/mintplayer-ng-bootstrap.mjs

@@ -3133,28 +3133,46 @@ class NavbarContentDirective {
     constructor(element, platformId) {
         this.element = element;
         this.platformId = platformId;
+        this.destroyed$ = new Subject();
+        this.viewInit$ = new BehaviorSubject(false);
+        this.navbar$ = new BehaviorSubject(null);
+        this.resizeObserver = null;
         this.initialPadding = 0;
-        if (!isPlatformServer(platformId)) {
-            this.resizeObserver = new ResizeObserver((entries) => {
-                const height = entries[0].contentRect.height;
-                this.element.nativeElement.style.paddingTop = (this.initialPadding + height) + 'px';
-            });
-        }
-        else {
-            this.resizeObserver = null;
-        }
+        combineLatest([this.viewInit$, this.navbar$])
+            .pipe(filter(([viewInit, navbar]) => {
+            return viewInit && !!navbar;
+        }))
+            .pipe(take(1))
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe(([viewInit, navbar]) => {
+            if (!isPlatformServer(platformId)) {
+                // Initialize the ResizeObserver
+                this.resizeObserver = new ResizeObserver((entries) => {
+                    const height = entries[0].contentRect.height;
+                    this.element.nativeElement.style.paddingTop = (this.initialPadding + height) + 'px';
+                });
+                // Monitor the size
+                const pt = parseInt(this.element.nativeElement.style.paddingTop.replace(/px$/, ''));
+                this.initialPadding = isNaN(pt) ? 0 : pt;
+                if (this.resizeObserver && navbar) {
+                    this.resizeObserver.observe(navbar.nav.nativeElement);
+                }
+            }
+        });
+        this.destroyed$
+            .pipe(filter(d => !!d))
+            .subscribe(() => {
+            this.resizeObserver?.unobserve(this.navbar$.value?.nav.nativeElement);
+        });
+    }
+    set navbar(value) {
+        this.navbar$.next(value);
     }
     ngAfterViewInit() {
-        const pt = parseInt(this.element.nativeElement.style.paddingTop.replace(/px$/, ''));
-        this.initialPadding = isNaN(pt) ? 0 : pt;
-        if (this.resizeObserver) {
-            this.resizeObserver.observe(this.navbar.nav.nativeElement);
-        }
+        this.viewInit$.next(true);
     }
     ngOnDestroy() {
-        if (this.resizeObserver) {
-            this.resizeObserver.unobserve(this.navbar.nav.nativeElement);
-        }
+        this.destroyed$.next(true);
     }
 }
 NavbarContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: NavbarContentDirective, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive });