@open-rlb/ng-bootstrap 2.3.4 → 2.3.6

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

@@ -5,7 +5,7 @@ import * as i1 from '@angular/common';
 import { formatDate, CommonModule } from '@angular/common';
 import * as i2 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import { Subject, of, take, filter, switchMap, map, Observable, lastValueFrom, takeUntil } from 'rxjs';
+import { Subject, of, take, filter, switchMap, map, startWith, takeUntil, Observable, lastValueFrom } from 'rxjs';
 import * as i2$1 from '@angular/cdk/layout';
 import * as i2$2 from '@angular/forms';
 import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
@@ -4440,14 +4440,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 class NavbarItemsComponent {
     constructor(viewContainerRef) {
         this.viewContainerRef = viewContainerRef;
+        this.click = new EventEmitter();
+        this.destroy$ = new Subject();
     }
     ngOnInit() {
         const templateView = this.viewContainerRef.createEmbeddedView(this.template);
         this.element = templateView.rootNodes[0];
         this.viewContainerRef.element.nativeElement.remove();
     }
+    ngAfterContentInit() {
+        this.menuItems.changes.pipe(startWith(this.menuItems), // handles initial list
+        takeUntil(this.destroy$)).subscribe((items) => {
+            items.forEach(item => {
+                item.click.pipe(takeUntil(this.destroy$)).subscribe(event => this.click.emit(event));
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavbarItemsComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NavbarItemsComponent, isStandalone: false, selector: "rlb-navbar-items", inputs: { scroll: "scroll", cssClass: ["class", "cssClass"] }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, static: true }], ngImport: i0, template: ` <ng-template #template>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NavbarItemsComponent, isStandalone: false, selector: "rlb-navbar-items", inputs: { scroll: "scroll", cssClass: ["class", "cssClass"] }, outputs: { click: "click" }, queries: [{ propertyName: "menuItems", predicate: NavbarItemComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, static: true }], ngImport: i0, template: ` <ng-template #template>
     <ul
       class="navbar-nav {{ cssClass }}"
       [class.navbar-nav-scroll]="scroll"
@@ -4485,6 +4499,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }], template: [{
                 type: ViewChild,
                 args: ['template', { static: true }]
+            }], menuItems: [{
+                type: ContentChildren,
+                args: [NavbarItemComponent, { descendants: true }]
+            }], click: [{
+                type: Output
             }] } });
 
 class NavbarSeparatorComponent {
@@ -4570,6 +4589,7 @@ class NavbarComponent {
     constructor(idService, viewContainerRef) {
         this.idService = idService;
         this.viewContainerRef = viewContainerRef;
+        this.destroy$ = new Subject();
         this.cssClass = '';
         this.enableDropdownToggler = true;
         this._navId = `nav${this.idService.id}`;
@@ -4579,8 +4599,26 @@ class NavbarComponent {
         this.element = templateView.rootNodes[0];
         this.viewContainerRef.element.nativeElement.remove();
     }
+    ngAfterContentInit() {
+        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();
+        this.destroy$.complete();
+    }
+    closeMobileMenu() {
+        const collapseEl = this.element?.querySelector('.navbar-collapse');
+        if (collapseEl && collapseEl.classList.contains('show')) {
+            const bsCollapse = Collapse.getOrCreateInstance(collapseEl);
+            bsCollapse.hide();
+        }
+    }
     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] }, 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"
@@ -4650,6 +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 }]
+            }], navbarItemsGroups: [{
+                type: ContentChildren,
+                args: [NavbarItemsComponent, { descendants: true }]
             }], dark: [{
                 type: Input,
                 args: [{ alias: 'dark', transform: booleanAttribute }]