@mintplayer/ng-bootstrap 12.0.0 → 12.0.2

package/bundles/mintplayer-ng-bootstrap.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@mintplayer/ng-animations'), require('@angular/platform-browser/animations')) :
-    typeof define === 'function' && define.amd ? define('@mintplayer/ng-bootstrap', ['exports', '@angular/core', '@angular/common', '@mintplayer/ng-animations', '@angular/platform-browser/animations'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.mintplayer = global.mintplayer || {}, global.mintplayer['ng-bootstrap'] = {}), global.ng.core, global.ng.common, global.ngAnimations, global.ng.platformBrowser.animations));
-}(this, (function (exports, i0, i1, ngAnimations, animations) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@mintplayer/ng-animations'), require('rxjs'), require('rxjs/operators'), require('@angular/router'), require('@mintplayer/ng-click-outside'), require('@angular/platform-browser/animations')) :
+    typeof define === 'function' && define.amd ? define('@mintplayer/ng-bootstrap', ['exports', '@angular/core', '@angular/common', '@mintplayer/ng-animations', 'rxjs', 'rxjs/operators', '@angular/router', '@mintplayer/ng-click-outside', '@angular/platform-browser/animations'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.mintplayer = global.mintplayer || {}, global.mintplayer['ng-bootstrap'] = {}), global.ng.core, global.ng.common, global.ngAnimations, global.rxjs, global.rxjs.operators, global.ng.router, global.i2, global.ng.platformBrowser.animations));
+}(this, (function (exports, i0, i1, ngAnimations, rxjs, operators, router, i2, animations) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -26,6 +26,7 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
 
     exports.Color = void 0;
     (function (Color) {
@@ -808,6 +809,116 @@
                     }]
             }] });
 
