@mintplayer/ng-bootstrap 12.0.0 → 12.0.2

package/esm2015/lib/components/navbar/dropdown-toggle/dropdown-toggle.directive.js

@@ -0,0 +1,38 @@
+import { ContentChildren, Directive, ElementRef, forwardRef, Inject, Optional } from '@angular/core';
+import { BsNavbarItemComponent } from '../navbar-item/navbar-item.component';
+import { BsNavbarDropdownComponent } from '../navbar-dropdown/navbar-dropdown.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../navbar-item/navbar-item.component";
+import * as i2 from "../navbar-dropdown/navbar-dropdown.component";
+export class DropdownToggleDirective {
+    constructor(elementRef, bsNavbarItem, parentDropdown) {
+        this.elementRef = elementRef;
+        this.bsNavbarItem = bsNavbarItem;
+    }
+    ngAfterContentInit() {
+        if (this.bsNavbarItem.dropdowns.length > 0) {
+            this.bsNavbarItem.hasDropdown = true;
+        }
+    }
+}
+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',
+                    queries: {
+                        childDropdowns: new ContentChildren(BsNavbarDropdownComponent)
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.BsNavbarItemComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => BsNavbarItemComponent)]
+                }] }, { type: i2.BsNavbarDropdownComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [forwardRef(() => BsNavbarDropdownComponent)]
+                }] }]; } });
+//# sourceMappingURL=dropdown-toggle.directive.js.map

package/esm2015/lib/components/navbar/dropdown-toggle/dropdown-toggle.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-toggle.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/dropdown-toggle/dropdown-toggle.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAa,MAAM,eAAe,CAAC;AAC7I,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;;;;AASzF,MAAM,OAAO,uBAAuB;IAElC,YACU,UAAyC,EACQ,YAAmC,EAC3B,cAAyC;QAFlG,eAAU,GAAV,UAAU,CAA+B;QACQ,iBAAY,GAAZ,YAAY,CAAuB;IAG9F,CAAC;IAID,kBAAkB;QAChB,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1C,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC;SACtC;IACH,CAAC;;oHAfU,uBAAuB,4CAIxB,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,aAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC;wGALtD,uBAAuB,qFAHI,yBAAyB;2FAGpD,uBAAuB;kBAPnC,SAAS;mBAAC;oBACT,8CAA8C;oBAC9C,QAAQ,EAAE,gBAAgB;oBAC1B,OAAO,EAAE;wBACP,cAAc,EAAE,IAAI,eAAe,CAAC,yBAAyB,CAAC;qBAC/D;iBACF;;0BAKI,MAAM;2BAAC,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC;;0BAC9C,QAAQ;;0BAAI,MAAM;2BAAC,UAAU,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC","sourcesContent":["import { AfterContentInit, Component, ContentChildren, Directive, ElementRef, forwardRef, Inject, Optional, QueryList } from '@angular/core';\nimport { BsNavbarItemComponent } from '../navbar-item/navbar-item.component';\nimport { BsNavbarDropdownComponent } from '../navbar-dropdown/navbar-dropdown.component';\n\n@Directive({\n  // selector: 'bs-navbar-item > a[routerLink]',\n  selector: 'bs-navbar-item',\n  queries: {\n    childDropdowns: new ContentChildren(BsNavbarDropdownComponent)\n  }\n})\nexport class DropdownToggleDirective implements AfterContentInit {\n\n  constructor(\n    private elementRef: ElementRef<HTMLAnchorElement>,\n    @Inject(forwardRef(() => BsNavbarItemComponent)) private bsNavbarItem: BsNavbarItemComponent,\n    @Optional() @Inject(forwardRef(() => BsNavbarDropdownComponent)) parentDropdown: BsNavbarDropdownComponent\n  ) {\n  }\n\n  childDropdowns!: QueryList<BsNavbarDropdownComponent>;\n\n  ngAfterContentInit() {\n    if (this.bsNavbarItem.dropdowns.length > 0) {\n      this.bsNavbarItem.hasDropdown = true;\n    }\n  }\n}"]}

package/esm2015/lib/components/navbar/index.js

@@ -3,4 +3,8 @@ export * from './navbar/navbar.component';
 export * from './navbar-nav/navbar-nav.component';
 export * from './navbar-dropdown/navbar-dropdown.component';
 export * from './navbar-item/navbar-item.component';
+export * from './navbar-content/navbar-content.directive';
+// Not for end-use
+export * from './dropdown-toggle/dropdown-toggle.directive';
+export * from './nav-link/nav-link.directive';
 //# sourceMappingURL=index.js.map

package/esm2015/lib/components/navbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qCAAqC,CAAC","sourcesContent":["export * from './navbar.module';\nexport * from './navbar/navbar.component';\nexport * from './navbar-nav/navbar-nav.component';\nexport * from './navbar-dropdown/navbar-dropdown.component';\nexport * from './navbar-item/navbar-item.component';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qCAAqC,CAAC;AACpD,cAAc,2CAA2C,CAAC;AAE1D,kBAAkB;AAClB,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './navbar.module';\nexport * from './navbar/navbar.component';\nexport * from './navbar-nav/navbar-nav.component';\nexport * from './navbar-dropdown/navbar-dropdown.component';\nexport * from './navbar-item/navbar-item.component';\nexport * from './navbar-content/navbar-content.directive';\n\n// Not for end-use\nexport * from './dropdown-toggle/dropdown-toggle.directive';\nexport * from './nav-link/nav-link.directive';"]}

package/esm2015/lib/components/navbar/nav-link/nav-link.directive.js

@@ -0,0 +1,29 @@
+import { Directive, ElementRef, forwardRef, Inject, Optional } from '@angular/core';
+import { BsNavbarDropdownComponent } from '../navbar-dropdown/navbar-dropdown.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../navbar-dropdown/navbar-dropdown.component";
+export 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: i1.BsNavbarDropdownComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [forwardRef(() => BsNavbarDropdownComponent)]
+                }] }]; } });
+//# sourceMappingURL=nav-link.directive.js.map

package/esm2015/lib/components/navbar/nav-link/nav-link.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-link.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/nav-link/nav-link.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;;;AAKzF,MAAM,OAAO,gBAAgB;IAE3B,YACU,UAAyC,EACgB,cAAyC;QADlG,eAAU,GAAV,UAAU,CAA+B;QAGjD,IAAI,cAAc,IAAI,IAAI,EAAE;YAC1B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;SACzD;aAAM;YACL,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;SAC9D;IACH,CAAC;;6GAXU,gBAAgB,4CAIL,UAAU,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC;iGAJtD,gBAAgB;2FAAhB,gBAAgB;kBAH5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;iBAC3C;;0BAKI,QAAQ;;0BAAI,MAAM;2BAAC,UAAU,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC","sourcesContent":["import { Component, Directive, ElementRef, forwardRef, Inject, Optional } from '@angular/core';\nimport { BsNavbarDropdownComponent } from '../navbar-dropdown/navbar-dropdown.component';\n\n@Directive({\n  selector: 'bs-navbar-item > a[routerLink]'\n})\nexport class NavLinkDirective {\n\n  constructor(\n    private elementRef: ElementRef<HTMLAnchorElement>,\n    @Optional() @Inject(forwardRef(() => BsNavbarDropdownComponent)) parentDropdown: BsNavbarDropdownComponent\n  ) {\n    if (parentDropdown == null) {\n      this.elementRef.nativeElement.classList.add('nav-link');\n    } else {\n      this.elementRef.nativeElement.classList.add('dropdown-item');\n    }\n  }\n\n}"]}

package/esm2015/lib/components/navbar/navbar/navbar.component.js

@@ -1,22 +1,24 @@
-import { Component } from '@angular/core';
-import { SlideUpDownAnimation } from '@mintplayer/ng-animations';
+import { Component, ElementRef, ViewChild } from '@angular/core';
 import * as i0 from "@angular/core";
 export 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']
+            }] } });
 //# sourceMappingURL=navbar.component.js.map

