feat(dropdown): replace NgbNavbar usage by DOM call to closest()

The NgbNavbar directive is not removed, but simply deprecated, in order to avoid a breaking change for people who have imported it in their modules or standalone components.

fix ng-bootstrap#4462

src/dropdown/dropdown.module.ts

@@ -1,31 +1,18 @@
 import { NgModule } from '@angular/core';
-import {
-	NgbDropdown,
-	NgbDropdownAnchor,
-	NgbDropdownToggle,
-	NgbDropdownMenu,
-	NgbDropdownItem,
-	NgbNavbar,
-} from './dropdown';
+import { NgbDropdown, NgbDropdownAnchor, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem } from './dropdown';
 
 export {
 	NgbDropdown,
 	NgbDropdownAnchor,
 	NgbDropdownToggle,
 	NgbDropdownMenu,
 	NgbDropdownItem,
+	// eslint-disable-next-line deprecation/deprecation
 	NgbNavbar,
 } from './dropdown';
 export { NgbDropdownConfig } from './dropdown-config';
 
-const NGB_DROPDOWN_DIRECTIVES = [
-	NgbDropdown,
-	NgbDropdownAnchor,
-	NgbDropdownToggle,
-	NgbDropdownMenu,
-	NgbDropdownItem,
-	NgbNavbar,
-];
+const NGB_DROPDOWN_DIRECTIVES = [NgbDropdown, NgbDropdownAnchor, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem];
 
 @NgModule({
 	imports: NGB_DROPDOWN_DIRECTIVES,

src/dropdown/dropdown.ts

@@ -12,7 +12,6 @@ import {
 	NgZone,
 	OnChanges,
 	OnDestroy,
-	Optional,
 	Output,
 	QueryList,
 	Renderer2,
@@ -31,6 +30,9 @@ import { Key } from '../util/key';
 import { NgbDropdownConfig } from './dropdown-config';
 import { FOCUSABLE_ELEMENTS_SELECTOR } from '../util/focus-trap';
 
+/**
+ * @deprecated this directive isn't useful anymore. You can remove it from your imports
+ */
 @Directive({ selector: '.navbar', standalone: true })
 export class NgbNavbar {}
 
@@ -249,15 +251,14 @@ export class NgbDropdown implements AfterContentInit, OnChanges, OnDestroy {
 		private _ngZone: NgZone,
 		private _elementRef: ElementRef<HTMLElement>,
 		private _renderer: Renderer2,
-		@Optional() ngbNavbar: NgbNavbar,
 	) {
 		this.placement = config.placement;
 		this.popperOptions = config.popperOptions;
 		this.container = config.container;
 		this.autoClose = config.autoClose;
 
 		this._positioning = ngbPositioning();
-		this.display = ngbNavbar ? 'static' : 'dynamic';
+		this.display = this._elementRef.nativeElement.closest('.navbar') ? 'static' : 'dynamic';
 	}
 
 	ngAfterContentInit() {

src/index.ts

@@ -79,6 +79,7 @@ export {
 	NgbDropdownMenu,
 	NgbDropdownModule,
 	NgbDropdownToggle,
+	// eslint-disable-next-line deprecation/deprecation
 	NgbNavbar,
 } from './dropdown/dropdown.module';
 export {