+    var BsCarouselImageDirective = /** @class */ (function () {
+        function BsCarouselImageDirective() {
+        }
+        return BsCarouselImageDirective;
+    }());
+    BsCarouselImageDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsCarouselImageDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BsCarouselImageDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: BsCarouselImageDirective, selector: "img[bsCarouselImage]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsCarouselImageDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: 'img[bsCarouselImage]'
+                    }]
+            }], ctorParameters: function () { return []; } });
+
+    var BsCarouselComponent = /** @class */ (function () {
+        function BsCarouselComponent() {
+            var _this = this;
+            this.destroyed$ = new rxjs.Subject();
+            this.currentImageIndex$ = new rxjs.BehaviorSubject(-1);
+            this.currentImage$ = this.currentImageIndex$
+                .pipe(operators.map(function (index) { var _a; return (_a = _this.images.get(index)) !== null && _a !== void 0 ? _a : null; }))
+                .pipe(operators.takeUntil(this.destroyed$));
+        }
+        BsCarouselComponent.prototype.ngOnInit = function () { };
+        BsCarouselComponent.prototype.ngOnDestroy = function () {
+            this.destroyed$.next(true);
+        };
+        BsCarouselComponent.prototype.ngAfterContentInit = function () {
+            if (this.images.length > 0) {
+                this.currentImageIndex$.next(0);
+            }
+            else {
+                this.currentImageIndex$.next(-1);
+            }
+        };
+        BsCarouselComponent.prototype.previousImage = function () {
+            var _this = this;
+            this.currentImageIndex$
+                .pipe(operators.take(1))
+                .subscribe(function (currentImageIndex) {
+                if (currentImageIndex === 0) {
+                    _this.currentImageIndex$.next(_this.images.length - 1);
+                }
+                else {
+                    _this.currentImageIndex$.next(currentImageIndex - 1);
+                }
+            });
+        };
+        BsCarouselComponent.prototype.nextImage = function () {
+            var _this = this;
+            this.currentImageIndex$
+                .pipe(operators.take(1))
+                .subscribe(function (currentImageIndex) {
+                if (currentImageIndex >= _this.images.length - 1) {
+                    _this.currentImageIndex$.next(0);
+                }
+                else {
+                    _this.currentImageIndex$.next(currentImageIndex + 1);
+                }
+            });
+        };
+        BsCarouselComponent.prototype.setCurrentImage = function (index) {
+            this.currentImageIndex$.next(index);
+        };
+        return BsCarouselComponent;
+    }());
+    BsCarouselComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsCarouselComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BsCarouselComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsCarouselComponent, selector: "bs-carousel", queries: [{ propertyName: "images", predicate: BsCarouselImageDirective, read: i0.ElementRef }], ngImport: i0__namespace, 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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i1__namespace.AsyncPipe }, animations: [ngAnimations.FadeInOutAnimation, ngAnimations.CarouselSlideAnimation] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsCarouselComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'bs-carousel',
+                        templateUrl: './carousel.component.html',
+                        styleUrls: ['./carousel.component.scss'],
+                        animations: [ngAnimations.FadeInOutAnimation, ngAnimations.CarouselSlideAnimation]
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { images: [{
+                    type: i0.ContentChildren,
+                    args: [BsCarouselImageDirective, { read: i0.ElementRef }]
+                }] } });
+
+    var BsCarouselModule = /** @class */ (function () {
+        function BsCarouselModule() {
+        }
+        return BsCarouselModule;
+    }());
+    BsCarouselModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsCarouselModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    BsCarouselModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsCarouselModule, declarations: [BsCarouselComponent,
+            BsCarouselImageDirective], imports: [i1.CommonModule], exports: [BsCarouselComponent,
+            BsCarouselImageDirective] });
+    BsCarouselModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsCarouselModule, imports: [[
+                i1.CommonModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsCarouselModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            BsCarouselComponent,
+                            BsCarouselImageDirective
+                        ],
+                        imports: [
+                            i1.CommonModule
+                        ],
+                        exports: [
+                            BsCarouselComponent,
+                            BsCarouselImageDirective
+                        ]
+                    }]
+            }] });
+
     var BsListGroupItemComponent = /** @class */ (function () {
         function BsListGroupItemComponent() {
         }
@@ -876,49 +987,129 @@
         function BsNavbarComponent() {
             this.isExpanded = false;
         }
-        BsNavbarComponent.prototype.ngOnInit = function () {
+        BsNavbarComponent.prototype.toggleExpanded = function () {
+            this.isExpanded = !this.isExpanded;
         };
         return BsNavbarComponent;
     }());
     BsNavbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BsNavbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarComponent, selector: "bs-navbar", ngImport: i0__namespace, 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: [ngAnimations.SlideUpDownAnimation] });
+    BsNavbarComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'bs-navbar',
                         templateUrl: './navbar.component.html',
                         styleUrls: ['./navbar.component.scss'],
-                        animations: [ngAnimations.SlideUpDownAnimation]
                     }]
