@mintplayer/ng-bootstrap 13.1.10 → 13.1.11

package/fesm2020/mintplayer-ng-bootstrap.mjs

@@ -708,18 +708,21 @@ class BsContextMenuDirective {
     clickAnywhere(ev) {
         this.checkAndCloseExisting(ev);
     }
-    checkAndCloseExisting(ev) {
+    close() {
         if (this.overlayRef) {
-            if (!this.overlayRef.overlayElement.contains(ev.target)) {
-                this.overlayRef.detach();
-                this.overlayRef.dispose();
-                this.overlayRef = null;
-            }
+            this.overlayRef.detach();
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+    }
+    checkAndCloseExisting(ev) {
+        if (this.overlayRef && !this.overlayRef.overlayElement.contains(ev.target)) {
+            this.close();
         }
     }
 }
 BsContextMenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsContextMenuDirective, deps: [{ token: i1$1.Overlay }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef, host: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-BsContextMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: BsContextMenuDirective, selector: "[bsContextMenu]", host: { listeners: { "document:click": "clickAnywhere($event)" } }, ngImport: i0 });
+BsContextMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: BsContextMenuDirective, selector: "[bsContextMenu]", host: { listeners: { "document:click": "clickAnywhere($event)", "window:blur": "close()" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsContextMenuDirective, decorators: [{
             type: Directive,
             args: [{
@@ -732,6 +735,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 }] }]; }, propDecorators: { clickAnywhere: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
+            }], close: [{
+                type: HostListener,
+                args: ['window:blur']
             }] } });
 
 class BsContextMenuModule {
@@ -1190,9 +1196,13 @@ class BsDropdownDirective {
             this.isOpenChange.emit(value);
         }
     }
+    //#endregion
+    onBlur() {
+        this.isOpen = false;
+    }
 }
 BsDropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDropdownDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BsDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: BsDropdownDirective, selector: "[bsDropdown]", inputs: { hasBackdrop: "hasBackdrop", sameWidth: "sameWidth", closeOnClickOutside: "closeOnClickOutside", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, queries: [{ propertyName: "menu", first: true, predicate: BsDropdownMenuDirective, descendants: true }, { propertyName: "toggle", first: true, predicate: BsDropdownToggleDirective, descendants: true }], ngImport: i0 });
+BsDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: BsDropdownDirective, selector: "[bsDropdown]", inputs: { hasBackdrop: "hasBackdrop", sameWidth: "sameWidth", closeOnClickOutside: "closeOnClickOutside", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "window:blur": "onBlur()" } }, queries: [{ propertyName: "menu", first: true, predicate: BsDropdownMenuDirective, descendants: true }, { propertyName: "toggle", first: true, predicate: BsDropdownToggleDirective, descendants: true }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDropdownDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1214,6 +1224,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 type: Output
             }], isOpen: [{
                 type: Input
+            }], onBlur: [{
+                type: HostListener,
+                args: ['window:blur']
             }] } });
 
 class BsDatepickerComponent {
@@ -1909,15 +1922,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
 class BsScrollspyComponent {
-    constructor(scrollOffsetService, document) {
+    constructor(scrollOffsetService, document, zone) {
         this.scrollOffsetService = scrollOffsetService;
+        this.zone = zone;
+        this.destroyed$ = new Subject();
+        this.viewInit$ = new BehaviorSubject(false);
+        this.contentInit$ = new BehaviorSubject(false);
         this.activeDirective = null;
         this.doc = document;
+        combineLatest([this.viewInit$, this.contentInit$])
+            .pipe(filter(([viewInit, contentInit]) => viewInit && contentInit), take(1))
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe(() => {
+            // this.setActiveDirective();
+            this.scrollToCurrentInSpy();
+        });
     }
     ngAfterViewInit() {
-        this.onWindowScroll();
+        this.viewInit$.next(true);
+    }
+    ngAfterContentInit() {
+        this.contentInit$.next(true);
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
     }
     onWindowScroll() {
+        this.setActiveDirective();
+        this.scrollToCurrentInSpy();
+    }
+    setActiveDirective() {
         const offsetY = this.scrollOffsetService.getScrollOffset()[1];
         const dirs = this.directives.filter((d) => d.element.nativeElement.getBoundingClientRect().y < offsetY);
         if (this.directives.length === 0) {
@@ -1929,6 +1963,8 @@ class BsScrollspyComponent {
         else {
             this.activeDirective = dirs[dirs.length - 1];
         }
+    }
+    scrollToCurrentInSpy() {
         if (window && (window.innerWidth >= 768)) {
             if (this.activeDirective) {
                 const index = this.directives.toArray().findIndex((v, i) => v === this.activeDirective);
@@ -1946,7 +1982,7 @@ class BsScrollspyComponent {
         window.scrollTo({ top: y, behavior: 'smooth' });
     }
 }
-BsScrollspyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsScrollspyComponent, deps: [{ token: BsScrollOffsetService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+BsScrollspyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsScrollspyComponent, deps: [{ token: BsScrollOffsetService }, { token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 BsScrollspyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: BsScrollspyComponent, selector: "bs-scrollspy", host: { listeners: { "window:scroll": "onWindowScroll($event)" } }, queries: [{ propertyName: "directives", predicate: BsScrollspyDirective, descendants: true }], viewQueries: [{ propertyName: "anchors", predicate: ["anchor"], descendants: true }], ngImport: i0, template: "<div class=\"spy\">\n    <ul class=\"text-muted\">\n        <li *ngFor=\"let dir of directives; let i = index\">\n            <span [attr.data-index]=\"i\" class=\"cursor-pointer\" [ngClass]=\"'nav' + dir.element.nativeElement.tagName\" [class.fw-bold]=\"activeDirective?.element === dir.element\" (click)=\"scrollToHeader(dir)\" [title]=\"dir.element.nativeElement.textContent\" #anchor>\n                {{ dir.element.nativeElement.textContent }}\n            </span>\n        </li>\n    </ul>\n</div>\n<div class=\"content\">\n    <ng-content></ng-content>\n</div>", styles: [":host{display:block}.spy>ul{list-style-type:none;padding-left:0}.spy>ul>li:hover{color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.spy>ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){:host{display:grid;grid-template-areas:\"content toc\";grid-template-columns:auto 200px;grid-template-rows:auto;grid-gap:inherit;gap:inherit;grid-area:main}.spy{position:sticky;top:5rem;right:0;z-index:2;height:calc(100vh - 7rem);overflow-y:auto;grid-area:toc}.spy>ul{padding-left:2rem}}.navH2{margin-left:20px}.navH3{margin-left:40px}.navH4{margin-left:60px}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsScrollspyComponent, decorators: [{
             type: Component,
@@ -1954,7 +1990,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
         }], ctorParameters: function () { return [{ type: BsScrollOffsetService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }]; }, propDecorators: { directives: [{
+                }] }, { type: i0.NgZone }]; }, propDecorators: { directives: [{
                 type: ContentChildren,
                 args: [BsScrollspyDirective, { descendants: true }]
             }], anchors: [{
@@ -2096,7 +2132,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
 class BsItemTemplateDirective {
     constructor(select2component, templateRef) {
         this.select2component = select2component;
-        console.log('template', templateRef);
         this.select2component.itemTemplate = templateRef;
     }
 }
@@ -2217,7 +2252,6 @@ class BsSnackbarService {
             width: '100%'
         });
         const componentInstance = overlayRef.attach(portal);
-        // componentInstance.
         componentInstance.instance['instance'] = {
             component: componentInstance,
             overlay: overlayRef
@@ -2466,6 +2500,9 @@ class BsTooltipDirective {
             this.hideTooltip();
         };
     }
+    onBlur() {
+        this.hideTooltip();
+    }
     showTooltip() {
         const positions = [];
         switch (this.bsTooltip) {
@@ -2528,7 +2565,7 @@ class BsTooltipDirective {
     }
 }
 BsTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsTooltipDirective, deps: [{ token: i1$1.Overlay }, { token: i0.TemplateRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ElementRef, host: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-BsTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: BsTooltipDirective, selector: "*[bsTooltip]", inputs: { bsTooltip: "bsTooltip" }, ngImport: i0 });
+BsTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: BsTooltipDirective, selector: "*[bsTooltip]", inputs: { bsTooltip: "bsTooltip" }, host: { listeners: { "window:blur": "onBlur()" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsTooltipDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2538,7 +2575,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                     type: Host
                 }, {
                     type: SkipSelf
-                }] }]; }, propDecorators: { bsTooltip: [{
+                }] }]; }, propDecorators: { onBlur: [{
+                type: HostListener,
+                args: ['window:blur']
+            }], bsTooltip: [{
                 type: Input
             }] } });