package/esm2015/lib/components/navbar/navbar/navbar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar/navbar.component.ts","../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar/navbar.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;;AAQjE,MAAM,OAAO,iBAAiB;IAE5B;QAMA,eAAU,GAAG,KAAK,CAAC;IALnB,CAAC;IAED,QAAQ;IACR,CAAC;;8GANU,iBAAiB;kGAAjB,iBAAiB,iDCT9B,2wDAsCM,oGD/BQ,CAAC,oBAAoB,CAAC;2FAEvB,iBAAiB;kBAN7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;oBACtC,UAAU,EAAE,CAAC,oBAAoB,CAAC;iBACnC","sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { SlideUpDownAnimation } from '@mintplayer/ng-animations';\n\n@Component({\n  selector: 'bs-navbar',\n  templateUrl: './navbar.component.html',\n  styleUrls: ['./navbar.component.scss'],\n  animations: [SlideUpDownAnimation]\n})\nexport class BsNavbarComponent implements OnInit {\n\n  constructor() {\n  }\n\n  ngOnInit() {\n  }\n\n  isExpanded = false;\n}\n","<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>"]}
+{"version":3,"file":"navbar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar/navbar.component.ts","../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar/navbar.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAOjE,MAAM,OAAO,iBAAiB;IAE5B;QAGA,eAAU,GAAG,KAAK,CAAC;IAFnB,CAAC;IAGD,cAAc;QACZ,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IACrC,CAAC;;8GARU,iBAAiB;kGAAjB,iBAAiB,6ICP9B,whBAUM;2FDHO,iBAAiB;kBAL7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;iBACvC;0EAWmB,GAAG;sBAApB,SAAS;uBAAC,KAAK","sourcesContent":["import { Component, ElementRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'bs-navbar',\n  templateUrl: './navbar.component.html',\n  styleUrls: ['./navbar.component.scss'],\n})\nexport class BsNavbarComponent {\n\n  constructor() {\n  }\n\n  isExpanded = false;\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  @ViewChild('nav') nav!: ElementRef;\n}\n","<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>"]}

package/esm2015/lib/components/navbar/navbar-content/navbar-content.directive.js

@@ -0,0 +1,33 @@
+import { Directive, ElementRef, Input } from '@angular/core';
+import { BsNavbarComponent } from '../navbar/navbar.component';
+import * as i0 from "@angular/core";
+export 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']
+            }] } });
+//# sourceMappingURL=navbar-content.directive.js.map

package/esm2015/lib/components/navbar/navbar-content/navbar-content.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-content.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-content/navbar-content.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,UAAU,EAAE,KAAK,EAAa,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;;AAK/D,MAAM,OAAO,sBAAsB;IAEjC,YAAoB,OAAmB;QAAnB,YAAO,GAAP,OAAO,CAAY;QAoBvC,mBAAc,GAAW,CAAC,CAAC;QAnBzB,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACnD,IAAI,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC;YAC3C,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;QACtF,CAAC,CAAC,CAAC;IACL,CAAC;IAID,eAAe;QACb,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACjF,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC7D,CAAC;IAED,WAAW;QACT,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/D,CAAC;;mHAnBU,sBAAsB;uGAAtB,sBAAsB;2FAAtB,sBAAsB;kBAHlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;iBAC5B;iGAUyB,MAAM;sBAA7B,KAAK;uBAAC,eAAe","sourcesContent":["import { AfterViewInit, Directive, ElementRef, Input, OnDestroy } from '@angular/core';\nimport { BsNavbarComponent } from '../navbar/navbar.component';\n\n@Directive({\n  selector: '[navbarContent]'\n})\nexport class NavbarContentDirective implements AfterViewInit, OnDestroy {\n\n  constructor(private element: ElementRef) {\n    this.resizeObserver = new ResizeObserver((entries) => {\n      let height = entries[0].contentRect.height;\n      this.element.nativeElement.style.paddingTop = (this.initialPadding + height) + 'px';\n    });\n  }\n\n  @Input('navbarContent') navbar!: BsNavbarComponent;\n\n  ngAfterViewInit() {\n    let p = parseInt(this.element.nativeElement.style.paddingTop.replace(/px$/, ''));\n    this.initialPadding = isNaN(p) ? 0 : p;\n    this.resizeObserver.observe(this.navbar.nav.nativeElement);\n  }\n\n  ngOnDestroy() {\n    this.resizeObserver.unobserve(this.navbar.nav.nativeElement);\n  }\n\n  resizeObserver: ResizeObserver;\n  initialPadding: number = 0;\n}\n"]}

package/esm2015/lib/components/navbar/navbar-dropdown/navbar-dropdown.component.js

@@ -1,12 +1,22 @@
-import { Component } from '@angular/core';
+import { Component, ContentChildren, Host, Optional, QueryList, SkipSelf } from '@angular/core';
+import { BsNavbarItemComponent } from '../navbar-item/navbar-item.component';
 import * as i0 from "@angular/core";
+import * as i1 from "../navbar-item/navbar-item.component";
+import * as i2 from "@mintplayer/ng-click-outside";
 export 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: i1.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: [{
@@ -14,5 +24,16 @@ 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: i1.BsNavbarItemComponent, decorators: [{
+                    type: Host
+                }] }]; }, propDecorators: { childDropdowns: [{
+                type: ContentChildren,
+                args: [BsNavbarDropdownComponent, { descendants: true }]
+            }] } });
 //# sourceMappingURL=navbar-dropdown.component.js.map

package/esm2015/lib/components/navbar/navbar-dropdown/navbar-dropdown.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-dropdown.component.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-dropdown/navbar-dropdown.component.ts","../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-dropdown/navbar-dropdown.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;;AAOlD,MAAM,OAAO,yBAAyB;IAEpC,gBAAgB,CAAC;IAEjB,QAAQ;IACR,CAAC;;sHALU,yBAAyB;0GAAzB,yBAAyB,0DCPtC,iCACA;2FDMa,yBAAyB;kBALrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;iBAChD","sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'bs-navbar-dropdown',\n  templateUrl: './navbar-dropdown.component.html',\n  styleUrls: ['./navbar-dropdown.component.scss']\n})\nexport class BsNavbarDropdownComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<p>navbar-dropdown works!</p>\n"]}
+{"version":3,"file":"navbar-dropdown.component.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-dropdown/navbar-dropdown.component.ts","../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-dropdown/navbar-dropdown.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAc,IAAI,EAAU,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpH,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;;;;AAO7E,MAAM,OAAO,yBAAyB;IAEpC,YACkC,cAAyC,EACjE,UAAiC;QAM3C,cAAS,GAAY,KAAK,CAAC;QAJzB,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;IAC/B,CAAC;IAMD,IAAI,iBAAiB;QACnB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAc,CAAC,CAAC,CAAC;IACjF,CAAC;IAED,QAAQ;IACR,CAAC;;sHAnBU,yBAAyB,kBAGc,yBAAyB;0GAHhE,yBAAyB,yFAqBnB,yBAAyB,gDC7B5C,4OAEK;2FDMQ,yBAAyB;kBALrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;iBAChD;0DAImD,yBAAyB;0BAAxE,QAAQ;;0BAAI,IAAI;;0BAAI,QAAQ;;0BAC5B,IAAI;4CAiB4D,cAAc;sBAAhF,eAAe;uBAAC,yBAAyB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE","sourcesContent":["import { Component, ContentChildren, ElementRef, Host, OnInit, Optional, QueryList, SkipSelf } from '@angular/core';\nimport { BsNavbarItemComponent } from '../navbar-item/navbar-item.component';\n\n@Component({\n  selector: 'bs-navbar-dropdown',\n  templateUrl: './navbar-dropdown.component.html',\n  styleUrls: ['./navbar-dropdown.component.scss']\n})\nexport class BsNavbarDropdownComponent implements OnInit {\n\n  constructor(\n    @SkipSelf() @Host() @Optional() parentDropdown: BsNavbarDropdownComponent,\n    @Host() navbarItem: BsNavbarItemComponent\n  ) {\n    this.parentDropdown = parentDropdown;\n    this.navbarItem = navbarItem;\n  }\n\n  isVisible: boolean = false;\n  navbarItem: BsNavbarItemComponent;\n  parentDropdown: BsNavbarDropdownComponent;\n\n  get elementsToExclude() {\n    return [this.navbarItem.anchorTag].filter((a) => a).map((a) => <HTMLElement>a);\n  }\n\n  ngOnInit(): void {\n  }\n\n  @ContentChildren(BsNavbarDropdownComponent, { descendants: true }) childDropdowns!: QueryList<BsNavbarDropdownComponent>;\n}\n","<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>"]}

package/esm2015/lib/components/navbar/navbar-item/navbar-item.component.js

@@ -1,12 +1,40 @@
-import { Component } from '@angular/core';
+import { Component, ContentChildren, ElementRef, Optional, QueryList } from '@angular/core';
+import { BsNavbarDropdownComponent } from '../navbar-dropdown/navbar-dropdown.component';
 import * as i0 from "@angular/core";
