@mintplayer/ng-bootstrap 20.6.3 → 21.1.0

package/fesm2022/mintplayer-ng-bootstrap-navbar.mjs

@@ -1,40 +1,34 @@
 import * as i0 from '@angular/core';
-import { Input, ViewChild, HostListener, Component, PLATFORM_ID, forwardRef, ContentChildren, Inject, Optional, SkipSelf, Host, Directive, HostBinding, NgModule } from '@angular/core';
+import { input, signal, computed, effect, ViewChild, HostListener, ChangeDetectionStrategy, Component, inject, ElementRef, DestroyRef, PLATFORM_ID, forwardRef, ContentChildren, Injector, Inject, Optional, Directive, HostBinding, Input, TemplateRef, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { isPlatformServer, DOCUMENT, AsyncPipe, NgTemplateOutlet } from '@angular/common';
-import * as i2$1 from '@mintplayer/ng-click-outside';
+import * as i1$1 from '@mintplayer/ng-click-outside';
 import { ClickOutsideDirective } from '@mintplayer/ng-click-outside';
 import * as i3 from '@mintplayer/ng-bootstrap/user-agent';
 import { BsUserAgentDirective } from '@mintplayer/ng-bootstrap/user-agent';
 import * as i4 from '@mintplayer/ng-bootstrap/no-noscript';
 import { BsNoNoscriptDirective } from '@mintplayer/ng-bootstrap/no-noscript';
-import * as i4$1 from '@mintplayer/ng-bootstrap/has-overlay';
+import * as i3$1 from '@mintplayer/ng-bootstrap/has-overlay';
 import { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';
 import { BsDropdownDividerDirective } from '@mintplayer/ng-bootstrap/dropdown-divider';
 import * as i2 from '@mintplayer/ng-bootstrap/container';
 import { BsContainerComponent } from '@mintplayer/ng-bootstrap/container';
 import { BsNavbarTogglerComponent } from '@mintplayer/ng-bootstrap/navbar-toggler';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Color } from '@mintplayer/ng-bootstrap';
-import { BehaviorSubject, map, combineLatest, filter, debounceTime, take } from 'rxjs';
 import { SlideUpDownAnimation } from '@mintplayer/ng-animations';
 import { DomPortal } from '@angular/cdk/portal';
 
 class BsNavbarComponent {
-    constructor(destroy) {
-        this.destroy = destroy;
-        this.autoclose = true;
+    constructor() {
+        this.autoclose = input(true, ...(ngDevMode ? [{ debugName: "autoclose" }] : []));
         this.expandButtonTemplate = null;
-        this.isExpanded$ = new BehaviorSubject(false);
-        this.windowWidth$ = new BehaviorSubject(null);
-        this.isResizing$ = new BehaviorSubject(false);
-        //#region Color
-        this.color$ = new BehaviorSubject(null);
-        //#endregion
-        //#region Breakpoint
-        this.breakPoint$ = new BehaviorSubject('md');
-        this.expandAt$ = this.breakPoint$
-            .pipe(map((breakpoint) => {
+        this.isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
+        this.windowWidth = signal(null, ...(ngDevMode ? [{ debugName: "windowWidth" }] : []));
+        this.isResizing = signal(false, ...(ngDevMode ? [{ debugName: "isResizing" }] : []));
+        this.color = input(null, ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.breakpoint = input('md', ...(ngDevMode ? [{ debugName: "breakpoint" }] : []));
+        this.expandAt = computed(() => {
+            const breakpoint = this.breakpoint();
             switch (breakpoint) {
                 case 'xxl': return 1400;
                 case 'xl': return 1200;
@@ -44,14 +38,12 @@ class BsNavbarComponent {
                 case 'xs': return 0;
                 default: return null;
             }
-        }));
-        this.isSmallMode$ = combineLatest([this.expandAt$, this.windowWidth$])
-            .pipe(filter(([expandAt, windowWidth]) => {
-            return windowWidth !== null;
-        }))
-            .pipe(map(([expandAt, windowWidth]) => {
+        }, ...(ngDevMode ? [{ debugName: "expandAt" }] : []));
+        this.isSmallMode = computed(() => {
+            const expandAt = this.expandAt();
+            const windowWidth = this.windowWidth();
             if (windowWidth === null) {
-                throw 'windowWidth should not be null here';
+                return true;
             }
             else if (!expandAt) {
                 return true;
@@ -62,36 +54,36 @@ class BsNavbarComponent {
             else {
                 return true;
             }
-        }));
-        this.windowWidth$
-            .pipe(debounceTime(300), takeUntilDestroyed())
-            .subscribe(() => this.isResizing$.next(false));
-        this.onWindowResize();
-        this.expandClass$ = this.breakPoint$.pipe(map((breakpoint) => {
+        }, ...(ngDevMode ? [{ debugName: "isSmallMode" }] : []));
+        this.expandClass = computed(() => {
+            const breakpoint = this.breakpoint();
             if (breakpoint === null) {
                 return null;
             }
             else {
                 return `navbar-expand-${breakpoint}`;
             }
-        }));
-        this.wAutoClass$ = this.breakPoint$.pipe(map((breakpoint) => {
+        }, ...(ngDevMode ? [{ debugName: "expandClass" }] : []));
+        this.wAutoClass = computed(() => {
+            const breakpoint = this.breakpoint();
             if (breakpoint === null) {
                 return null;
             }
             else {
                 return `w-${breakpoint}-auto`;
             }
-        }));
-        this.dNoneClass$ = this.breakPoint$.pipe(map((breakpoint) => {
+        }, ...(ngDevMode ? [{ debugName: "wAutoClass" }] : []));
+        this.dNoneClass = computed(() => {
+            const breakpoint = this.breakpoint();
             if (breakpoint === null) {
                 return null;
             }
             else {
                 return `d-${breakpoint}-none`;
             }
-        }));
-        this.backgroundColorClass$ = this.color$.pipe(map((color) => {
+        }, ...(ngDevMode ? [{ debugName: "dNoneClass" }] : []));
+        this.backgroundColorClass = computed(() => {
+            const color = this.color();
             switch (color) {
                 case Color.light:
                 case null:
@@ -99,69 +91,55 @@ class BsNavbarComponent {
                 default:
                     return ['navbar-dark', `bg-${Color[color]}`];
             }
-        }));
-        this.navClassList$ = combineLatest([this.expandClass$, this.backgroundColorClass$])
-            .pipe(map(([expandClass, backgroundColorClass]) => {
+        }, ...(ngDevMode ? [{ debugName: "backgroundColorClass" }] : []));
+        this.navClassList = computed(() => {
+            const expandClass = this.expandClass();
+            const backgroundColorClass = this.backgroundColorClass();
             const result = [];
             return result.concat(expandClass ?? [], ...backgroundColorClass);
-        }));
+        }, ...(ngDevMode ? [{ debugName: "navClassList" }] : []));
+        effect((onCleanup) => {
+            const windowWidth = this.windowWidth();
+            const timeout = setTimeout(() => this.isResizing.set(false), 300);
+            onCleanup(() => clearTimeout(timeout));
+        });
+        this.onWindowResize();
     }
     onWindowResize() {
-        this.isResizing$.next(true);
+        this.isResizing.set(true);
         if (typeof window !== 'undefined') {
-            this.windowWidth$.next(window.innerWidth);
+            this.windowWidth.set(window.innerWidth);
         }
     }
     toggleExpanded() {
-        this.isExpanded$
-            .pipe(take(1), takeUntilDestroyed(this.destroy))
-            .subscribe((isExpanded) => this.isExpanded$.next(!isExpanded));
-    }
-    get color() {
-        return this.color$.value;
+        this.isExpanded.update(v => !v);
     }
-    set color(value) {
-        this.color$.next(value);
-    }
-    get breakpoint() {
-        return this.breakPoint$.value;
-    }
-    set breakpoint(value) {
-        this.breakPoint$.next(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsNavbarComponent, isStandalone: false, selector: "bs-navbar", inputs: { autoclose: "autoclose", color: "color", breakpoint: "breakpoint" }, host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "nav", first: true, predicate: ["nav"], descendants: true }], ngImport: i0, template: "<bs-container>\n    <nav #nav class=\"navbar position-fixed\" [class]=\"navClassList$ | async\" bsUserAgent bsNoNoscript>\n        <div class=\"container-fluid nav-wrapper\">\n            <div class=\"d-flex w-100\" [class]=\"wAutoClass$ | async\">\n                <ng-content select=\"bs-navbar-brand\"></ng-content>\n                <div class=\"flex-end d-flex tw\" [class]=\"dNoneClass$ | async\">\n                    <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n                        <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: isExpanded$ | async }\"></ng-container>\n                    </button>\n                </div>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</bs-container>\n\n<ng-template #defaultExpandButton>\n    <span class=\"navbar-toggler-icon\"></span>\n</ng-template>", styles: ["::ng-deep .dropup,::ng-deep .dropend,::ng-deep .dropdown,::ng-deep .dropstart,::ng-deep .dropup-center,::ng-deep .dropdown-center{position:relative}::ng-deep .dropdown-toggle{white-space:nowrap}::ng-deep .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}::ng-deep .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}::ng-deep .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}::ng-deep .dropdown-menu-start{--bs-position: start}::ng-deep .dropdown-menu-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-end{--bs-position: end}::ng-deep .dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width: 576px){::ng-deep .dropdown-menu-sm-start{--bs-position: start}::ng-deep .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-sm-end{--bs-position: end}::ng-deep .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 768px){::ng-deep .dropdown-menu-md-start{--bs-position: start}::ng-deep .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-md-end{--bs-position: end}::ng-deep .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 992px){::ng-deep .dropdown-menu-lg-start{--bs-position: start}::ng-deep .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-lg-end{--bs-position: end}::ng-deep .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1200px){::ng-deep .dropdown-menu-xl-start{--bs-position: start}::ng-deep .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-xl-end{--bs-position: end}::ng-deep .dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1400px){::ng-deep .dropdown-menu-xxl-start{--bs-position: start}::ng-deep .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-xxl-end{--bs-position: end}::ng-deep .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}::ng-deep .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}::ng-deep .dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}::ng-deep .dropup .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}::ng-deep .dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}::ng-deep .dropend .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropend .dropdown-toggle:after{vertical-align:0}::ng-deep .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}::ng-deep .dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}::ng-deep .dropstart .dropdown-toggle:after{display:none}::ng-deep .dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}::ng-deep .dropstart .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropstart .dropdown-toggle:before{vertical-align:0}::ng-deep .dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}::ng-deep .dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}::ng-deep .dropdown-item:hover,::ng-deep .dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}::ng-deep .dropdown-item.active,::ng-deep .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}::ng-deep .dropdown-item.disabled,::ng-deep .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}::ng-deep .dropdown-menu.show{display:block}::ng-deep .dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}::ng-deep .dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}::ng-deep .dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){::ng-deep .nav-link{transition:none}}::ng-deep .nav-link:hover,::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}::ng-deep .nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}::ng-deep .nav-link.disabled,::ng-deep .nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}::ng-deep .nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}::ng-deep .nav-tabs .nav-link:hover,::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}::ng-deep .nav-tabs .nav-link.active,::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}::ng-deep .nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}::ng-deep .nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}::ng-deep .nav-pills .nav-link.active,::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}::ng-deep .nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: .125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}::ng-deep .nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}::ng-deep .nav-underline .nav-link:hover,::ng-deep .nav-underline .nav-link:focus{border-bottom-color:currentcolor}::ng-deep .nav-underline .nav-link.active,::ng-deep .nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}::ng-deep .nav-fill>.nav-link,::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}::ng-deep .nav-justified>.nav-link,::ng-deep .nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}::ng-deep .nav-fill .nav-item .nav-link,::ng-deep .nav-justified .nav-item .nav-link{width:100%}::ng-deep .tab-content>.tab-pane{display:none}::ng-deep .tab-content>.active{display:block}::ng-deep .navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius: var(--bs-border-radius);--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}::ng-deep .navbar>.container-xxl,::ng-deep .navbar>.container-xl,::ng-deep .navbar>.container-lg,::ng-deep .navbar>.container-md,::ng-deep .navbar>.container-sm,::ng-deep .navbar>.container,::ng-deep .navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}::ng-deep .navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}::ng-deep .navbar-brand:hover,::ng-deep .navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}::ng-deep .navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}::ng-deep .navbar-nav .nav-link.active,::ng-deep .navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}::ng-deep .navbar-nav .dropdown-menu{position:static}::ng-deep .navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}::ng-deep .navbar-text a,::ng-deep .navbar-text a:hover,::ng-deep .navbar-text a:focus{color:var(--bs-navbar-active-color)}::ng-deep .navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}::ng-deep .navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){::ng-deep .navbar-toggler{transition:none}}::ng-deep .navbar-toggler:hover{text-decoration:none}::ng-deep .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}::ng-deep .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}::ng-deep .navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media (min-width: 576px){::ng-deep .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-sm .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-sm .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-sm .navbar-toggler{display:none}::ng-deep .navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-sm .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 768px){::ng-deep .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-md .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-md .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-md .navbar-toggler{display:none}::ng-deep .navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-md .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 992px){::ng-deep .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-lg .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-lg .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-lg .navbar-toggler{display:none}::ng-deep .navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-lg .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1200px){::ng-deep .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-xl .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-xl .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-xl .navbar-toggler{display:none}::ng-deep .navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-xl .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1400px){::ng-deep .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-xxl .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-xxl .navbar-toggler{display:none}::ng-deep .navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}::ng-deep .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand .navbar-nav{flex-direction:row}::ng-deep .navbar-expand .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand .navbar-toggler{display:none}::ng-deep .navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}::ng-deep .navbar-dark,::ng-deep .navbar[data-bs-theme=dark]{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}::ng-deep [data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}::ng-deep .navbar{z-index:20!important}::ng-deep .navbar.noscript:not(:focus-within)>div>bs-navbar-nav>div.navbar-collapse{display:none}::ng-deep .navbar.noscript li.nav-item:focus-within>bs-navbar-dropdown>ul{display:block}::ng-deep .navbar.noscript li.nav-item:focus-within>bs-navbar-dropdown>ul li:has(a.dropdown-item):focus-within>bs-navbar-dropdown>ul{display:block}nav{left:0;top:0;right:0;z-index:10}@media (min-width: 768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem 0}::ng-deep bs-navbar-nav{display:contents}@media (max-width: 575.98px){nav.navbar-expand-sm ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-sm.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-sm.os-windows{margin-right:-17px}}@media (max-width: 767.98px){nav.navbar-expand-md ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-md.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-md.os-windows{margin-right:-17px}}@media (max-width: 991.98px){nav.navbar-expand-lg ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-lg.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-lg.os-windows{margin-right:-17px}}@media (max-width: 1199.98px){nav.navbar-expand-xl ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-xl.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-xl.os-windows{margin-right:-17px}}@media (max-width: 1399.98px){nav.navbar-expand-xxl ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-xxl.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-xxl.os-windows{margin-right:-17px}}.nav-wrapper ::ng-deep bs-navbar-nav>.navbar-collapse{justify-content:center}.nav-wrapper ::ng-deep bs-navbar-nav:first-of-type>.navbar-collapse{justify-content:flex-start}.nav-wrapper ::ng-deep bs-navbar-nav:last-of-type>.navbar-collapse{justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.BsContainerComponent, selector: "bs-container" }, { kind: "directive", type: i3.BsUserAgentDirective, selector: "[bsUserAgent]", outputs: ["detected"] }, { kind: "directive", type: i4.BsNoNoscriptDirective, selector: "[bsNoNoscript]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsNavbarComponent, isStandalone: false, selector: "bs-navbar", inputs: { autoclose: { classPropertyName: "autoclose", publicName: "autoclose", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, breakpoint: { classPropertyName: "breakpoint", publicName: "breakpoint", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "nav", first: true, predicate: ["nav"], descendants: true }], ngImport: i0, template: "<bs-container>\n    <nav #nav class=\"navbar position-fixed\" [class]=\"navClassList()\" bsUserAgent bsNoNoscript>\n        <div class=\"container-fluid nav-wrapper\">\n            <div class=\"d-flex w-100\" [class]=\"wAutoClass()\">\n                <ng-content select=\"bs-navbar-brand\"></ng-content>\n                <div class=\"flex-end d-flex tw\" [class]=\"dNoneClass()\">\n                    <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n                        <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: isExpanded() }\"></ng-container>\n                    </button>\n                </div>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</bs-container>\n\n<ng-template #defaultExpandButton>\n    <span class=\"navbar-toggler-icon\"></span>\n</ng-template>\n", styles: ["::ng-deep .dropup,::ng-deep .dropend,::ng-deep .dropdown,::ng-deep .dropstart,::ng-deep .dropup-center,::ng-deep .dropdown-center{position:relative}::ng-deep .dropdown-toggle{white-space:nowrap}::ng-deep .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}::ng-deep .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}::ng-deep .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}::ng-deep .dropdown-menu-start{--bs-position: start}::ng-deep .dropdown-menu-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-end{--bs-position: end}::ng-deep .dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media(min-width:576px){::ng-deep .dropdown-menu-sm-start{--bs-position: start}::ng-deep .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-sm-end{--bs-position: end}::ng-deep .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media(min-width:768px){::ng-deep .dropdown-menu-md-start{--bs-position: start}::ng-deep .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-md-end{--bs-position: end}::ng-deep .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media(min-width:992px){::ng-deep .dropdown-menu-lg-start{--bs-position: start}::ng-deep .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-lg-end{--bs-position: end}::ng-deep .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media(min-width:1200px){::ng-deep .dropdown-menu-xl-start{--bs-position: start}::ng-deep .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-xl-end{--bs-position: end}::ng-deep .dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media(min-width:1400px){::ng-deep .dropdown-menu-xxl-start{--bs-position: start}::ng-deep .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-xxl-end{--bs-position: end}::ng-deep .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}::ng-deep .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}::ng-deep .dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}::ng-deep .dropup .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}::ng-deep .dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}::ng-deep .dropend .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropend .dropdown-toggle:after{vertical-align:0}::ng-deep .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}::ng-deep .dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}::ng-deep .dropstart .dropdown-toggle:after{display:none}::ng-deep .dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}::ng-deep .dropstart .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropstart .dropdown-toggle:before{vertical-align:0}::ng-deep .dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}::ng-deep .dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}::ng-deep .dropdown-item:hover,::ng-deep .dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}::ng-deep .dropdown-item.active,::ng-deep .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}::ng-deep .dropdown-item.disabled,::ng-deep .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}::ng-deep .dropdown-menu.show{display:block}::ng-deep .dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}::ng-deep .dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}::ng-deep .dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){::ng-deep .nav-link{transition:none}}::ng-deep .nav-link:hover,::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}::ng-deep .nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}::ng-deep .nav-link.disabled,::ng-deep .nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}::ng-deep .nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}::ng-deep .nav-tabs .nav-link:hover,::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}::ng-deep .nav-tabs .nav-link.active,::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}::ng-deep .nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}::ng-deep .nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}::ng-deep .nav-pills .nav-link.active,::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}::ng-deep .nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: .125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}::ng-deep .nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}::ng-deep .nav-underline .nav-link:hover,::ng-deep .nav-underline .nav-link:focus{border-bottom-color:currentcolor}::ng-deep .nav-underline .nav-link.active,::ng-deep .nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}::ng-deep .nav-fill>.nav-link,::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}::ng-deep .nav-justified>.nav-link,::ng-deep .nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}::ng-deep .nav-fill .nav-item .nav-link,::ng-deep .nav-justified .nav-item .nav-link{width:100%}::ng-deep .tab-content>.tab-pane{display:none}::ng-deep .tab-content>.active{display:block}::ng-deep .navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius: var(--bs-border-radius);--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}::ng-deep .navbar>.container-xxl,::ng-deep .navbar>.container-xl,::ng-deep .navbar>.container-lg,::ng-deep .navbar>.container-md,::ng-deep .navbar>.container-sm,::ng-deep .navbar>.container,::ng-deep .navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}::ng-deep .navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}::ng-deep .navbar-brand:hover,::ng-deep .navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}::ng-deep .navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}::ng-deep .navbar-nav .nav-link.active,::ng-deep .navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}::ng-deep .navbar-nav .dropdown-menu{position:static}::ng-deep .navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}::ng-deep .navbar-text a,::ng-deep .navbar-text a:hover,::ng-deep .navbar-text a:focus{color:var(--bs-navbar-active-color)}::ng-deep .navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}::ng-deep .navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media(prefers-reduced-motion:reduce){::ng-deep .navbar-toggler{transition:none}}::ng-deep .navbar-toggler:hover{text-decoration:none}::ng-deep .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}::ng-deep .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}::ng-deep .navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media(min-width:576px){::ng-deep .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-sm .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-sm .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-sm .navbar-toggler{display:none}::ng-deep .navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-sm .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:768px){::ng-deep .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-md .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-md .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-md .navbar-toggler{display:none}::ng-deep .navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-md .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:992px){::ng-deep .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-lg .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-lg .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-lg .navbar-toggler{display:none}::ng-deep .navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-lg .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:1200px){::ng-deep .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-xl .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-xl .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-xl .navbar-toggler{display:none}::ng-deep .navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-xl .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:1400px){::ng-deep .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-xxl .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-xxl .navbar-toggler{display:none}::ng-deep .navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}::ng-deep .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand .navbar-nav{flex-direction:row}::ng-deep .navbar-expand .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand .navbar-toggler{display:none}::ng-deep .navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}::ng-deep .navbar-dark,::ng-deep .navbar[data-bs-theme=dark]{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}::ng-deep [data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}::ng-deep .navbar{z-index:20!important}::ng-deep .navbar.noscript:not(:focus-within)>div>bs-navbar-nav>div.navbar-collapse{display:none}::ng-deep .navbar.noscript li.nav-item:focus-within>bs-navbar-dropdown>ul{display:block}::ng-deep .navbar.noscript li.nav-item:focus-within>bs-navbar-dropdown>ul li:has(a.dropdown-item):focus-within>bs-navbar-dropdown>ul{display:block}nav{left:0;top:0;right:0;z-index:10}@media(min-width:768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem 0}::ng-deep bs-navbar-nav{display:contents}@media(max-width:575.98px){nav.navbar-expand-sm ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-sm.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-sm.os-windows{margin-right:-17px}}@media(max-width:767.98px){nav.navbar-expand-md ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-md.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-md.os-windows{margin-right:-17px}}@media(max-width:991.98px){nav.navbar-expand-lg ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-lg.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-lg.os-windows{margin-right:-17px}}@media(max-width:1199.98px){nav.navbar-expand-xl ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-xl.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-xl.os-windows{margin-right:-17px}}@media(max-width:1399.98px){nav.navbar-expand-xxl ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-xxl.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-xxl.os-windows{margin-right:-17px}}.nav-wrapper ::ng-deep bs-navbar-nav>.navbar-collapse{justify-content:center}.nav-wrapper ::ng-deep bs-navbar-nav:first-of-type>.navbar-collapse{justify-content:flex-start}.nav-wrapper ::ng-deep bs-navbar-nav:last-of-type>.navbar-collapse{justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.BsContainerComponent, selector: "bs-container" }, { kind: "directive", type: i3.BsUserAgentDirective, selector: "[bsUserAgent]", outputs: ["detected"] }, { kind: "directive", type: i4.BsNoNoscriptDirective, selector: "[bsNoNoscript]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-navbar', standalone: false, template: "<bs-container>\n    <nav #nav class=\"navbar position-fixed\" [class]=\"navClassList$ | async\" bsUserAgent bsNoNoscript>\n        <div class=\"container-fluid nav-wrapper\">\n            <div class=\"d-flex w-100\" [class]=\"wAutoClass$ | async\">\n                <ng-content select=\"bs-navbar-brand\"></ng-content>\n                <div class=\"flex-end d-flex tw\" [class]=\"dNoneClass$ | async\">\n                    <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n                        <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: isExpanded$ | async }\"></ng-container>\n                    </button>\n                </div>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</bs-container>\n\n<ng-template #defaultExpandButton>\n    <span class=\"navbar-toggler-icon\"></span>\n</ng-template>", styles: ["::ng-deep .dropup,::ng-deep .dropend,::ng-deep .dropdown,::ng-deep .dropstart,::ng-deep .dropup-center,::ng-deep .dropdown-center{position:relative}::ng-deep .dropdown-toggle{white-space:nowrap}::ng-deep .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}::ng-deep .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}::ng-deep .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}::ng-deep .dropdown-menu-start{--bs-position: start}::ng-deep .dropdown-menu-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-end{--bs-position: end}::ng-deep .dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width: 576px){::ng-deep .dropdown-menu-sm-start{--bs-position: start}::ng-deep .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-sm-end{--bs-position: end}::ng-deep .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 768px){::ng-deep .dropdown-menu-md-start{--bs-position: start}::ng-deep .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-md-end{--bs-position: end}::ng-deep .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 992px){::ng-deep .dropdown-menu-lg-start{--bs-position: start}::ng-deep .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-lg-end{--bs-position: end}::ng-deep .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1200px){::ng-deep .dropdown-menu-xl-start{--bs-position: start}::ng-deep .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-xl-end{--bs-position: end}::ng-deep .dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1400px){::ng-deep .dropdown-menu-xxl-start{--bs-position: start}::ng-deep .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-xxl-end{--bs-position: end}::ng-deep .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}::ng-deep .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}::ng-deep .dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}::ng-deep .dropup .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}::ng-deep .dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}::ng-deep .dropend .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropend .dropdown-toggle:after{vertical-align:0}::ng-deep .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}::ng-deep .dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}::ng-deep .dropstart .dropdown-toggle:after{display:none}::ng-deep .dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}::ng-deep .dropstart .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropstart .dropdown-toggle:before{vertical-align:0}::ng-deep .dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}::ng-deep .dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}::ng-deep .dropdown-item:hover,::ng-deep .dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}::ng-deep .dropdown-item.active,::ng-deep .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}::ng-deep .dropdown-item.disabled,::ng-deep .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}::ng-deep .dropdown-menu.show{display:block}::ng-deep .dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}::ng-deep .dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}::ng-deep .dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){::ng-deep .nav-link{transition:none}}::ng-deep .nav-link:hover,::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}::ng-deep .nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}::ng-deep .nav-link.disabled,::ng-deep .nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}::ng-deep .nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}::ng-deep .nav-tabs .nav-link:hover,::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}::ng-deep .nav-tabs .nav-link.active,::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}::ng-deep .nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}::ng-deep .nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}::ng-deep .nav-pills .nav-link.active,::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}::ng-deep .nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: .125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}::ng-deep .nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}::ng-deep .nav-underline .nav-link:hover,::ng-deep .nav-underline .nav-link:focus{border-bottom-color:currentcolor}::ng-deep .nav-underline .nav-link.active,::ng-deep .nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}::ng-deep .nav-fill>.nav-link,::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}::ng-deep .nav-justified>.nav-link,::ng-deep .nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}::ng-deep .nav-fill .nav-item .nav-link,::ng-deep .nav-justified .nav-item .nav-link{width:100%}::ng-deep .tab-content>.tab-pane{display:none}::ng-deep .tab-content>.active{display:block}::ng-deep .navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius: var(--bs-border-radius);--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}::ng-deep .navbar>.container-xxl,::ng-deep .navbar>.container-xl,::ng-deep .navbar>.container-lg,::ng-deep .navbar>.container-md,::ng-deep .navbar>.container-sm,::ng-deep .navbar>.container,::ng-deep .navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}::ng-deep .navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}::ng-deep .navbar-brand:hover,::ng-deep .navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}::ng-deep .navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}::ng-deep .navbar-nav .nav-link.active,::ng-deep .navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}::ng-deep .navbar-nav .dropdown-menu{position:static}::ng-deep .navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}::ng-deep .navbar-text a,::ng-deep .navbar-text a:hover,::ng-deep .navbar-text a:focus{color:var(--bs-navbar-active-color)}::ng-deep .navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}::ng-deep .navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){::ng-deep .navbar-toggler{transition:none}}::ng-deep .navbar-toggler:hover{text-decoration:none}::ng-deep .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}::ng-deep .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}::ng-deep .navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media (min-width: 576px){::ng-deep .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-sm .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-sm .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-sm .navbar-toggler{display:none}::ng-deep .navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-sm .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 768px){::ng-deep .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-md .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-md .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-md .navbar-toggler{display:none}::ng-deep .navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-md .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 992px){::ng-deep .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-lg .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-lg .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-lg .navbar-toggler{display:none}::ng-deep .navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-lg .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1200px){::ng-deep .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-xl .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-xl .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-xl .navbar-toggler{display:none}::ng-deep .navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-xl .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1400px){::ng-deep .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-xxl .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-xxl .navbar-toggler{display:none}::ng-deep .navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}::ng-deep .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand .navbar-nav{flex-direction:row}::ng-deep .navbar-expand .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand .navbar-toggler{display:none}::ng-deep .navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}::ng-deep .navbar-dark,::ng-deep .navbar[data-bs-theme=dark]{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}::ng-deep [data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}::ng-deep .navbar{z-index:20!important}::ng-deep .navbar.noscript:not(:focus-within)>div>bs-navbar-nav>div.navbar-collapse{display:none}::ng-deep .navbar.noscript li.nav-item:focus-within>bs-navbar-dropdown>ul{display:block}::ng-deep .navbar.noscript li.nav-item:focus-within>bs-navbar-dropdown>ul li:has(a.dropdown-item):focus-within>bs-navbar-dropdown>ul{display:block}nav{left:0;top:0;right:0;z-index:10}@media (min-width: 768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem 0}::ng-deep bs-navbar-nav{display:contents}@media (max-width: 575.98px){nav.navbar-expand-sm ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-sm.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-sm.os-windows{margin-right:-17px}}@media (max-width: 767.98px){nav.navbar-expand-md ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-md.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-md.os-windows{margin-right:-17px}}@media (max-width: 991.98px){nav.navbar-expand-lg ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-lg.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-lg.os-windows{margin-right:-17px}}@media (max-width: 1199.98px){nav.navbar-expand-xl ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-xl.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-xl.os-windows{margin-right:-17px}}@media (max-width: 1399.98px){nav.navbar-expand-xxl ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-xxl.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-xxl.os-windows{margin-right:-17px}}.nav-wrapper ::ng-deep bs-navbar-nav>.navbar-collapse{justify-content:center}.nav-wrapper ::ng-deep bs-navbar-nav:first-of-type>.navbar-collapse{justify-content:flex-start}.nav-wrapper ::ng-deep bs-navbar-nav:last-of-type>.navbar-collapse{justify-content:flex-end}\n"] }]
-        }], ctorParameters: () => [{ type: i0.DestroyRef }], propDecorators: { onWindowResize: [{
+            args: [{ selector: 'bs-navbar', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-container>\n    <nav #nav class=\"navbar position-fixed\" [class]=\"navClassList()\" bsUserAgent bsNoNoscript>\n        <div class=\"container-fluid nav-wrapper\">\n            <div class=\"d-flex w-100\" [class]=\"wAutoClass()\">\n                <ng-content select=\"bs-navbar-brand\"></ng-content>\n                <div class=\"flex-end d-flex tw\" [class]=\"dNoneClass()\">\n                    <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n                        <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: isExpanded() }\"></ng-container>\n                    </button>\n                </div>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</bs-container>\n\n<ng-template #defaultExpandButton>\n    <span class=\"navbar-toggler-icon\"></span>\n</ng-template>\n", styles: ["::ng-deep .dropup,::ng-deep .dropend,::ng-deep .dropdown,::ng-deep .dropstart,::ng-deep .dropup-center,::ng-deep .dropdown-center{position:relative}::ng-deep .dropdown-toggle{white-space:nowrap}::ng-deep .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}::ng-deep .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}::ng-deep .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}::ng-deep .dropdown-menu-start{--bs-position: start}::ng-deep .dropdown-menu-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-end{--bs-position: end}::ng-deep .dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media(min-width:576px){::ng-deep .dropdown-menu-sm-start{--bs-position: start}::ng-deep .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-sm-end{--bs-position: end}::ng-deep .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media(min-width:768px){::ng-deep .dropdown-menu-md-start{--bs-position: start}::ng-deep .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-md-end{--bs-position: end}::ng-deep .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media(min-width:992px){::ng-deep .dropdown-menu-lg-start{--bs-position: start}::ng-deep .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-lg-end{--bs-position: end}::ng-deep .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media(min-width:1200px){::ng-deep .dropdown-menu-xl-start{--bs-position: start}::ng-deep .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-xl-end{--bs-position: end}::ng-deep .dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media(min-width:1400px){::ng-deep .dropdown-menu-xxl-start{--bs-position: start}::ng-deep .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}::ng-deep .dropdown-menu-xxl-end{--bs-position: end}::ng-deep .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}::ng-deep .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}::ng-deep .dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}::ng-deep .dropup .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}::ng-deep .dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}::ng-deep .dropend .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropend .dropdown-toggle:after{vertical-align:0}::ng-deep .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}::ng-deep .dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}::ng-deep .dropstart .dropdown-toggle:after{display:none}::ng-deep .dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}::ng-deep .dropstart .dropdown-toggle:empty:after{margin-left:0}::ng-deep .dropstart .dropdown-toggle:before{vertical-align:0}::ng-deep .dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}::ng-deep .dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}::ng-deep .dropdown-item:hover,::ng-deep .dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}::ng-deep .dropdown-item.active,::ng-deep .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}::ng-deep .dropdown-item.disabled,::ng-deep .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}::ng-deep .dropdown-menu.show{display:block}::ng-deep .dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}::ng-deep .dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}::ng-deep .dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){::ng-deep .nav-link{transition:none}}::ng-deep .nav-link:hover,::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}::ng-deep .nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}::ng-deep .nav-link.disabled,::ng-deep .nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}::ng-deep .nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}::ng-deep .nav-tabs .nav-link:hover,::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}::ng-deep .nav-tabs .nav-link.active,::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}::ng-deep .nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}::ng-deep .nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}::ng-deep .nav-pills .nav-link.active,::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}::ng-deep .nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: .125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}::ng-deep .nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}::ng-deep .nav-underline .nav-link:hover,::ng-deep .nav-underline .nav-link:focus{border-bottom-color:currentcolor}::ng-deep .nav-underline .nav-link.active,::ng-deep .nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}::ng-deep .nav-fill>.nav-link,::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}::ng-deep .nav-justified>.nav-link,::ng-deep .nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}::ng-deep .nav-fill .nav-item .nav-link,::ng-deep .nav-justified .nav-item .nav-link{width:100%}::ng-deep .tab-content>.tab-pane{display:none}::ng-deep .tab-content>.active{display:block}::ng-deep .navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius: var(--bs-border-radius);--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}::ng-deep .navbar>.container-xxl,::ng-deep .navbar>.container-xl,::ng-deep .navbar>.container-lg,::ng-deep .navbar>.container-md,::ng-deep .navbar>.container-sm,::ng-deep .navbar>.container,::ng-deep .navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}::ng-deep .navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}::ng-deep .navbar-brand:hover,::ng-deep .navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}::ng-deep .navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}::ng-deep .navbar-nav .nav-link.active,::ng-deep .navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}::ng-deep .navbar-nav .dropdown-menu{position:static}::ng-deep .navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}::ng-deep .navbar-text a,::ng-deep .navbar-text a:hover,::ng-deep .navbar-text a:focus{color:var(--bs-navbar-active-color)}::ng-deep .navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}::ng-deep .navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media(prefers-reduced-motion:reduce){::ng-deep .navbar-toggler{transition:none}}::ng-deep .navbar-toggler:hover{text-decoration:none}::ng-deep .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}::ng-deep .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}::ng-deep .navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media(min-width:576px){::ng-deep .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-sm .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-sm .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-sm .navbar-toggler{display:none}::ng-deep .navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-sm .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:768px){::ng-deep .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-md .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-md .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-md .navbar-toggler{display:none}::ng-deep .navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-md .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:992px){::ng-deep .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-lg .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-lg .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-lg .navbar-toggler{display:none}::ng-deep .navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-lg .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:1200px){::ng-deep .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-xl .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-xl .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-xl .navbar-toggler{display:none}::ng-deep .navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-xl .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:1400px){::ng-deep .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand-xxl .navbar-nav{flex-direction:row}::ng-deep .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand-xxl .navbar-toggler{display:none}::ng-deep .navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}::ng-deep .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}::ng-deep .navbar-expand .navbar-nav{flex-direction:row}::ng-deep .navbar-expand .navbar-nav .dropdown-menu{position:absolute}::ng-deep .navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}::ng-deep .navbar-expand .navbar-nav-scroll{overflow:visible}::ng-deep .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}::ng-deep .navbar-expand .navbar-toggler{display:none}::ng-deep .navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}::ng-deep .navbar-expand .offcanvas .offcanvas-header{display:none}::ng-deep .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}::ng-deep .navbar-dark,::ng-deep .navbar[data-bs-theme=dark]{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}::ng-deep [data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}::ng-deep .navbar{z-index:20!important}::ng-deep .navbar.noscript:not(:focus-within)>div>bs-navbar-nav>div.navbar-collapse{display:none}::ng-deep .navbar.noscript li.nav-item:focus-within>bs-navbar-dropdown>ul{display:block}::ng-deep .navbar.noscript li.nav-item:focus-within>bs-navbar-dropdown>ul li:has(a.dropdown-item):focus-within>bs-navbar-dropdown>ul{display:block}nav{left:0;top:0;right:0;z-index:10}@media(min-width:768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem 0}::ng-deep bs-navbar-nav{display:contents}@media(max-width:575.98px){nav.navbar-expand-sm ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-sm.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-sm.os-windows{margin-right:-17px}}@media(max-width:767.98px){nav.navbar-expand-md ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-md.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-md.os-windows{margin-right:-17px}}@media(max-width:991.98px){nav.navbar-expand-lg ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-lg.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-lg.os-windows{margin-right:-17px}}@media(max-width:1199.98px){nav.navbar-expand-xl ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-xl.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-xl.os-windows{margin-right:-17px}}@media(max-width:1399.98px){nav.navbar-expand-xxl ::ng-deep div.navbar-collapse{overflow-y:hidden}nav.navbar-expand-xxl.position-fixed{max-height:100%;overflow-y:scroll}nav.navbar-expand-xxl.os-windows{margin-right:-17px}}.nav-wrapper ::ng-deep bs-navbar-nav>.navbar-collapse{justify-content:center}.nav-wrapper ::ng-deep bs-navbar-nav:first-of-type>.navbar-collapse{justify-content:flex-start}.nav-wrapper ::ng-deep bs-navbar-nav:last-of-type>.navbar-collapse{justify-content:flex-end}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize']
             }], nav: [{
                 type: ViewChild,
                 args: ['nav']
-            }], autoclose: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], breakpoint: [{
-                type: Input
-            }] } });
+            }], autoclose: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoclose", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], breakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoint", required: false }] }] } });
 
 class BsNavbarNavComponent {
-    constructor(bsNavbar) {
-        this.collapse$ = new BehaviorSubject(true);
-        this.windowWidth$ = new BehaviorSubject(null);
-        this.isResizing$ = new BehaviorSubject(false);
-        this.bsNavbar = bsNavbar;
-        this.showNavs$ = combineLatest([this.bsNavbar.isExpanded$, this.bsNavbar.expandAt$, this.windowWidth$])
-            .pipe(filter(([isExpanded, expandAt, windowWidth]) => {
-            return windowWidth !== null;
-        }))
-            .pipe(map(([isExpanded, expandAt, windowWidth]) => {
+    constructor() {
+        this.bsNavbar = inject(BsNavbarComponent);
+        this.windowWidth = signal(null, ...(ngDevMode ? [{ debugName: "windowWidth" }] : []));
+        this.isResizing = signal(false, ...(ngDevMode ? [{ debugName: "isResizing" }] : []));
+        this.collapse = input(true, ...(ngDevMode ? [{ debugName: "collapse" }] : []));
+        this.showNavs = computed(() => {
+            const isExpanded = this.bsNavbar.isExpanded();
+            const expandAt = this.bsNavbar.expandAt();
+            const windowWidth = this.windowWidth();
             if (windowWidth === null) {
-                throw 'windowWidth should not be null here';
+                return false;
             }
             else if (expandAt === null) {
                 return isExpanded;
@@ -172,48 +150,55 @@ class BsNavbarNavComponent {
             else {
                 return isExpanded;
             }
-        }));
-        this.windowWidth$
-            .pipe(debounceTime(300), takeUntilDestroyed())
-            .subscribe(() => this.isResizing$.next(false));
+        }, ...(ngDevMode ? [{ debugName: "showNavs" }] : []));
+        effect((onCleanup) => {
+            const windowWidth = this.windowWidth();
+            const timeout = setTimeout(() => this.isResizing.set(false), 300);
+            onCleanup(() => clearTimeout(timeout));
+        });
         this.onWindowResize();
     }
-    //#region collapse
-    set collapse(value) {
-        this.collapse$.next(value);
-    }
-    get collapse() {
-        return this.collapse$.value;
-    }
-    //#endregion
     onWindowResize() {
-        this.isResizing$.next(true);
+        this.isResizing.set(true);
         if (typeof window !== 'undefined') {
-            this.windowWidth$.next(window.innerWidth);
+            this.windowWidth.set(window.innerWidth);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarNavComponent, deps: [{ token: BsNavbarComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsNavbarNavComponent, isStandalone: false, selector: "bs-navbar-nav", inputs: { collapse: "collapse" }, host: { listeners: { "window:resize": "onWindowResize()" } }, ngImport: i0, template: "<div class=\"navbar-collapse w-100 show\" [class.collapse]=\"collapse$ | async\" [@slideUpDown]=\"showNavs$ | async\" [@.disabled]=\"isResizing$ | async\">\n    <ul class=\"navbar-nav mr-auto\">\n        <ng-content></ng-content>\n    </ul>\n</div>", styles: [":host{margin-right:auto}\n"], dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [SlideUpDownAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsNavbarNavComponent, isStandalone: false, selector: "bs-navbar-nav", inputs: { collapse: { classPropertyName: "collapse", publicName: "collapse", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onWindowResize()" } }, ngImport: i0, template: "<div class=\"navbar-collapse w-100 show\" [class.collapse]=\"collapse()\" [@slideUpDown]=\"showNavs()\" [@.disabled]=\"isResizing()\">\n    <ul class=\"navbar-nav mr-auto\">\n        <ng-content></ng-content>\n    </ul>\n</div>\n", styles: [":host{margin-right:auto}\n"], animations: [SlideUpDownAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarNavComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-navbar-nav', standalone: false, animations: [SlideUpDownAnimation], template: "<div class=\"navbar-collapse w-100 show\" [class.collapse]=\"collapse$ | async\" [@slideUpDown]=\"showNavs$ | async\" [@.disabled]=\"isResizing$ | async\">\n    <ul class=\"navbar-nav mr-auto\">\n        <ng-content></ng-content>\n    </ul>\n</div>", styles: [":host{margin-right:auto}\n"] }]
-        }], ctorParameters: () => [{ type: BsNavbarComponent }], propDecorators: { collapse: [{
-                type: Input
-            }], onWindowResize: [{
+            args: [{ selector: 'bs-navbar-nav', standalone: false, animations: [SlideUpDownAnimation], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navbar-collapse w-100 show\" [class.collapse]=\"collapse()\" [@slideUpDown]=\"showNavs()\" [@.disabled]=\"isResizing()\">\n    <ul class=\"navbar-nav mr-auto\">\n        <ng-content></ng-content>\n    </ul>\n</div>\n", styles: [":host{margin-right:auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { collapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapse", required: false }] }], onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize']
             }] } });
 
 class BsNavbarItemComponent {
-    constructor(navbar, element, destroy, platformId, parentDropdown) {
-        this.navbar = navbar;
-        this.destroy = destroy;
-        this.platformId = platformId;
+    constructor() {
+        this.navbar = inject(BsNavbarComponent);
+        this.element = inject(ElementRef);
+        this.destroy = inject(DestroyRef);
+        this.platformId = inject(PLATFORM_ID);
+        this.parentDropdown = inject(forwardRef(() => BsNavbarDropdownComponent), { optional: true });
         this.hasDropdown = false;
         this.anchorTag = null;
-        this.element = element;
-        this.parentDropdown = parentDropdown;
+        // Effect handles future isSmallMode changes after content is initialized
+        effect(() => {
+            const isSmallMode = this.navbar.isSmallMode();
+            this.dropdowns?.forEach((dropdown) => {
+                dropdown.showInOverlay = !isSmallMode;
+            });
+        });
+    }
+    ngAfterContentInit() {
+        // Set initial showInOverlay state after content children are resolved
+        // This is needed because the effect runs before @ContentChildren is populated
+        const isSmallMode = this.navbar.isSmallMode();
+        this.dropdowns?.forEach((dropdown) => {
+            dropdown.showInOverlay = !isSmallMode;
+        });
     }
     ngAfterContentChecked() {
         this.anchorTag = this.element.nativeElement.querySelector('li a');
@@ -227,30 +212,11 @@ class BsNavbarItemComponent {
                     this.anchorTag.setAttribute('close-init-b', '1');
                     this.anchorTag.addEventListener('click', (ev) => {
                         ev.preventDefault();
-                        // Normally there should be only one dropdown in this list
                         this.dropdowns.forEach((dropdown) => {
-                            if (!(dropdown.isVisible = !dropdown.isVisible)) {
-                                dropdown.childDropdowns.forEach((child) => child.isVisible = false);
-                            }
-                            else if (this.parentDropdown) {
-                                // import('@angular/cdk/overlay').then(({ OverlayModule, Overlay }) => {
-                                //   const overlayService = this.injector.get(Overlay);
-                                //   return overlayService;
-                                // }).then((overlayService) => {
-                                //   const p = new DomPortal(dropdown.element);
-                                //   const overlayRef = overlayService.create({
-                                //     positionStrategy: overlayService.position()
-                                //       .flexibleConnectedTo(this.element)
-                                //       .withPositions([
-                                //         { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top' }
-                                //       ])
-                                //   });
-                                // overlayRef.attach(p);
-                                // });
-                                // dropdown.showInOverlay = true;
-                                this.navbar.isSmallMode$
-                                    .pipe(takeUntilDestroyed(this.destroy))
-                                    .subscribe((isSmallMode) => dropdown.showInOverlay = !isSmallMode);
+                            const newVisible = !dropdown.isVisible();
+                            dropdown.isVisible.set(newVisible);
+                            if (!newVisible) {
+                                dropdown.childDropdowns.forEach((child) => child.isVisible.set(false));
                             }
                         });
                         return false;
@@ -259,100 +225,96 @@ class BsNavbarItemComponent {
             }
         }
         else {
-            // Close if this is a link
             if ((this.dropdowns.length === 0) && this.anchorTag && !this.anchorTag.getAttribute('close-init-a')) {
                 this.anchorTag.setAttribute('close-init-a', '1');
                 this.anchorTag.addEventListener('click', (ev) => {
                     let d = this.parentDropdown;
-                    while (d && d.autoclose) {
-                        d.isVisible = false;
+                    while (d && d.autoclose()) {
+                        d.isVisible.set(false);
                         d = d.parentDropdown;
                     }
-                    if (this.navbar.autoclose) {
-                        this.navbar.isExpanded$.next(false);
+                    if (this.navbar.autoclose()) {
+                        this.navbar.isExpanded.set(false);
                     }
                 });
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarItemComponent, deps: [{ token: BsNavbarComponent }, { token: i0.ElementRef }, { token: i0.DestroyRef }, { token: PLATFORM_ID }, { token: forwardRef(() => BsNavbarDropdownComponent), optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsNavbarItemComponent, isStandalone: false, selector: "bs-navbar-item", queries: [{ propertyName: "dropdowns", predicate: i0.forwardRef(() => BsNavbarDropdownComponent) }], ngImport: i0, template: "<li [class.nav-item]=\"parentDropdown === null\" [class.dropdown]=\"(dropdowns.length > 0) && (parentDropdown === null)\" [class.dropend]=\"(dropdowns.length > 0) && (parentDropdown !== null)\">\n    <ng-content></ng-content>\n</li>", styles: ["li.dropend ::ng-deep a.dropdown-toggle{padding-right:1.5rem}li.dropend ::ng-deep a.dropdown-toggle:after{position:absolute;right:.5rem;top:.75rem}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: BsNavbarItemComponent, isStandalone: false, selector: "bs-navbar-item", queries: [{ propertyName: "dropdowns", predicate: i0.forwardRef(() => BsNavbarDropdownComponent) }], ngImport: i0, template: "<li [class.nav-item]=\"parentDropdown === null\" [class.dropdown]=\"(dropdowns.length > 0) && (parentDropdown === null)\" [class.dropend]=\"(dropdowns.length > 0) && (parentDropdown !== null)\">\n    <ng-content></ng-content>\n</li>", styles: ["li.dropend ::ng-deep a.dropdown-toggle{padding-right:1.5rem}li.dropend ::ng-deep a.dropdown-toggle:after{position:absolute;right:.5rem;top:.75rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-navbar-item', standalone: false, template: "<li [class.nav-item]=\"parentDropdown === null\" [class.dropdown]=\"(dropdowns.length > 0) && (parentDropdown === null)\" [class.dropend]=\"(dropdowns.length > 0) && (parentDropdown !== null)\">\n    <ng-content></ng-content>\n</li>", styles: ["li.dropend ::ng-deep a.dropdown-toggle{padding-right:1.5rem}li.dropend ::ng-deep a.dropdown-toggle:after{position:absolute;right:.5rem;top:.75rem}\n"] }]
-        }], ctorParameters: () => [{ type: BsNavbarComponent }, { type: i0.ElementRef }, { type: i0.DestroyRef }, { type: Object, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }, { type: BsNavbarDropdownComponent, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [forwardRef(() => BsNavbarDropdownComponent)]
-                }] }], propDecorators: { dropdowns: [{
+            args: [{ selector: 'bs-navbar-item', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<li [class.nav-item]=\"parentDropdown === null\" [class.dropdown]=\"(dropdowns.length > 0) && (parentDropdown === null)\" [class.dropend]=\"(dropdowns.length > 0) && (parentDropdown !== null)\">\n    <ng-content></ng-content>\n</li>", styles: ["li.dropend ::ng-deep a.dropdown-toggle{padding-right:1.5rem}li.dropend ::ng-deep a.dropdown-toggle:after{position:absolute;right:.5rem;top:.75rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { dropdowns: [{
                 type: ContentChildren,
                 args: [forwardRef(() => BsNavbarDropdownComponent)]
             }] } });
 
 class BsNavbarDropdownComponent {
-    constructor(navbar, parentDropdown, navbarItem, element, injector, document, platformId) {
-        this.navbar = navbar;
-        this.element = element;
-        this.injector = injector;
-        this.document = document;
+    constructor() {
+        this.navbar = inject(BsNavbarComponent);
+        this.parentDropdown = inject(BsNavbarDropdownComponent, { skipSelf: true, optional: true });
+        this.navbarItem = inject(forwardRef(() => BsNavbarItemComponent), { host: true });
+        this.element = inject(ElementRef);
+        this.injector = inject(Injector);
+        this.document = inject(DOCUMENT);
+        this.platformId = inject(PLATFORM_ID);
         this.isAttached = false;
-        this.autoclose = true;
-        this.isBrowser = false;
-        this.topPos$ = new BehaviorSubject(null);
-        //#region IsVisible
-        this.isVisible$ = new BehaviorSubject(false);
-        this.parentDropdown = parentDropdown;
-        this.navbarItem = navbarItem;
-        this.isBrowser = !isPlatformServer(platformId);
-        this.isVisible$.pipe(takeUntilDestroyed()).subscribe((isVisible) => {
-            if (isVisible) {
-                setTimeout(() => {
-                    try {
-                        this.overlay && this.overlay.updatePosition();
-                    }
-                    catch (ex) { }
-                }, 20);
-                this.topPos$.next(this.element.nativeElement.offsetTop);
-            }
-            else {
-                this.topPos$.next(null);
-            }
-        });
-        this.maxHeight$ = this.topPos$.pipe(map((topPos) => {
+        this.isDestroyed = false;
+        this.pendingShowInOverlay = null;
+        this.autoclose = input(true, ...(ngDevMode ? [{ debugName: "autoclose" }] : []));
+        this.isBrowser = !isPlatformServer(this.platformId);
+        this.isVisible = signal(false, ...(ngDevMode ? [{ debugName: "isVisible" }] : []));
+        this.topPos = signal(null, ...(ngDevMode ? [{ debugName: "topPos" }] : []));
+        this.maxHeight = computed(() => {
+            const topPos = this.topPos();
             const w = this.document.defaultView;
             if (!topPos) {
                 return null;
             }
-            else if (w) {
+            else if (w && this.dropdownElement) {
                 const style = w.getComputedStyle(this.dropdownElement.nativeElement);
                 return `calc(100vh - ${topPos}px - ${style.getPropertyValue('padding-top')} - ${style.getPropertyValue('padding-bottom')})`;
             }
             else {
                 return null;
             }
-        }));
-        this.maxHeightOrNull$ = combineLatest([this.maxHeight$, this.navbar.isSmallMode$]).pipe(map(([maxHeight, isSmallMode]) => {
+        }, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
+        this.maxHeightOrNull = computed(() => {
+            const maxHeight = this.maxHeight();
+            const isSmallMode = this.navbar.isSmallMode();
             if (isSmallMode) {
                 return null;
             }
-            else if (isPlatformServer(platformId)) {
-                // Javascript disabled
-                // Only apply max-height to the top-dropdown
-                return parentDropdown ? null : maxHeight;
+            else if (isPlatformServer(this.platformId)) {
+                return this.parentDropdown ? null : maxHeight;
             }
             else {
-                // If javascript enabled
                 return maxHeight;
             }
-        }));
-        if (!!parentDropdown && this.isBrowser) {
-            // Setup overlay
-            import('@angular/cdk/overlay').then(({ OverlayModule, Overlay }) => {
+        }, ...(ngDevMode ? [{ debugName: "maxHeightOrNull" }] : []));
+        effect(() => {
+            const isVisible = this.isVisible();
+            if (isVisible) {
+                setTimeout(() => {
+                    try {
+                        this.overlay?.updatePosition();
+                    }
+                    catch (ex) { }
+                }, 20);
+                this.topPos.set(this.element.nativeElement.offsetTop);
+            }
+            else {
+                this.topPos.set(null);
+            }
+        });
+        if (!!this.parentDropdown && this.isBrowser) {
+            import('@angular/cdk/overlay').then(({ Overlay }) => {
+                // Guard against accessing injector after component is destroyed
+                if (this.isDestroyed) {
+                    return;
+                }
                 const overlayService = this.injector.get(Overlay);
                 this.domPortal = new DomPortal(this.element);
                 this.overlay = overlayService.create({
@@ -362,14 +324,23 @@ class BsNavbarDropdownComponent {
                         { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: -9, offsetY: -9 }
                     ])
                 });
-                // For some reason we have to trigger this from the BsDropdownItem
-                // this.showInOverlay = true;
+                // Apply pending showInOverlay state if it was set before overlay was ready
+                // Use setTimeout to avoid ExpressionChangedAfterItHasBeenCheckedError
+                if (this.pendingShowInOverlay !== null) {
+                    const pending = this.pendingShowInOverlay;
+                    this.pendingShowInOverlay = null;
+                    setTimeout(() => {
+                        this.showInOverlay = pending;
+                    });
+                }
             });
         }
     }
+    ngOnDestroy() {
+        this.isDestroyed = true;
+    }
     set showInOverlay(value) {
         if (this.overlay && this.domPortal) {
-            // if (value && !this.overlay.hasAttached()) {
             if (value && !this.isAttached) {
                 this.overlay.attach(this.domPortal);
                 this.isAttached = true;
@@ -379,46 +350,21 @@ class BsNavbarDropdownComponent {
                 this.isAttached = false;
             }
         }
+        else {
+            // Store the value to apply once the overlay is ready
+            this.pendingShowInOverlay = value;
+        }
     }
-    get isVisible() {
-        return this.isVisible$.value;
-    }
-    set isVisible(value) {
-        this.isVisible$.next(value);
-    }
-    //#endregion
     get elementsToExclude() {
         return [this.navbarItem.anchorTag].filter((a) => a).map((a) => a);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarDropdownComponent, deps: [{ token: BsNavbarComponent }, { token: forwardRef(() => BsNavbarDropdownComponent), host: true, optional: true, skipSelf: true }, { token: forwardRef(() => BsNavbarItemComponent), host: true }, { token: i0.ElementRef }, { token: i0.Injector }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsNavbarDropdownComponent, isStandalone: false, selector: "bs-navbar-dropdown", inputs: { autoclose: "autoclose" }, queries: [{ propertyName: "childDropdowns", predicate: i0.forwardRef(() => BsNavbarDropdownComponent), descendants: true }], viewQueries: [{ propertyName: "dropdownElement", first: true, predicate: ["dd"], descendants: true }], ngImport: i0, template: "<bs-has-overlay></bs-has-overlay>\n<ul #dd class=\"dropdown-menu\" [class.show]=\"isVisible$ | async\" [class.submenu]=\"!!parentDropdown\" [class.overflow-y-auto]=\"isBrowser\" [style.max-height]=\"maxHeightOrNull$ | async\" bsNoNoscript (clickOutside)=\"isVisible = false\" [exclude]=\"elementsToExclude\" aria-labelledby=\"navbarDropdown\">\n    <ng-content></ng-content>\n</ul>\n\n<!-- \n    - Working demo: https://codepen.io/agop/pen/VwwMGR\n    - Location must be set through javascript\n    - bsNoScript => If noscript, 2nd-level submenus must be shown inside the 1st-level submenu\n -->\n <!-- \n    - Another option: https://stackblitz.com/edit/web-platform-vmsr4l?file=index.html\n    - But this doesn't seem to work here\n  -->", styles: [".submenu:not(.noscript){margin:0 .5rem!important}.submenu.noscript{margin:0 .5rem;position:initial!important}:not(.submenu).noscript{max-height:calc(100vh - 100% - 1rem);overflow-y:auto}.overflow-y-auto{overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i2$1.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "directive", type: i4.BsNoNoscriptDirective, selector: "[bsNoNoscript]" }, { kind: "component", type: i4$1.BsHasOverlayComponent, selector: "bs-has-overlay" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsNavbarDropdownComponent, isStandalone: false, selector: "bs-navbar-dropdown", inputs: { autoclose: { classPropertyName: "autoclose", publicName: "autoclose", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "childDropdowns", predicate: i0.forwardRef(() => BsNavbarDropdownComponent), descendants: true }], viewQueries: [{ propertyName: "dropdownElement", first: true, predicate: ["dd"], descendants: true }], ngImport: i0, template: "<bs-has-overlay></bs-has-overlay>\n<ul #dd class=\"dropdown-menu\" [class.show]=\"isVisible()\" [class.submenu]=\"!!parentDropdown\" [class.overflow-y-auto]=\"isBrowser\" [style.max-height]=\"maxHeightOrNull()\" bsNoNoscript (clickOutside)=\"isVisible.set(false)\" [exclude]=\"elementsToExclude\" aria-labelledby=\"navbarDropdown\">\n    <ng-content></ng-content>\n</ul>\n\n<!--\n    - Working demo: https://codepen.io/agop/pen/VwwMGR\n    - Location must be set through javascript\n    - bsNoScript => If noscript, 2nd-level submenus must be shown inside the 1st-level submenu\n -->\n <!--\n    - Another option: https://stackblitz.com/edit/web-platform-vmsr4l?file=index.html\n    - But this doesn't seem to work here\n  -->\n", styles: [".submenu:not(.noscript){margin:0 .5rem!important}.submenu.noscript{margin:0 .5rem;position:initial!important}:not(.submenu).noscript{max-height:calc(100vh - 100% - 1rem);overflow-y:auto}.overflow-y-auto{overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "directive", type: i4.BsNoNoscriptDirective, selector: "[bsNoNoscript]" }, { kind: "component", type: i3$1.BsHasOverlayComponent, selector: "bs-has-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-navbar-dropdown', standalone: false, template: "<bs-has-overlay></bs-has-overlay>\n<ul #dd class=\"dropdown-menu\" [class.show]=\"isVisible$ | async\" [class.submenu]=\"!!parentDropdown\" [class.overflow-y-auto]=\"isBrowser\" [style.max-height]=\"maxHeightOrNull$ | async\" bsNoNoscript (clickOutside)=\"isVisible = false\" [exclude]=\"elementsToExclude\" aria-labelledby=\"navbarDropdown\">\n    <ng-content></ng-content>\n</ul>\n\n<!-- \n    - Working demo: https://codepen.io/agop/pen/VwwMGR\n    - Location must be set through javascript\n    - bsNoScript => If noscript, 2nd-level submenus must be shown inside the 1st-level submenu\n -->\n <!-- \n    - Another option: https://stackblitz.com/edit/web-platform-vmsr4l?file=index.html\n    - But this doesn't seem to work here\n  -->", styles: [".submenu:not(.noscript){margin:0 .5rem!important}.submenu.noscript{margin:0 .5rem;position:initial!important}:not(.submenu).noscript{max-height:calc(100vh - 100% - 1rem);overflow-y:auto}.overflow-y-auto{overflow-y:auto}\n"] }]
-        }], ctorParameters: () => [{ type: BsNavbarComponent }, { type: BsNavbarDropdownComponent, decorators: [{
-                    type: Inject,
-                    args: [forwardRef(() => BsNavbarDropdownComponent)]
-                }, {
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Optional
-                }] }, { type: BsNavbarItemComponent, decorators: [{
-                    type: Host
-                }, {
-                    type: Inject,
-                    args: [forwardRef(() => BsNavbarItemComponent)]
-                }] }, { type: i0.ElementRef }, { type: i0.Injector }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: Object, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }], propDecorators: { autoclose: [{
-                type: Input
-            }], dropdownElement: [{
+            args: [{ selector: 'bs-navbar-dropdown', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-has-overlay></bs-has-overlay>\n<ul #dd class=\"dropdown-menu\" [class.show]=\"isVisible()\" [class.submenu]=\"!!parentDropdown\" [class.overflow-y-auto]=\"isBrowser\" [style.max-height]=\"maxHeightOrNull()\" bsNoNoscript (clickOutside)=\"isVisible.set(false)\" [exclude]=\"elementsToExclude\" aria-labelledby=\"navbarDropdown\">\n    <ng-content></ng-content>\n</ul>\n\n<!--\n    - Working demo: https://codepen.io/agop/pen/VwwMGR\n    - Location must be set through javascript\n    - bsNoScript => If noscript, 2nd-level submenus must be shown inside the 1st-level submenu\n -->\n <!--\n    - Another option: https://stackblitz.com/edit/web-platform-vmsr4l?file=index.html\n    - But this doesn't seem to work here\n  -->\n", styles: [".submenu:not(.noscript){margin:0 .5rem!important}.submenu.noscript{margin:0 .5rem;position:initial!important}:not(.submenu).noscript{max-height:calc(100vh - 100% - 1rem);overflow-y:auto}.overflow-y-auto{overflow-y:auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { autoclose: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoclose", required: false }] }], dropdownElement: [{
                 type: ViewChild,
                 args: ['dd']
             }], childDropdowns: [{
@@ -436,10 +382,10 @@ class DropdownToggleDirective {
             this.bsNavbarItem.hasDropdown = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DropdownToggleDirective, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => BsNavbarItemComponent) }, { token: forwardRef(() => BsNavbarDropdownComponent), optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: DropdownToggleDirective, isStandalone: false, selector: "bs-navbar-item", queries: [{ propertyName: "childDropdowns", predicate: i0.forwardRef(() => BsNavbarDropdownComponent) }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownToggleDirective, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => BsNavbarItemComponent) }, { token: forwardRef(() => BsNavbarDropdownComponent), optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: DropdownToggleDirective, isStandalone: false, selector: "bs-navbar-item", queries: [{ propertyName: "childDropdowns", predicate: i0.forwardRef(() => BsNavbarDropdownComponent) }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DropdownToggleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     // selector: 'bs-navbar-item > a[routerLink]',
@@ -472,10 +418,10 @@ class NavLinkDirective {
         }
         this.cursorPointer = !!parentNavbar;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: NavLinkDirective, deps: [{ token: i0.ElementRef }, { token: BsNavbarComponent, optional: true }, { token: forwardRef(() => BsNavbarDropdownComponent), optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: NavLinkDirective, isStandalone: false, selector: "bs-navbar-item > li > a", host: { properties: { "class.cursor-pointer": "this.cursorPointer" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavLinkDirective, deps: [{ token: i0.ElementRef }, { token: BsNavbarComponent, optional: true }, { token: forwardRef(() => BsNavbarDropdownComponent), optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: NavLinkDirective, isStandalone: false, selector: "bs-navbar-item > li > a", host: { properties: { "class.cursor-pointer": "this.cursorPointer" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: NavLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'bs-navbar-item > li > a',
@@ -498,73 +444,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
             }] } });
 
 class BsNavbarContentDirective {
-    constructor(element, platformId) {
-        this.element = element;
-        this.platformId = platformId;
-        this.viewInit$ = new BehaviorSubject(false);
-        this.navbar$ = new BehaviorSubject(undefined);
+    constructor() {
+        this.element = inject(ElementRef);
+        this.platformId = inject(PLATFORM_ID);
+        this.navbar = input(undefined, { ...(ngDevMode ? { debugName: "navbar" } : {}), alias: 'bsNavbarContent' });
+        this.viewInit = signal(false, ...(ngDevMode ? [{ debugName: "viewInit" }] : []));
         this.resizeObserver = null;
         this.initialPadding = 0;
-        combineLatest([this.viewInit$, this.navbar$])
-            .pipe(filter(([viewInit, navbar]) => viewInit && !!navbar))
-            .pipe(take(1), takeUntilDestroyed())
-            .subscribe(([viewInit, navbar]) => {
-            if (isPlatformServer(platformId)) {
-                this.element.nativeElement.style.paddingTop = (this.initialPadding + 58) + 'px';
-            }
-            else {
-                // Initialize the ResizeObserver
-                this.resizeObserver = new ResizeObserver((entries) => {
-                    const height = navbar
-                        ? navbar.nav.nativeElement.offsetHeight
-                        : entries[0].contentRect.height;
-                    this.element.nativeElement.style.paddingTop = (this.initialPadding + height) + 'px';
-                });
-                // Monitor the size
-                const px = getComputedStyle(this.element.nativeElement).getPropertyValue('padding-top');
-                const pt = parseInt(px.replace(/px$/, ''));
-                this.initialPadding = isNaN(pt) ? 0 : pt;
-                if (this.resizeObserver && navbar) {
-                    this.resizeObserver.observe(navbar.nav.nativeElement);
+        effect(() => {
+            const viewInit = this.viewInit();
+            const navbar = this.navbar();
+            if (viewInit && navbar) {
+                if (isPlatformServer(this.platformId)) {
+                    this.element.nativeElement.style.paddingTop = (this.initialPadding + 58) + 'px';
+                }
+                else {
+                    this.resizeObserver = new ResizeObserver((entries) => {
+                        const height = navbar.nav.nativeElement.offsetHeight;
+                        this.element.nativeElement.style.paddingTop = (this.initialPadding + height) + 'px';
+                    });
+                    const px = getComputedStyle(this.element.nativeElement).getPropertyValue('padding-top');
+                    const pt = parseInt(px.replace(/px$/, ''));
+                    this.initialPadding = isNaN(pt) ? 0 : pt;
+                    if (this.resizeObserver && navbar) {
+                        this.resizeObserver.observe(navbar.nav.nativeElement);
+                    }
                 }
             }
         });
     }
-    set navbar(value) {
-        this.navbar$.next(value);
-    }
     ngAfterViewInit() {
-        this.viewInit$.next(true);
+        this.viewInit.set(true);
     }
     ngOnDestroy() {
-        this.resizeObserver?.unobserve(this.navbar$.value?.nav.nativeElement);
+        const navbar = this.navbar();
+        if (navbar) {
+            this.resizeObserver?.unobserve(navbar.nav.nativeElement);
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarContentDirective, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: BsNavbarContentDirective, isStandalone: false, selector: "[bsNavbarContent]", inputs: { navbar: ["bsNavbarContent", "navbar"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: BsNavbarContentDirective, isStandalone: false, selector: "[bsNavbarContent]", inputs: { navbar: { classPropertyName: "navbar", publicName: "bsNavbarContent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bsNavbarContent]',
                     standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }], propDecorators: { navbar: [{
-                type: Input,
-                args: ['bsNavbarContent']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { navbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "bsNavbarContent", required: false }] }] } });
 
 class BsNavbarBrandComponent {
     constructor() {
         this.routerLink = [];
         this.mxAuto = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarBrandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsNavbarBrandComponent, isStandalone: false, selector: "bs-navbar-brand", inputs: { routerLink: "routerLink" }, host: { properties: { "class.mx-auto": "this.mxAuto" } }, ngImport: i0, template: "<span class=\"navbar-brand mx-auto mx-md-unset\">\n    <ng-content></ng-content>\n</span>", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarBrandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: BsNavbarBrandComponent, isStandalone: false, selector: "bs-navbar-brand", inputs: { routerLink: "routerLink" }, host: { properties: { "class.mx-auto": "this.mxAuto" } }, ngImport: i0, template: "<span class=\"navbar-brand mx-auto mx-md-unset\">\n    <ng-content></ng-content>\n</span>", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarBrandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarBrandComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-navbar-brand', standalone: false, template: "<span class=\"navbar-brand mx-auto mx-md-unset\">\n    <ng-content></ng-content>\n</span>" }]
         }], propDecorators: { routerLink: [{
@@ -575,22 +512,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
             }] } });
 
 class BsExpandButtonDirective {
-    constructor(navbar, templateRef) {
+    constructor() {
+        const navbar = inject(BsNavbarComponent);
+        const templateRef = inject(TemplateRef);
         navbar.expandButtonTemplate = templateRef;
     }
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsExpandButtonDirective, deps: [{ token: BsNavbarComponent }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: BsExpandButtonDirective, isStandalone: false, selector: "[bsExpandButton]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsExpandButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsExpandButtonDirective, isStandalone: false, selector: "[bsExpandButton]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsExpandButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsExpandButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bsExpandButton]',
                     standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: BsNavbarComponent }, { type: i0.TemplateRef }] });
+        }], ctorParameters: () => [] });
 class BsExpandButtonContext {
     constructor() {
         this.$implicit = null;
@@ -598,8 +537,8 @@ class BsExpandButtonContext {
 }
 
 class BsNavbarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarModule, declarations: [BsNavbarComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarModule, declarations: [BsNavbarComponent,
             BsNavbarNavComponent,
             BsNavbarDropdownComponent,
             BsNavbarItemComponent,
@@ -626,11 +565,11 @@ class BsNavbarModule {
             BsExpandButtonDirective,
             BsDropdownDividerDirective,
             BsNavbarTogglerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarModule, imports: [BsContainerComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarModule, imports: [BsContainerComponent,
             BsHasOverlayComponent,
             BsNavbarTogglerComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsNavbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNavbarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [