@datorama/core 23.0.4-rc.2 → 23.0.4-rc.3

package/bundles/datorama-core.umd.js

@@ -15631,7 +15631,7 @@
         });
         DatoGridControllerComponent.prototype.ngOnDestroy = function () {
             this.contentInit.complete();
-            this.tooltip && this.clearTooltip();
+            this.clearTooltip();
             this.rowHoverComponent && this.rowHoverComponent.destroy();
             this.rowHoverComponent = null;
         };
@@ -15861,40 +15861,49 @@
                 });
                 this.addOnHoverElement();
             }
-            agGrid.cellMouseOver
-                .pipe(operators.filter(function (_a) {
-                var node = _a.node, column = _a.column;
-                return lastHoveredCell !== node.id + "-" + column.getColId();
-            }), ngxTakeUntilDestroy.untilDestroyed(this))
-                .subscribe(function (event) {
-                lastHoveredCell = event.node.id + "-" + event.column.getColId();
+            agGrid.cellMouseOver.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function (event) {
+                var node = event.node, column = event.column;
+                if (lastHoveredCell === node.id + "-" + column.getColId()) {
+                    clearTimeout(_this.cellMouseOutTimer);
+                    return;
+                }
+                lastHoveredCell = node.id + "-" + column.getColId();
                 _this.showTooltip(event);
                 var row = event.event.target.parentElement;
-                if (onHoverEnabled && (event.node.group === false || isNil(event.node.group)) && _this.lastHoveredRow !== row) {
+                if (onHoverEnabled && (node.group === false || isNil(node.group)) && _this.lastHoveredRow !== row) {
                     var previousNode = _this.lastHoveredRow;
                     _this.lastHoveredRow = row;
                     _this.toggleRowHoverClass([previousNode, _this.lastHoveredRow]);
                     _this.setOnHoverState(true, event);
                 }
             });
-            var onTooltipOut = rxjs.merge(rxjs.fromEvent(bodyViewport, 'scroll'), rxjs.fromEvent(this.agGridEl, 'mouseleave'), agGrid.cellMouseOut);
+            var onTooltipOut = rxjs.merge(rxjs.fromEvent(bodyViewport, 'scroll'), rxjs.fromEvent(this.agGridEl, 'mouseleave'));
             onTooltipOut
                 .pipe(operators.filter(function () { return !isNil(_this.tooltip); }), ngxTakeUntilDestroy.untilDestroyed(this))
                 .subscribe(function () {
                 _this.clearTooltip();
             });
+            agGrid.cellMouseOut
+                .pipe(operators.filter(function () { return !isNil(_this.tooltip); }), ngxTakeUntilDestroy.untilDestroyed(this))
+                .subscribe(function () {
+                _this.cellMouseOutTimer = window.setTimeout(function () { return _this.clearTooltip(); });
+            });
         };
         /**
          * Dispose the tooltip
          */
         DatoGridControllerComponent.prototype.clearTooltip = function () {
-            this.tooltip.dispose();
+            this.tooltip && this.tooltip.dispose();
             this.tooltip = null;
         };
         DatoGridControllerComponent.prototype.showTooltip = function (event) {
             var cell = event.event.target;
+            if (cell.tagName === 'SPAN' && cell.scrollWidth === 0) {
+                cell = cell.parentElement;
+            }
             var textOverflow = cell.offsetWidth < cell.scrollWidth;
             if (textOverflow) {
+                clearTimeout(this.cellMouseOutTimer);
                 var params = { cell: cell, value: cell.innerText };
                 isNil(this.tooltip) ? this.createAndShowTooltip(params) : this.updateTooltip(params);
             }