@trudb/tru-common-lib 0.0.290 → 0.0.291

package/fesm2020/trudb-tru-common-lib.mjs

@@ -1653,10 +1653,11 @@ class TruMatSelectPanel {
         this.renderer = renderer;
         this.select = select;
         this.util = util;
-        this.mouseEnterEvent = () => { };
-        this.mouseLeaveEvent = () => { };
-        this.mouseUpEvent = () => { };
-        this.mouseOver = false;
+        this.documentMouseUpEventFn = () => { };
+        this.removeListeners = () => {
+            if (this.documentMouseUpEventFn)
+                this.documentMouseUpEventFn();
+        };
     }
     ngOnInit() {
         this.select.openedChange.subscribe(isOpen => {
@@ -1668,23 +1669,23 @@ class TruMatSelectPanel {
                 panelParentElement.style.width = 'auto';
                 panelOverlayContainerElement.style.position = 'static';
                 panelOverlayBackdropElement.style.display = 'none';
-                this.mouseEnterEvent = this.renderer.listen(panelElement, 'mouseover', () => {
-                    this.mouseOver = true;
-                });
-                this.mouseLeaveEvent = this.renderer.listen(panelElement, 'mouseout', () => {
-                    this.mouseOver = false;
-                });
-                this.mouseUpEvent = this.renderer.listen(document, 'mouseup', () => {
-                    if (!this.mouseOver) {
-                        this.mouseEnterEvent();
-                        this.mouseLeaveEvent();
-                        this.mouseUpEvent();
-                        this.select.close();
+                this.documentMouseUpEventFn = this.renderer.listen(document, 'mouseup', (event) => {
+                    if (event.target !== this.select.panel.nativeElement && event.button !== 2) {
+                        this.removeListeners();
+                        setTimeout(() => {
+                            this.select.close();
+                        });
                     }
                 });
             }
+            else {
+                this.removeListeners();
+            }
         });
     }
+    ngOnDestroy() {
+        this.removeListeners();
+    }
 }
 TruMatSelectPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruMatSelectPanel, deps: [{ token: i0.Renderer2 }, { token: i1$4.MatSelect }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Directive });
 TruMatSelectPanel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: TruMatSelectPanel, selector: "[tru-mat-select-panel]", ngImport: i0 });