@open-rlb/ng-bootstrap 3.1.23 → 3.1.24

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, Component, input, booleanAttribute, effect, Host, Self, Optional, Directive, Injectable, output, contentChild, computed, contentChildren, viewChild, numberAttribute, model, ViewChild, isSignal, Pipe, ChangeDetectionStrategy, inject, DOCUMENT, Inject, HostListener, InjectionToken, viewChildren, ViewContainerRef, untracked, EventEmitter, Output, NgModule } from '@angular/core';
+import { signal, Component, input, booleanAttribute, effect, Host, Self, Optional, Directive, Injectable, output, contentChild, computed, contentChildren, viewChild, numberAttribute, model, ViewChild, isSignal, Pipe, ChangeDetectionStrategy, inject, ViewContainerRef, Renderer2, DOCUMENT, Inject, HostListener, InjectionToken, viewChildren, untracked, EventEmitter, Output, NgModule } from '@angular/core';
 import { Collapse, Carousel, Dropdown, Modal, Toast, Offcanvas, ScrollSpy, Popover, Tooltip } from 'bootstrap';
 import * as i2 from '@angular/router';
 import { RouterModule } from '@angular/router';
@@ -4211,8 +4211,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
         }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: false }] }] } });
 
 class NavbarDropdownItemComponent {
-    constructor(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
+    constructor() {
+        this.listeners = [];
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'disabled', transform: booleanAttribute });
         this.dropdown = input(false, { ...(ngDevMode ? { debugName: "dropdown" } : {}), alias: 'dropdown', transform: booleanAttribute });
         this.href = input(undefined, ...(ngDevMode ? [{ debugName: "href" }] : []));
@@ -4220,6 +4220,7 @@ class NavbarDropdownItemComponent {
         this.toggle = input(undefined, ...(ngDevMode ? [{ debugName: "toggle" }] : []));
         this.autoClose = input('default', { ...(ngDevMode ? { debugName: "autoClose" } : {}), alias: 'auto-close' });
         this.click = output();
+        this.statusChanged = output({ alias: 'status-changed' });
         this._autoClose = computed(() => {
             switch (this.autoClose()) {
                 case 'default':
@@ -4234,58 +4235,76 @@ class NavbarDropdownItemComponent {
                     return 'true';
             }
         }, ...(ngDevMode ? [{ debugName: "_autoClose" }] : []));
+        this.template = viewChild.required('template');
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.renderer = inject(Renderer2);
     }
     ngOnInit() {
-        const templateView = this.viewContainerRef.createEmbeddedView(this.template);
+        const templateView = this.viewContainerRef.createEmbeddedView(this.template());
         this.element = templateView.rootNodes[0];
         this.viewContainerRef.element.nativeElement.remove();
+        const anchor = this.element.querySelector('a');
+        if (anchor && this.dropdown()) {
+            this.listeners.push(this.renderer.listen(anchor, 'show.bs.dropdown', () => this.statusChanged.emit('show')), this.renderer.listen(anchor, 'shown.bs.dropdown', () => this.statusChanged.emit('shown')), this.renderer.listen(anchor, 'hide.bs.dropdown', () => this.statusChanged.emit('hide')), this.renderer.listen(anchor, 'hidden.bs.dropdown', () => this.statusChanged.emit('hidden')));
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NavbarDropdownItemComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.1", type: NavbarDropdownItemComponent, isStandalone: false, selector: "rlb-navbar-dropdown-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dropdown: { classPropertyName: "dropdown", publicName: "dropdown", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, toggle: { classPropertyName: "toggle", publicName: "toggle", isSignal: true, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "auto-close", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, static: true }], ngImport: i0, template: ` <ng-template #template>
-    <li class="nav-item" [class.dropdown]="dropdown()">
-      <a
-        class="nav-link {{ cssClass() }}"
-        [class.dropdown-toggle]="dropdown()"
-        [attr.role]="(dropdown() || toggle()) ? 'button' : undefined"
-        [attr.data-bs-toggle]="dropdown() ? 'dropdown' : undefined"
-        [attr.aria-expanded]="(dropdown() || toggle()) ? 'false' : undefined"
-        [attr.data-bs-auto-close]="_autoClose()"
-        [href]="(dropdown() || toggle()) ? '#' : href()"
-        (click)="click.emit($event)"
+    ngOnDestroy() {
+        this.listeners.forEach(unsub => unsub());
+        this.listeners = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NavbarDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.1", type: NavbarDropdownItemComponent, isStandalone: false, selector: "rlb-navbar-dropdown-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dropdown: { classPropertyName: "dropdown", publicName: "dropdown", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, toggle: { classPropertyName: "toggle", publicName: "toggle", isSignal: true, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "auto-close", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click", statusChanged: "status-changed" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-template #template>
+      <li
+        class="nav-item"
+        [class.dropdown]="dropdown()"
       >
-        <ng-content select=":not(rlb-dropdown-container)"></ng-content>
-      </a>
-      <ng-content select="rlb-dropdown-container"></ng-content>
-    </li>
-  </ng-template>`, isInline: true }); }
+        <a
+          class="nav-link {{ cssClass() }}"
+          [class.dropdown-toggle]="dropdown()"
+          [attr.role]="dropdown() || toggle() ? 'button' : undefined"
+          [attr.data-bs-toggle]="dropdown() ? 'dropdown' : undefined"
+          [attr.aria-expanded]="dropdown() || toggle() ? 'false' : undefined"
+          [attr.data-bs-auto-close]="_autoClose()"
+          [href]="dropdown() || toggle() ? '#' : href()"
+          (click)="click.emit($event)"
+        >
+          <ng-content select=":not(rlb-dropdown-container)"></ng-content>
+        </a>
+        <ng-content select="rlb-dropdown-container"></ng-content>
+      </li>
+    </ng-template>
+  `, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NavbarDropdownItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'rlb-navbar-dropdown-item',
-                    template: ` <ng-template #template>
-    <li class="nav-item" [class.dropdown]="dropdown()">
-      <a
-        class="nav-link {{ cssClass() }}"
-        [class.dropdown-toggle]="dropdown()"
-        [attr.role]="(dropdown() || toggle()) ? 'button' : undefined"
-        [attr.data-bs-toggle]="dropdown() ? 'dropdown' : undefined"
-        [attr.aria-expanded]="(dropdown() || toggle()) ? 'false' : undefined"
-        [attr.data-bs-auto-close]="_autoClose()"
-        [href]="(dropdown() || toggle()) ? '#' : href()"
-        (click)="click.emit($event)"
+                    template: `
+    <ng-template #template>
+      <li
+        class="nav-item"
+        [class.dropdown]="dropdown()"
       >
-        <ng-content select=":not(rlb-dropdown-container)"></ng-content>
-      </a>
-      <ng-content select="rlb-dropdown-container"></ng-content>
-    </li>
-  </ng-template>`,
-                    standalone: false
+        <a
+          class="nav-link {{ cssClass() }}"
+          [class.dropdown-toggle]="dropdown()"
+          [attr.role]="dropdown() || toggle() ? 'button' : undefined"
+          [attr.data-bs-toggle]="dropdown() ? 'dropdown' : undefined"
+          [attr.aria-expanded]="dropdown() || toggle() ? 'false' : undefined"
+          [attr.data-bs-auto-close]="_autoClose()"
+          [href]="dropdown() || toggle() ? '#' : href()"
+          (click)="click.emit($event)"
+        >
+          <ng-content select=":not(rlb-dropdown-container)"></ng-content>
+        </a>
+        <ng-content select="rlb-dropdown-container"></ng-content>
+      </li>
+    </ng-template>
+  `,
+                    standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdown", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], toggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggle", required: false }] }], autoClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "auto-close", required: false }] }], click: [{ type: i0.Output, args: ["click"] }], template: [{
-                type: ViewChild,
-                args: ['template', { static: true }]
-            }] } });
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdown", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], toggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggle", required: false }] }], autoClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "auto-close", required: false }] }], click: [{ type: i0.Output, args: ["click"] }], statusChanged: [{ type: i0.Output, args: ["status-changed"] }], template: [{ type: i0.ViewChild, args: ['template', { isSignal: true }] }] } });
 
 class NavbarItemComponent {
     constructor(viewContainerRef) {