monkey-front-core 0.0.210 → 0.0.213

package/fesm2020/monkey-front-core.mjs

@@ -1886,7 +1886,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
             }] } });
 
 class MonkeyEcxPopoverDirective {
-    constructor(tpl, vcr, el, zone, _viewContainerRef, _cd, overlay, overlayPositionBuilder, options) {
+    constructor(tpl, vcr, el, zone, _viewContainerRef, _cd, overlay, overlayPositionBuilder, router, options) {
         this.tpl = tpl;
         this.vcr = vcr;
         this.el = el;
@@ -1895,6 +1895,7 @@ class MonkeyEcxPopoverDirective {
         this._cd = _cd;
         this.overlay = overlay;
         this.overlayPositionBuilder = overlayPositionBuilder;
+        this.router = router;
         this.options = options;
         this.minwidth = false;
         this.backdrop = true;
@@ -1902,7 +1903,14 @@ class MonkeyEcxPopoverDirective {
         this.dir = 'ltr';
         this.contextmenu = false;
         this.subs = new Subscription();
-        // not to do
+        this.eventsSubs = new Subscription();
+        this.eventsSubs = this.router.events
+            .pipe(filter((event) => {
+            return event instanceof NavigationStart;
+        }))
+            .subscribe(() => {
+            this.onHandleClose();
+        });
     }
     get popover() {
         return this._popover;
@@ -1922,6 +1930,16 @@ class MonkeyEcxPopoverDirective {
     set target(target) {
         this._target = target;
     }
+    onHandleClose(e) {
+        this.popover = false;
+        this.subs.unsubscribe();
+        this.resizeObserver?.disconnect();
+        this.zone.run(() => {
+            if (this.closed) {
+                this.closed(e);
+            }
+        });
+    }
     getDirPositions(dir) {
         const revert = {
             start: 'end', end: 'start', bottom: 'top', top: 'bottom', center: 'center'
@@ -2005,22 +2023,14 @@ class MonkeyEcxPopoverDirective {
             maxHeight: '95%',
             height: this.height
         });
-        let resizeObserver;
-        const subs = this.overlayRef.backdropClick().subscribe((e) => {
-            this.popover = false;
-            subs.unsubscribe();
-            resizeObserver?.disconnect();
-            this.zone.run(() => {
-                if (this.closed) {
-                    this.closed(e);
-                }
-            });
+        this.subs = this.overlayRef.backdropClick().subscribe((e) => {
+            this.onHandleClose(e);
         });
         const attached = this.overlayRef.attach(this.templatePortal);
         if (this.watch) {
             try {
                 if ('ResizeObserver' in window) {
-                    resizeObserver = new ResizeObserver(([{ contentRect }]) => {
+                    this.resizeObserver = new ResizeObserver(([{ contentRect }]) => {
                         this.overlayRef.updatePosition();
                     })
                         .observe(attached.rootNodes[0]);
@@ -2034,16 +2044,17 @@ class MonkeyEcxPopoverDirective {
     ngOnDestroy() {
         this.popover = false;
         this.subs.unsubscribe();
+        this.eventsSubs.unsubscribe();
     }
 }
-MonkeyEcxPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1$4.Overlay }, { token: i1$4.OverlayPositionBuilder }, { token: POPOVER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MonkeyEcxPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1$4.Overlay }, { token: i1$4.OverlayPositionBuilder }, { token: i1$3.Router }, { token: POPOVER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
 MonkeyEcxPopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: { popover: ["monkeyecxPopover", "popover"], closed: ["monkeyecxPopoverClosed", "closed"], target: ["monkeyecxPopoverTarget", "target"], minwidth: ["monkeyecxPopoverMinwidth", "minwidth"], backdrop: ["monkeyecxPopoverBackdrop", "backdrop"], watch: ["monkeyecxPopoverWatch", "watch"], dir: ["monkeyecxPopoverDir", "dir"], contextmenu: ["monkeyecxPopoverContextmenu", "contextmenu"], height: ["monkeyecxPopoverHeight", "height"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[monkeyecxPopover]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.Overlay }, { type: i1$4.OverlayPositionBuilder }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.Overlay }, { type: i1$4.OverlayPositionBuilder }, { type: i1$3.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [POPOVER_OPTIONS]
                 }, {