@open-rlb/ng-bootstrap 2.3.5 → 2.3.6

package/fesm2022/open-rlb-ng-bootstrap.mjs

@@ -4600,11 +4600,11 @@ class NavbarComponent {
         this.viewContainerRef.element.nativeElement.remove();
     }
     ngAfterContentInit() {
-        if (this.navbarItems) {
-            this.navbarItems.click.pipe(takeUntil(this.destroy$)).subscribe(() => {
-                this.closeMobileMenu();
+        this.navbarItemsGroups.changes.pipe(startWith(this.navbarItemsGroups), takeUntil(this.destroy$)).subscribe((groups) => {
+            groups.forEach(group => {
+                group.click.pipe(takeUntil(this.destroy$)).subscribe(() => this.closeMobileMenu());
             });
-        }
+        });
     }
     ngOnDestroy() {
         this.destroy$.next();
@@ -4618,7 +4618,7 @@ class NavbarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavbarComponent, deps: [{ token: UniqueIdService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: NavbarComponent, isStandalone: false, selector: "rlb-navbar", inputs: { dark: ["dark", "dark", booleanAttribute], color: "color", placement: "placement", expand: "expand", cssClass: ["class", "cssClass"], enableDropdownToggler: ["enable-dropdown-toggler", "enableDropdownToggler", booleanAttribute] }, queries: [{ propertyName: "navbarItems", first: true, predicate: NavbarItemsComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, static: true }], ngImport: i0, template: ` <ng-template #template>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: NavbarComponent, isStandalone: false, selector: "rlb-navbar", inputs: { dark: ["dark", "dark", booleanAttribute], color: "color", placement: "placement", expand: "expand", cssClass: ["class", "cssClass"], enableDropdownToggler: ["enable-dropdown-toggler", "enableDropdownToggler", booleanAttribute] }, queries: [{ propertyName: "navbarItemsGroups", predicate: NavbarItemsComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, static: true }], ngImport: i0, template: ` <ng-template #template>
     <nav
       class="navbar px-2 bg-{{ color }} {{ placement }} {{ _navExpand }} {{ cssClass }}"
       [attr.data-bs-theme]="dark"
@@ -4688,9 +4688,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }], ctorParameters: () => [{ type: UniqueIdService }, { type: i0.ViewContainerRef }], propDecorators: { template: [{
                 type: ViewChild,
                 args: ['template', { static: true }]
-            }], navbarItems: [{
-                type: ContentChild,
-                args: [NavbarItemsComponent]
+            }], navbarItemsGroups: [{
+                type: ContentChildren,
+                args: [NavbarItemsComponent, { descendants: true }]
             }], dark: [{
                 type: Input,
                 args: [{ alias: 'dark', transform: booleanAttribute }]