+import * as i1 from "../navbar-dropdown/navbar-dropdown.component";
 export class BsNavbarItemComponent {
-    constructor() { }
+    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: [], 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: [""] });
+BsNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BsNavbarItemComponent, deps: [{ token: i1.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: [{
@@ -14,5 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImpor
                     templateUrl: './navbar-item.component.html',
                     styleUrls: ['./navbar-item.component.scss']
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: i1.BsNavbarDropdownComponent, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }]; }, propDecorators: { dropdowns: [{
+                type: ContentChildren,
+                args: [BsNavbarDropdownComponent]
+            }] } });
 //# sourceMappingURL=navbar-item.component.js.map

package/esm2015/lib/components/navbar/navbar-item/navbar-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-item/navbar-item.component.ts","../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-item/navbar-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;;AAOlD,MAAM,OAAO,qBAAqB;IAEhC,gBAAgB,CAAC;IAEjB,QAAQ;IACR,CAAC;;kHALU,qBAAqB;sGAArB,qBAAqB,sDCPlC,6BACA;2FDMa,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;iBAC5C","sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'bs-navbar-item',\n  templateUrl: './navbar-item.component.html',\n  styleUrls: ['./navbar-item.component.scss']\n})\nexport class BsNavbarItemComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<p>navbar-item works!</p>\n"]}
+{"version":3,"file":"navbar-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-item/navbar-item.component.ts","../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-item/navbar-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,eAAe,EAAE,UAAU,EAAiB,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAChI,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;;;AAOzF,MAAM,OAAO,qBAAqB;IAEhC,YAAwB,cAAyC,EAAU,OAAmB;QAAnB,YAAO,GAAP,OAAO,CAAY;QAK9F,gBAAW,GAAY,KAAK,CAAC;QAC7B,cAAS,GAA6B,IAAI,CAAC;QALzC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;IACvC,CAAC;IAMD,QAAQ;IACR,CAAC;IAED,qBAAqB;QACnB,IAAI,IAAI,CAAC,WAAW,EAAE;YACd,MAAO,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;YACnD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAClE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;YAEpE,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;gBAC7C,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,CAAC,EAAS,EAAE,EAAE;oBACrC,EAAE,CAAC,cAAc,EAAE,CAAC;oBACpB,0DAA0D;oBAC1D,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;wBAClC,IAAI,CAAC,CAAC,QAAQ,CAAC,SAAS,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;4BAC/C,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gCACxC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;4BAC1B,CAAC,CAAC,CAAC;yBACJ;oBACH,CAAC,CAAC,CAAC;oBACH,OAAO,KAAK,CAAC;gBACf,CAAC,CAAA;aACF;SACF;IACH,CAAC;;kHAlCU,qBAAqB;sGAArB,qBAAqB,gFAoCf,yBAAyB,6BC5C5C,0OAEK;2FDMQ,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;iBAC5C;;0BAGc,QAAQ;qEAkCuB,SAAS;sBAApD,eAAe;uBAAC,yBAAyB","sourcesContent":["import { AfterContentChecked, Component, ContentChildren, ElementRef, Input, OnInit, Optional, QueryList } from '@angular/core';\nimport { BsNavbarDropdownComponent } from '../navbar-dropdown/navbar-dropdown.component';\n\n@Component({\n  selector: 'bs-navbar-item',\n  templateUrl: './navbar-item.component.html',\n  styleUrls: ['./navbar-item.component.scss']\n})\nexport class BsNavbarItemComponent implements OnInit, AfterContentChecked {\n\n  constructor(@Optional() parentDropdown: BsNavbarDropdownComponent, private element: ElementRef) {\n    this.parentDropdown = parentDropdown;\n  }\n\n  parentDropdown: BsNavbarDropdownComponent;\n  hasDropdown: boolean = false;\n  anchorTag: HTMLAnchorElement | null = null;\n\n  ngOnInit(): void {\n  }\n\n  ngAfterContentChecked() {\n    if (this.hasDropdown) {\n      (<any>window).element = this.element.nativeElement;\n      this.anchorTag = this.element.nativeElement.querySelector('li a');\n      (this.anchorTag) && this.anchorTag.classList.add('dropdown-toggle');\n\n      if (this.anchorTag && !this.anchorTag.onclick) {\n        this.anchorTag.onclick = (ev: Event) => {\n          ev.preventDefault();\n          // Normally there should be only one dropdown in this list\n          this.dropdowns.forEach((dropdown) => {\n            if (!(dropdown.isVisible = !dropdown.isVisible)) {\n              dropdown.childDropdowns.forEach((child) => {\n                child.isVisible = false;\n              });\n            }\n          });\n          return false;\n        }\n      }\n    }\n  }\n\n  @ContentChildren(BsNavbarDropdownComponent) dropdowns!: QueryList<BsNavbarDropdownComponent>;\n}\n","<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>"]}

