@mintplayer/ng-bootstrap 12.0.0 → 12.0.2

package/fesm2015/mintplayer-ng-bootstrap.js

@@ -1,8 +1,13 @@
 import * as i0 from '@angular/core';
-import { Component, Input, NgModule, Injectable, Pipe, ContentChildren, TemplateRef, ContentChild } from '@angular/core';
+import { Component, Input, NgModule, Injectable, Pipe, Directive, ElementRef, ContentChildren, ViewChild, Optional, SkipSelf, Host, forwardRef, Inject, TemplateRef, ContentChild } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { SlideUpDownAnimation } from '@mintplayer/ng-animations';
+import { FadeInOutAnimation, CarouselSlideAnimation, SlideUpDownAnimation } from '@mintplayer/ng-animations';
+import { Subject, BehaviorSubject } from 'rxjs';
+import { map, takeUntil, take } from 'rxjs/operators';
+import { RouterModule } from '@angular/router';
+import * as i2 from '@mintplayer/ng-click-outside';
+import { ClickOutsideModule } from '@mintplayer/ng-click-outside';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 var Color;
@@ -417,6 +422,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImpor
                 }]
         }] });
 
+class BsCarouselImageDirective {
+    constructor() { }
+}
+BsCarouselImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsCarouselImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BsCarouselImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: BsCarouselImageDirective, selector: "img[bsCarouselImage]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsCarouselImageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[bsCarouselImage]'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class BsCarouselComponent {
+    constructor() {
+        this.destroyed$ = new Subject();
+        this.currentImageIndex$ = new BehaviorSubject(-1);
+        this.currentImage$ = this.currentImageIndex$
+            .pipe(map((index) => { var _a; return (_a = this.images.get(index)) !== null && _a !== void 0 ? _a : null; }))
+            .pipe(takeUntil(this.destroyed$));
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
+    ngAfterContentInit() {
+        if (this.images.length > 0) {
+            this.currentImageIndex$.next(0);
+        }
+        else {
+            this.currentImageIndex$.next(-1);
+        }
+    }
+    previousImage() {
+        this.currentImageIndex$
+            .pipe(take(1))
+            .subscribe((currentImageIndex) => {
+            if (currentImageIndex === 0) {
+                this.currentImageIndex$.next(this.images.length - 1);
+            }
+            else {
+                this.currentImageIndex$.next(currentImageIndex - 1);
+            }
+        });
+    }
+    nextImage() {
+        this.currentImageIndex$
+            .pipe(take(1))
+            .subscribe((currentImageIndex) => {
+            if (currentImageIndex >= this.images.length - 1) {
+                this.currentImageIndex$.next(0);
+            }
+            else {
+                this.currentImageIndex$.next(currentImageIndex + 1);
+            }
+        });
+    }
+    setCurrentImage(index) {
+        this.currentImageIndex$.next(index);
+    }
+}
+BsCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsCarouselComponent, selector: "bs-carousel", queries: [{ propertyName: "images", predicate: BsCarouselImageDirective, read: ElementRef }], ngImport: i0, template: "<div class=\"carousel slide\">\n    <div class=\"carousel-indicators\">\n        <button *ngFor=\"let image of images; let i = index\" type=\"button\" (click)=\"setCurrentImage(i)\" data-bs-target\n            [class.active]=\"(currentImageIndex$ | async) === i\"\n            [attr.aria-current]=\"(currentImageIndex$ | async) === i ? true : null\"\n            [attr.aria-label]=\"'Slide ' + i\"></button>\n    </div>\n    <div class=\"carousel-inner\" [@carouselSlide]=\"currentImageIndex$ | async\">\n        <ng-container *ngFor=\"let image of images; let i = index\">\n            <!-- @fadeInOut -->\n            <div class=\"carousel-item\" [class.active]=\"true\" *ngIf=\"(currentImageIndex$ | async) === i\">\n                <img [src]=\"image.nativeElement.src\" class=\"d-block\" [attr.alt]=\"image.nativeElement.alt\" [class.w-100]=\"true\">\n            </div>\n        </ng-container>\n    </div>\n    <button class=\"carousel-control-prev\" type=\"button\" (click)=\"previousImage()\">\n        <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n        <span class=\"visually-hidden\">Previous</span>\n    </button>\n    <button class=\"carousel-control-next\" type=\"button\" (click)=\"nextImage()\">\n        <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n        <span class=\"visually-hidden\">Next</span>\n    </button>\n</div>", styles: [""], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i1.AsyncPipe }, animations: [FadeInOutAnimation, CarouselSlideAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsCarouselComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bs-carousel',
+                    templateUrl: './carousel.component.html',
+                    styleUrls: ['./carousel.component.scss'],
+                    animations: [FadeInOutAnimation, CarouselSlideAnimation]
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { images: [{
+                type: ContentChildren,
+                args: [BsCarouselImageDirective, { read: ElementRef }]
+            }] } });
+
+class BsCarouselModule {
+}
+BsCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BsCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsCarouselModule, declarations: [BsCarouselComponent,
+        BsCarouselImageDirective], imports: [CommonModule], exports: [BsCarouselComponent,
+        BsCarouselImageDirective] });
+BsCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsCarouselModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BsCarouselComponent,
+                        BsCarouselImageDirective
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        BsCarouselComponent,
+                        BsCarouselImageDirective
+                    ]
+                }]
+        }] });
+
 class BsListGroupItemComponent {
     constructor() {
     }
@@ -480,44 +586,114 @@ class BsNavbarComponent {
     constructor() {
         this.isExpanded = false;
     }
-    ngOnInit() {
+    toggleExpanded() {
+        this.isExpanded = !this.isExpanded;
     }
 }
 BsNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BsNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarComponent, selector: "bs-navbar", ngImport: i0, template: "<nav class=\"navbar navbar-expand-md position-fixed navbar-dark bg-dark\">\n    <div class=\"container-fluid\">\n        <!-- <div class=\"w-100\"> -->\n            <a class=\"navbar-brand mx-auto\" href=\"#\">Navbar 2</a>\n            <button (click)=\"isExpanded = !isExpanded\" class=\"navbar-toggler align-self-end\" type=\"button\" data-toggle=\"collapse\">\n                <span class=\"navbar-toggler-icon\"></span>\n            </button>\n        <!-- </div> -->\n        <div class=\"navbar-collapse collapse w-100 show\" [@slideUpDown]=\"isExpanded ? 'down' : 'up'\">\n            <ul class=\"navbar-nav mr-auto\">\n                <li class=\"nav-item active\">\n                    <a class=\"nav-link\" href=\"#\">Left</a>\n                </li>\n                <li class=\"nav-item\">\n                    <a class=\"nav-link\" href=\"//codeply.com\">Codeply</a>\n                </li>\n                <li class=\"nav-item\">\n                    <a class=\"nav-link\" href=\"#\">Link</a>\n                </li>\n                <li class=\"nav-item\">\n                    <a class=\"nav-link\" href=\"#\">Link</a>\n                </li>\n                <li class=\"nav-item\">\n                    <a class=\"nav-link\" href=\"#\">Link</a>\n                </li>\n            </ul>\n        </div>\n        <div class=\"navbar-collapse collapse justify-content-end w-100 show\" [@slideUpDown]=\"isExpanded ? 'down' : 'up'\">\n            <ul class=\"navbar-nav ml-auto\">\n                <li class=\"nav-item\">\n                    <a class=\"nav-link\" href=\"#\">Right</a>\n                </li>\n                <li class=\"nav-item\">\n                    <a class=\"nav-link\" href=\"#\">Link</a>\n                </li>\n            </ul>\n        </div>\n    </div>\n</nav>", styles: [":host ::ng-deep+*{padding-top:56px}nav{left:0;top:0;right:0;z-index:1}\n"], animations: [SlideUpDownAnimation] });
+BsNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarComponent, selector: "bs-navbar", viewQueries: [{ propertyName: "nav", first: true, predicate: ["nav"], descendants: true }], ngImport: i0, template: "<nav #nav class=\"navbar navbar-expand-md position-fixed navbar-dark bg-dark\">\n    <div class=\"container-fluid\">\n        <div class=\"d-flex w-100 w-md-auto\">\n            <a class=\"navbar-brand mx-auto mx-md-unset\" href=\"#\">Navbar 2</a>\n            <button (click)=\"toggleExpanded()\" class=\"navbar-toggler align-self-end\" type=\"button\" data-toggle=\"collapse\">\n                <span class=\"navbar-toggler-icon\"></span>\n            </button>\n        </div>\n        <ng-content></ng-content>\n    </div>\n</nav>", styles: [":host ::ng-deep+*{padding-top:56px}nav{left:0;top:0;right:0;z-index:1}@media (min-width: 768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bs-navbar',
                     templateUrl: './navbar.component.html',
                     styleUrls: ['./navbar.component.scss'],
-                    animations: [SlideUpDownAnimation]
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return []; }, propDecorators: { nav: [{
+                type: ViewChild,
+                args: ['nav']
+            }] } });
 
 class BsNavbarNavComponent {
-    constructor() { }
+    constructor(bsNavbar) {
+        //#region collapse
+        this._collapse = true;
+        this.bsNavbar = bsNavbar;
+    }
     ngOnInit() {
     }
+    set collapse(value) {
+        this._collapse = value;
+    }
+    get collapse() {
+        return this._collapse;
+    }
 }
-BsNavbarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BsNavbarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarNavComponent, selector: "bs-navbar-nav", ngImport: i0, template: "<p>navbar-nav works!</p>\n", styles: [""] });
+BsNavbarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarNavComponent, deps: [{ token: BsNavbarComponent }], target: i0.ɵɵFactoryTarget.Component });
+BsNavbarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarNavComponent, selector: "bs-navbar-nav", inputs: { collapse: "collapse" }, ngImport: i0, template: "<div class=\"navbar-collapse collapse w-100 show\" [@slideUpDown]=\"bsNavbar.isExpanded ? 'down' : 'up'\">\n    <ul class=\"navbar-nav mr-auto\">\n        <ng-content></ng-content>\n    </ul>\n</div>", styles: [":host{margin-right:auto}@media screen and (max-width: 767px){:host{width:100%!important}.navbar-collapse.collapse{overflow:hidden}}\n"], animations: [SlideUpDownAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarNavComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bs-navbar-nav',
                     templateUrl: './navbar-nav.component.html',
-                    styleUrls: ['./navbar-nav.component.scss']
+                    styleUrls: ['./navbar-nav.component.scss'],
+                    animations: [SlideUpDownAnimation]
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: BsNavbarComponent }]; }, propDecorators: { collapse: [{
+                type: Input
+            }] } });
+
+class BsNavbarItemComponent {
+    constructor(parentDropdown, element) {
+        this.element = element;
+        this.hasDropdown = false;
+        this.anchorTag = null;
+        this.parentDropdown = parentDropdown;
+    }
+    ngOnInit() {
+    }
+    ngAfterContentChecked() {
+        if (this.hasDropdown) {
+            window.element = this.element.nativeElement;
+            this.anchorTag = this.element.nativeElement.querySelector('li a');
+            (this.anchorTag) && this.anchorTag.classList.add('dropdown-toggle');
+            if (this.anchorTag && !this.anchorTag.onclick) {
+                this.anchorTag.onclick = (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;
+                            });
+                        }
+                    });
+                    return false;
+                };
+            }
+        }
+    }
+}
+BsNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarItemComponent, deps: [{ token: BsNavbarDropdownComponent, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BsNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarItemComponent, selector: "bs-navbar-item", queries: [{ propertyName: "dropdowns", predicate: 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"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bs-navbar-item',
+                    templateUrl: './navbar-item.component.html',
+                    styleUrls: ['./navbar-item.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: BsNavbarDropdownComponent, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }]; }, propDecorators: { dropdowns: [{
+                type: ContentChildren,
+                args: [BsNavbarDropdownComponent]
+            }] } });
 
 class BsNavbarDropdownComponent {
-    constructor() { }
+    constructor(parentDropdown, navbarItem) {
+        this.isVisible = false;
+        this.parentDropdown = parentDropdown;
+        this.navbarItem = navbarItem;
+    }
+    get elementsToExclude() {
+        return [this.navbarItem.anchorTag].filter((a) => a).map((a) => a);
+    }
     ngOnInit() {
     }
 }
-BsNavbarDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BsNavbarDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarDropdownComponent, selector: "bs-navbar-dropdown", ngImport: i0, template: "<p>navbar-dropdown works!</p>\n", styles: [""] });
+BsNavbarDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarDropdownComponent, deps: [{ token: BsNavbarDropdownComponent, host: true, optional: true, skipSelf: true }, { token: BsNavbarItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Component });
+BsNavbarDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarDropdownComponent, selector: "bs-navbar-dropdown", queries: [{ propertyName: "childDropdowns", predicate: BsNavbarDropdownComponent, descendants: true }], ngImport: i0, template: "<ul class=\"dropdown-menu\" [class.show]=\"isVisible\" [class.submenu]=\"!!parentDropdown\" (clickOutside)=\"isVisible = false\" [exclude]=\"elementsToExclude\" aria-labelledby=\"navbarDropdown\">\n    <ng-content></ng-content>\n</ul>", styles: ["@media (max-width: 767px){.submenu{margin-left:.5rem;margin-right:.5rem}}@media (min-width: 768px){.submenu{position:absolute;left:100%;top:-1px}}\n"], directives: [{ type: i2.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarDropdownComponent, decorators: [{
             type: Component,
             args: [{
@@ -525,23 +701,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImpor
                     templateUrl: './navbar-dropdown.component.html',
                     styleUrls: ['./navbar-dropdown.component.scss']
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: BsNavbarDropdownComponent, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: BsNavbarItemComponent, decorators: [{
+                    type: Host
+                }] }]; }, propDecorators: { childDropdowns: [{
+                type: ContentChildren,
+                args: [BsNavbarDropdownComponent, { descendants: true }]
+            }] } });
 
-class BsNavbarItemComponent {
-    constructor() { }
-    ngOnInit() {
+class DropdownToggleDirective {
+    constructor(elementRef, bsNavbarItem, parentDropdown) {
+        this.elementRef = elementRef;
+        this.bsNavbarItem = bsNavbarItem;
+    }
+    ngAfterContentInit() {
+        if (this.bsNavbarItem.dropdowns.length > 0) {
+            this.bsNavbarItem.hasDropdown = true;
+        }
     }
 }
-BsNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BsNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarItemComponent, selector: "bs-navbar-item", ngImport: i0, template: "<p>navbar-item works!</p>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarItemComponent, decorators: [{
-            type: Component,
+DropdownToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: DropdownToggleDirective, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => BsNavbarItemComponent) }, { token: forwardRef(() => BsNavbarDropdownComponent), optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+DropdownToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: DropdownToggleDirective, selector: "bs-navbar-item", queries: [{ propertyName: "childDropdowns", predicate: BsNavbarDropdownComponent }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: DropdownToggleDirective, decorators: [{
+            type: Directive,
             args: [{
+                    // selector: 'bs-navbar-item > a[routerLink]',
                     selector: 'bs-navbar-item',
-                    templateUrl: './navbar-item.component.html',
-                    styleUrls: ['./navbar-item.component.scss']
+                    queries: {
+                        childDropdowns: new ContentChildren(BsNavbarDropdownComponent)
+                    }
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: BsNavbarItemComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => BsNavbarItemComponent)]
+                }] }, { type: BsNavbarDropdownComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [forwardRef(() => BsNavbarDropdownComponent)]
+                }] }]; } });
+
+class NavLinkDirective {
+    constructor(elementRef, parentDropdown) {
+        this.elementRef = elementRef;
+        if (parentDropdown == null) {
+            this.elementRef.nativeElement.classList.add('nav-link');
+        }
+        else {
+            this.elementRef.nativeElement.classList.add('dropdown-item');
+        }
+    }
+}
+NavLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: NavLinkDirective, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => BsNavbarDropdownComponent), optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+NavLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: NavLinkDirective, selector: "bs-navbar-item > a[routerLink]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: NavLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'bs-navbar-item > a[routerLink]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: BsNavbarDropdownComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [forwardRef(() => BsNavbarDropdownComponent)]
+                }] }]; } });
+
+class NavbarContentDirective {
+    constructor(element) {
+        this.element = element;
+        this.initialPadding = 0;
+        this.resizeObserver = new ResizeObserver((entries) => {
+            let height = entries[0].contentRect.height;
+            this.element.nativeElement.style.paddingTop = (this.initialPadding + height) + 'px';
+        });
+    }
+    ngAfterViewInit() {
+        let p = parseInt(this.element.nativeElement.style.paddingTop.replace(/px$/, ''));
+        this.initialPadding = isNaN(p) ? 0 : p;
+        this.resizeObserver.observe(this.navbar.nav.nativeElement);
+    }
+    ngOnDestroy() {
+        this.resizeObserver.unobserve(this.navbar.nav.nativeElement);
+    }
+}
+NavbarContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: NavbarContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NavbarContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: NavbarContentDirective, selector: "[navbarContent]", inputs: { navbar: ["navbarContent", "navbar"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: NavbarContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[navbarContent]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { navbar: [{
+                type: Input,
+                args: ['navbarContent']
+            }] } });
 
 class BsNavbarModule {
 }
@@ -549,12 +807,22 @@ BsNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
 BsNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarModule, declarations: [BsNavbarComponent,
         BsNavbarNavComponent,
         BsNavbarDropdownComponent,
-        BsNavbarItemComponent], imports: [CommonModule], exports: [BsNavbarComponent,
+        BsNavbarItemComponent,
+        DropdownToggleDirective,
+        NavLinkDirective,
+        NavbarContentDirective], imports: [CommonModule,
+        RouterModule,
+        ClickOutsideModule], exports: [BsNavbarComponent,
         BsNavbarNavComponent,
         BsNavbarDropdownComponent,
-        BsNavbarItemComponent] });
+        BsNavbarItemComponent,
+        DropdownToggleDirective,
+        NavLinkDirective,
+        NavbarContentDirective] });
 BsNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarModule, imports: [[
-            CommonModule
+            CommonModule,
+            RouterModule,
+            ClickOutsideModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarModule, decorators: [{
             type: NgModule,
@@ -563,16 +831,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImpor
                         BsNavbarComponent,
                         BsNavbarNavComponent,
                         BsNavbarDropdownComponent,
-                        BsNavbarItemComponent
+                        BsNavbarItemComponent,
+                        DropdownToggleDirective,
+                        NavLinkDirective,
+                        NavbarContentDirective
                     ],
                     imports: [
-                        CommonModule
+                        CommonModule,
+                        RouterModule,
+                        ClickOutsideModule
                     ],
                     exports: [
                         BsNavbarComponent,
                         BsNavbarNavComponent,
                         BsNavbarDropdownComponent,
-                        BsNavbarItemComponent
+                        BsNavbarItemComponent,
+                        DropdownToggleDirective,
+                        NavLinkDirective,
+                        NavbarContentDirective
                     ]
                 }]
         }] });
@@ -766,5 +1042,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BsAccordionComponent, BsAccordionModule, BsAccordionTabComponent, BsAccordionTabHeaderComponent, BsAlertCloseComponent, BsAlertComponent, BsAlertModule, BsCalendarComponent, BsCalendarModule, BsCardComponent, BsCardHeaderComponent, BsCardModule, BsListGroupComponent, BsListGroupItemComponent, BsListGroupModule, BsNavbarComponent, BsNavbarDropdownComponent, BsNavbarItemComponent, BsNavbarModule, BsNavbarNavComponent, BsTabControlComponent, BsTabControlModule, BsTabPageComponent, Color };
+export { BsAccordionComponent, BsAccordionModule, BsAccordionTabComponent, BsAccordionTabHeaderComponent, BsAlertCloseComponent, BsAlertComponent, BsAlertModule, BsCalendarComponent, BsCalendarModule, BsCardComponent, BsCardHeaderComponent, BsCardModule, BsCarouselComponent, BsCarouselImageDirective, BsCarouselModule, BsListGroupComponent, BsListGroupItemComponent, BsListGroupModule, BsNavbarComponent, BsNavbarDropdownComponent, BsNavbarItemComponent, BsNavbarModule, BsNavbarNavComponent, BsTabControlComponent, BsTabControlModule, BsTabPageComponent, Color, DropdownToggleDirective, NavLinkDirective, NavbarContentDirective };
 //# sourceMappingURL=mintplayer-ng-bootstrap.js.map