-            }], ctorParameters: function () { return []; } });
+            }], ctorParameters: function () { return []; }, propDecorators: { nav: [{
+                    type: i0.ViewChild,
+                    args: ['nav']
+                }] } });
 
     var BsNavbarNavComponent = /** @class */ (function () {
-        function BsNavbarNavComponent() {
+        function BsNavbarNavComponent(bsNavbar) {
+            //#region collapse
+            this._collapse = true;
+            this.bsNavbar = bsNavbar;
         }
         BsNavbarNavComponent.prototype.ngOnInit = function () {
         };
+        Object.defineProperty(BsNavbarNavComponent.prototype, "collapse", {
+            get: function () {
+                return this._collapse;
+            },
+            set: function (value) {
+                this._collapse = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         return BsNavbarNavComponent;
     }());
-    BsNavbarNavComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarNavComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BsNavbarNavComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarNavComponent, selector: "bs-navbar-nav", ngImport: i0__namespace, template: "<p>navbar-nav works!</p>\n", styles: [""] });
+    BsNavbarNavComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarNavComponent, deps: [{ token: BsNavbarComponent }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BsNavbarNavComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarNavComponent, selector: "bs-navbar-nav", inputs: { collapse: "collapse" }, ngImport: i0__namespace, 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: [ngAnimations.SlideUpDownAnimation] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarNavComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'bs-navbar-nav',
                         templateUrl: './navbar-nav.component.html',
-                        styleUrls: ['./navbar-nav.component.scss']
+                        styleUrls: ['./navbar-nav.component.scss'],
+                        animations: [ngAnimations.SlideUpDownAnimation]
                     }]
-            }], ctorParameters: function () { return []; } });
+            }], ctorParameters: function () { return [{ type: BsNavbarComponent }]; }, propDecorators: { collapse: [{
+                    type: i0.Input
+                }] } });
+
+    var BsNavbarItemComponent = /** @class */ (function () {
+        function BsNavbarItemComponent(parentDropdown, element) {
+            this.element = element;
+            this.hasDropdown = false;
+            this.anchorTag = null;
+            this.parentDropdown = parentDropdown;
+        }
+        BsNavbarItemComponent.prototype.ngOnInit = function () {
+        };
+        BsNavbarItemComponent.prototype.ngAfterContentChecked = function () {
+            var _this = this;
+            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 = function (ev) {
+                        ev.preventDefault();
+                        // Normally there should be only one dropdown in this list
+                        _this.dropdowns.forEach(function (dropdown) {
+                            if (!(dropdown.isVisible = !dropdown.isVisible)) {
+                                dropdown.childDropdowns.forEach(function (child) {
+                                    child.isVisible = false;
+                                });
+                            }
+                        });
+                        return false;
+                    };
+                }
+            }
+        };
+        return BsNavbarItemComponent;
+    }());
+    BsNavbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarItemComponent, deps: [{ token: BsNavbarDropdownComponent, optional: true }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BsNavbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarItemComponent, selector: "bs-navbar-item", queries: [{ propertyName: "dropdowns", predicate: BsNavbarDropdownComponent }], ngImport: i0__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'bs-navbar-item',
+                        templateUrl: './navbar-item.component.html',
+                        styleUrls: ['./navbar-item.component.scss']
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: BsNavbarDropdownComponent, decorators: [{
+                            type: i0.Optional
+                        }] }, { type: i0__namespace.ElementRef }];
+        }, propDecorators: { dropdowns: [{
+                    type: i0.ContentChildren,
+                    args: [BsNavbarDropdownComponent]
+                }] } });
 
     var BsNavbarDropdownComponent = /** @class */ (function () {
-        function BsNavbarDropdownComponent() {
+        function BsNavbarDropdownComponent(parentDropdown, navbarItem) {
+            this.isVisible = false;
+            this.parentDropdown = parentDropdown;
+            this.navbarItem = navbarItem;
         }
+        Object.defineProperty(BsNavbarDropdownComponent.prototype, "elementsToExclude", {
+            get: function () {
+                return [this.navbarItem.anchorTag].filter(function (a) { return a; }).map(function (a) { return a; });
+            },
+            enumerable: false,
+            configurable: true
+        });
         BsNavbarDropdownComponent.prototype.ngOnInit = function () {
         };
         return BsNavbarDropdownComponent;
     }());
-    BsNavbarDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarDropdownComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BsNavbarDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarDropdownComponent, selector: "bs-navbar-dropdown", ngImport: i0__namespace, template: "<p>navbar-dropdown works!</p>\n", styles: [""] });
+    BsNavbarDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarDropdownComponent, deps: [{ token: BsNavbarDropdownComponent, host: true, optional: true, skipSelf: true }, { token: BsNavbarItemComponent, host: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BsNavbarDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarDropdownComponent, selector: "bs-navbar-dropdown", queries: [{ propertyName: "childDropdowns", predicate: BsNavbarDropdownComponent, descendants: true }], ngImport: i0__namespace, 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__namespace.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarDropdownComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -926,25 +1117,115 @@
                         templateUrl: './navbar-dropdown.component.html',
                         styleUrls: ['./navbar-dropdown.component.scss']
                     }]