package/esm2015/lib/components/navbar/navbar-nav/navbar-nav.component.js

@@ -1,18 +1,34 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { BsNavbarComponent } from '../navbar/navbar.component';
+import { SlideUpDownAnimation } from '@mintplayer/ng-animations';
 import * as i0 from "@angular/core";
+import * as i1 from "../navbar/navbar.component";
 export 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: i1.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: i1.BsNavbarComponent }]; }, propDecorators: { collapse: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=navbar-nav.component.js.map

package/esm2015/lib/components/navbar/navbar-nav/navbar-nav.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-nav.component.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-nav/navbar-nav.component.ts","../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-nav/navbar-nav.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;;AAOlD,MAAM,OAAO,oBAAoB;IAE/B,gBAAgB,CAAC;IAEjB,QAAQ;IACR,CAAC;;iHALU,oBAAoB;qGAApB,oBAAoB,qDCPjC,4BACA;2FDMa,oBAAoB;kBALhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;iBAC3C","sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'bs-navbar-nav',\n  templateUrl: './navbar-nav.component.html',\n  styleUrls: ['./navbar-nav.component.scss']\n})\nexport class BsNavbarNavComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<p>navbar-nav works!</p>\n"]}
+{"version":3,"file":"navbar-nav.component.js","sourceRoot":"","sources":["../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-nav/navbar-nav.component.ts","../../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar-nav/navbar-nav.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;;;AAQjE,MAAM,OAAO,oBAAoB;IAE/B,YAAY,QAA2B;QASvC,kBAAkB;QACV,cAAS,GAAY,IAAI,CAAC;QAThC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,QAAQ;IACR,CAAC;IAMD,IAAoB,QAAQ,CAAC,KAAc;QACzC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IACD,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;;iHAlBU,oBAAoB;qGAApB,oBAAoB,uFCVjC,yMAIM,iKDIQ,CAAC,oBAAoB,CAAC;2FAEvB,oBAAoB;kBANhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;oBAC1C,UAAU,EAAE,CAAC,oBAAoB,CAAC;iBACnC;wGAcqB,QAAQ;sBAA3B,KAAK","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { BsNavbarComponent } from '../navbar/navbar.component';\nimport { SlideUpDownAnimation } from '@mintplayer/ng-animations';\n\n@Component({\n  selector: 'bs-navbar-nav',\n  templateUrl: './navbar-nav.component.html',\n  styleUrls: ['./navbar-nav.component.scss'],\n  animations: [SlideUpDownAnimation]\n})\nexport class BsNavbarNavComponent implements OnInit {\n\n  constructor(bsNavbar: BsNavbarComponent) {\n    this.bsNavbar = bsNavbar;\n  }\n\n  ngOnInit(): void {\n  }\n\n  bsNavbar: BsNavbarComponent;\n\n  //#region collapse\n  private _collapse: boolean = true;\n  @Input() public set collapse(value: boolean) {\n    this._collapse = value;\n  }\n  public get collapse() {\n    return this._collapse;\n  }\n  //#endregion\n}\n","<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>"]}

package/esm2015/lib/components/navbar/navbar.module.js

@@ -1,9 +1,14 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { ClickOutsideModule } from '@mintplayer/ng-click-outside';
 import { BsNavbarComponent } from './navbar/navbar.component';
 import { BsNavbarNavComponent } from './navbar-nav/navbar-nav.component';
 import { BsNavbarDropdownComponent } from './navbar-dropdown/navbar-dropdown.component';
 import { BsNavbarItemComponent } from './navbar-item/navbar-item.component';
+import { DropdownToggleDirective } from './dropdown-toggle/dropdown-toggle.directive';
+import { NavLinkDirective } from './nav-link/nav-link.directive';
+import { NavbarContentDirective } from './navbar-content/navbar-content.directive';
 import * as i0 from "@angular/core";
 export class BsNavbarModule {
 }
@@ -11,12 +16,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,
@@ -25,16 +40,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
                     ]
                 }]
         }] });

package/esm2015/lib/components/navbar/navbar.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.module.js","sourceRoot":"","sources":["../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;;AAqB5E,MAAM,OAAO,cAAc;;2GAAd,cAAc;4GAAd,cAAc,iBAfvB,iBAAiB;QACjB,oBAAoB;QACpB,yBAAyB;QACzB,qBAAqB,aAGrB,YAAY,aAGZ,iBAAiB;QACjB,oBAAoB;QACpB,yBAAyB;QACzB,qBAAqB;4GAGZ,cAAc,YAVhB;YACP,YAAY;SACb;2FAQU,cAAc;kBAjB1B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,iBAAiB;wBACjB,oBAAoB;wBACpB,yBAAyB;wBACzB,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACP,YAAY;qBACb;oBACD,OAAO,EAAE;wBACP,iBAAiB;wBACjB,oBAAoB;wBACpB,yBAAyB;wBACzB,qBAAqB;qBACtB;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsNavbarComponent } from './navbar/navbar.component';\nimport { BsNavbarNavComponent } from './navbar-nav/navbar-nav.component';\nimport { BsNavbarDropdownComponent } from './navbar-dropdown/navbar-dropdown.component';\nimport { BsNavbarItemComponent } from './navbar-item/navbar-item.component';\n\n\n\n@NgModule({\n  declarations: [\n    BsNavbarComponent,\n    BsNavbarNavComponent,\n    BsNavbarDropdownComponent,\n    BsNavbarItemComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    BsNavbarComponent,\n    BsNavbarNavComponent,\n    BsNavbarDropdownComponent,\n    BsNavbarItemComponent\n  ]\n})\nexport class BsNavbarModule { }\n"]}
+{"version":3,"file":"navbar.module.js","sourceRoot":"","sources":["../../../../../../../libs/mintplayer-ng-bootstrap/src/lib/components/navbar/navbar.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;;AA6BnF,MAAM,OAAO,cAAc;;2GAAd,cAAc;4GAAd,cAAc,iBAzBvB,iBAAiB;QACjB,oBAAoB;QACpB,yBAAyB;QACzB,qBAAqB;QAErB,uBAAuB;QACvB,gBAAgB;QAChB,sBAAsB,aAGtB,YAAY;QACZ,YAAY;QACZ,kBAAkB,aAGlB,iBAAiB;QACjB,oBAAoB;QACpB,yBAAyB;QACzB,qBAAqB;QAErB,uBAAuB;QACvB,gBAAgB;QAChB,sBAAsB;4GAGb,cAAc,YAhBhB;YACP,YAAY;YACZ,YAAY;YACZ,kBAAkB;SACnB;2FAYU,cAAc;kBA3B1B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,iBAAiB;wBACjB,oBAAoB;wBACpB,yBAAyB;wBACzB,qBAAqB;wBAErB,uBAAuB;wBACvB,gBAAgB;wBAChB,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,kBAAkB;qBACnB;oBACD,OAAO,EAAE;wBACP,iBAAiB;wBACjB,oBAAoB;wBACpB,yBAAyB;wBACzB,qBAAqB;wBAErB,uBAAuB;wBACvB,gBAAgB;wBAChB,sBAAsB;qBACvB;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { ClickOutsideModule } from '@mintplayer/ng-click-outside';\nimport { BsNavbarComponent } from './navbar/navbar.component';\nimport { BsNavbarNavComponent } from './navbar-nav/navbar-nav.component';\nimport { BsNavbarDropdownComponent } from './navbar-dropdown/navbar-dropdown.component';\nimport { BsNavbarItemComponent } from './navbar-item/navbar-item.component';\nimport { DropdownToggleDirective } from './dropdown-toggle/dropdown-toggle.directive';\nimport { NavLinkDirective } from './nav-link/nav-link.directive';\nimport { NavbarContentDirective } from './navbar-content/navbar-content.directive';\n\n@NgModule({\n  declarations: [\n    BsNavbarComponent,\n    BsNavbarNavComponent,\n    BsNavbarDropdownComponent,\n    BsNavbarItemComponent,\n\n    DropdownToggleDirective,\n    NavLinkDirective,\n    NavbarContentDirective\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    ClickOutsideModule\n  ],\n  exports: [\n    BsNavbarComponent,\n    BsNavbarNavComponent,\n    BsNavbarDropdownComponent,\n    BsNavbarItemComponent,\n\n    DropdownToggleDirective,\n    NavLinkDirective,\n    NavbarContentDirective\n  ]\n})\nexport class BsNavbarModule { }\n"]}