@energycap/components 0.32.24 → 0.32.25

package/fesm2020/energycap-components.mjs

@@ -9531,9 +9531,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
             }] } });
 
 class TooltipDirective {
-    constructor(tooltipService, element) {
+    constructor(tooltipService, element, renderer2) {
         this.tooltipService = tooltipService;
         this.element = element;
+        this.renderer2 = renderer2;
         //TooltipConfig: receives all the tooltip options to overwrite the
         //default configuration of the tooltip
         this.tooltipConfig = undefined;
@@ -9553,6 +9554,10 @@ class TooltipDirective {
         //Object with the tooltip options builded with the Input parameters
         //and use it in tooltipService - show()
         this.tooltipOptions = {};
+        /**Set when we show a tooltip, to allow us to unsubscribe to mouse move when hide fires.
+         * if we never showed the tooltip this will remain null and we won't have an event to unsubscribe to
+         */
+        this.mouseMoveUnsubscribe = null;
     }
     ngOnInit() {
         //checkInputsValue(): if there is an error it will prevent to execute
@@ -9573,7 +9578,9 @@ class TooltipDirective {
             console.error('There are too many parameters or none parameter to config the tooltip options');
         }
     }
-    //Detects where the mouse is to trigger the leave/hide process
+    /**Detects where the mouse is to trigger the leave/hide process
+     * This is a backstop protection against us missing the mouseleave event and leaving a hanging chad.
+     * On some browsers, and on some actions (especially scroll) the mouseLeave seems to never fire */
     onMouseMove(event) {
         let callCallback = false;
         if (this.contentRect) {
@@ -9641,6 +9648,7 @@ class TooltipDirective {
         //tooltipPosition is never undefined, default value = "top-center"
         if (!this.tooltip) {
             this.tooltip = this.tooltipService.show(element, this.tooltipPosition, this.tooltipOptions);
+            this.mouseMoveUnsubscribe = this.renderer2.listen(document, 'mousemove', this.onMouseMove.bind(this));
         }
     }
     hide() {
@@ -9651,6 +9659,9 @@ class TooltipDirective {
             //Call the hide() from the tooltip component
             this.tooltip.hide();
             this.tooltip = undefined;
+            if (this.mouseMoveUnsubscribe) {
+                this.mouseMoveUnsubscribe();
+            }
         }
         //Interrupt the flow of mouseover with a delay and triggers the 
         //flow to hide the tooltip with a delay 
@@ -9664,14 +9675,14 @@ class TooltipDirective {
         this.interrupt.next();
     }
 }
-TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipDirective, deps: [{ token: TooltipService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: TooltipDirective, selector: "[ecTooltip]", inputs: { tooltipConfig: "tooltipConfig", tooltipText: "tooltipText", tooltipCustomContent: "tooltipCustomContent", tooltipPosition: "tooltipPosition" }, host: { listeners: { "document:mousemove": "onMouseMove($event)", "mouseover": "onMouseOver()", "mouseleave": "onLeave()" } }, ngImport: i0 });
+TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipDirective, deps: [{ token: TooltipService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: TooltipDirective, selector: "[ecTooltip]", inputs: { tooltipConfig: "tooltipConfig", tooltipText: "tooltipText", tooltipCustomContent: "tooltipCustomContent", tooltipPosition: "tooltipPosition" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onLeave()" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ecTooltip]'
                 }]
-        }], ctorParameters: function () { return [{ type: TooltipService }, { type: i0.ElementRef }]; }, propDecorators: { tooltipConfig: [{
+        }], ctorParameters: function () { return [{ type: TooltipService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { tooltipConfig: [{
                 type: Input
             }], tooltipText: [{
                 type: Input
@@ -9679,9 +9690,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 type: Input
             }], tooltipPosition: [{
                 type: Input
-            }], onMouseMove: [{
-                type: HostListener,
-                args: ['document:mousemove', ['$event']]
             }], onMouseOver: [{
                 type: HostListener,
                 args: ['mouseover']