-            }], ctorParameters: function () { return []; } });
+            }], ctorParameters: function () {
+            return [{ type: BsNavbarDropdownComponent, decorators: [{
+                            type: i0.SkipSelf
+                        }, {
+                            type: i0.Host
+                        }, {
+                            type: i0.Optional
+                        }] }, { type: BsNavbarItemComponent, decorators: [{
+                            type: i0.Host
+                        }] }];
+        }, propDecorators: { childDropdowns: [{
+                    type: i0.ContentChildren,
+                    args: [BsNavbarDropdownComponent, { descendants: true }]
+                }] } });
 
-    var BsNavbarItemComponent = /** @class */ (function () {
-        function BsNavbarItemComponent() {
+    var DropdownToggleDirective = /** @class */ (function () {
+        function DropdownToggleDirective(elementRef, bsNavbarItem, parentDropdown) {
+            this.elementRef = elementRef;
+            this.bsNavbarItem = bsNavbarItem;
         }
-        BsNavbarItemComponent.prototype.ngOnInit = function () {
+        DropdownToggleDirective.prototype.ngAfterContentInit = function () {
+            if (this.bsNavbarItem.dropdowns.length > 0) {
+                this.bsNavbarItem.hasDropdown = true;
+            }
         };
-        return BsNavbarItemComponent;
+        return DropdownToggleDirective;
     }());
-    BsNavbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BsNavbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BsNavbarItemComponent, selector: "bs-navbar-item", ngImport: i0__namespace, template: "<p>navbar-item works!</p>\n", styles: [""] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarItemComponent, decorators: [{
-                type: i0.Component,
+    DropdownToggleDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: DropdownToggleDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0.forwardRef(function () { return BsNavbarItemComponent; }) }, { token: i0.forwardRef(function () { return BsNavbarDropdownComponent; }), optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    DropdownToggleDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: DropdownToggleDirective, selector: "bs-navbar-item", queries: [{ propertyName: "childDropdowns", predicate: BsNavbarDropdownComponent }], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: DropdownToggleDirective, decorators: [{
+                type: i0.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 i0.ContentChildren(BsNavbarDropdownComponent)
+                        }
                     }]
-            }], ctorParameters: function () { return []; } });
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ElementRef }, { type: BsNavbarItemComponent, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.forwardRef(function () { return BsNavbarItemComponent; })]
+                        }] }, { type: BsNavbarDropdownComponent, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [i0.forwardRef(function () { return BsNavbarDropdownComponent; })]
+                        }] }];
+        } });
+
+    var NavLinkDirective = /** @class */ (function () {
+        function NavLinkDirective(elementRef, parentDropdown) {
+            this.elementRef = elementRef;
+            if (parentDropdown == null) {
+                this.elementRef.nativeElement.classList.add('nav-link');
+            }
+            else {
+                this.elementRef.nativeElement.classList.add('dropdown-item');
+            }
+        }
+        return NavLinkDirective;
+    }());
+    NavLinkDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: NavLinkDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0.forwardRef(function () { return BsNavbarDropdownComponent; }), optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    NavLinkDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: NavLinkDirective, selector: "bs-navbar-item > a[routerLink]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: NavLinkDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: 'bs-navbar-item > a[routerLink]'
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ElementRef }, { type: BsNavbarDropdownComponent, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [i0.forwardRef(function () { return BsNavbarDropdownComponent; })]
+                        }] }];
+        } });
+
+    var NavbarContentDirective = /** @class */ (function () {
+        function NavbarContentDirective(element) {
+            var _this = this;
+            this.element = element;
+            this.initialPadding = 0;
+            this.resizeObserver = new ResizeObserver(function (entries) {
+                var height = entries[0].contentRect.height;
+                _this.element.nativeElement.style.paddingTop = (_this.initialPadding + height) + 'px';
+            });
+        }
+        NavbarContentDirective.prototype.ngAfterViewInit = function () {
+            var p = parseInt(this.element.nativeElement.style.paddingTop.replace(/px$/, ''));
+            this.initialPadding = isNaN(p) ? 0 : p;
+            this.resizeObserver.observe(this.navbar.nav.nativeElement);
+        };
+        NavbarContentDirective.prototype.ngOnDestroy = function () {
+            this.resizeObserver.unobserve(this.navbar.nav.nativeElement);
+        };
+        return NavbarContentDirective;
+    }());
+    NavbarContentDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: NavbarContentDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    NavbarContentDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: NavbarContentDirective, selector: "[navbarContent]", inputs: { navbar: ["navbarContent", "navbar"] }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: NavbarContentDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[navbarContent]'
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { navbar: [{
+                    type: i0.Input,
+                    args: ['navbarContent']
+                }] } });
 
     var BsNavbarModule = /** @class */ (function () {
         function BsNavbarModule() {
@@ -955,12 +1236,22 @@
     BsNavbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarModule, declarations: [BsNavbarComponent,
             BsNavbarNavComponent,
             BsNavbarDropdownComponent,
-            BsNavbarItemComponent], imports: [i1.CommonModule], exports: [BsNavbarComponent,
+            BsNavbarItemComponent,
+            DropdownToggleDirective,
+            NavLinkDirective,
+            NavbarContentDirective], imports: [i1.CommonModule,
+            router.RouterModule,
+            i2.ClickOutsideModule], exports: [BsNavbarComponent,
             BsNavbarNavComponent,
             BsNavbarDropdownComponent,
-            BsNavbarItemComponent] });
+            BsNavbarItemComponent,
+            DropdownToggleDirective,
+            NavLinkDirective,
+            NavbarContentDirective] });
     BsNavbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarModule, imports: [[
-                i1.CommonModule
+                i1.CommonModule,
+                router.RouterModule,
+                i2.ClickOutsideModule
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0__namespace, type: BsNavbarModule, decorators: [{
                 type: i0.NgModule,
@@ -969,16 +1260,24 @@
                             BsNavbarComponent,
                             BsNavbarNavComponent,
                             BsNavbarDropdownComponent,
-                            BsNavbarItemComponent
+                            BsNavbarItemComponent,
+                            DropdownToggleDirective,
+                            NavLinkDirective,
+                            NavbarContentDirective
                         ],
                         imports: [
-                            i1.CommonModule
+                            i1.CommonModule,
+                            router.RouterModule,
+                            i2.ClickOutsideModule
                         ],
                         exports: [
                             BsNavbarComponent,
                             BsNavbarNavComponent,
                             BsNavbarDropdownComponent,
-                            BsNavbarItemComponent
+                            BsNavbarItemComponent,
+                            DropdownToggleDirective,
+                            NavLinkDirective,
+                            NavbarContentDirective
                         ]
                     }]
             }] });
@@ -1195,6 +1494,9 @@
     exports.BsCardComponent = BsCardComponent;
     exports.BsCardHeaderComponent = BsCardHeaderComponent;
     exports.BsCardModule = BsCardModule;
+    exports.BsCarouselComponent = BsCarouselComponent;
+    exports.BsCarouselImageDirective = BsCarouselImageDirective;
+    exports.BsCarouselModule = BsCarouselModule;
     exports.BsListGroupComponent = BsListGroupComponent;
     exports.BsListGroupItemComponent = BsListGroupItemComponent;
     exports.BsListGroupModule = BsListGroupModule;
@@ -1206,6 +1508,9 @@
     exports.BsTabControlComponent = BsTabControlComponent;
     exports.BsTabControlModule = BsTabControlModule;
     exports.BsTabPageComponent = BsTabPageComponent;
+    exports.DropdownToggleDirective = DropdownToggleDirective;
+    exports.NavLinkDirective = NavLinkDirective;
+    exports.NavbarContentDirective = NavbarContentDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });