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

package/fesm5/datorama-core.js

@@ -15432,7 +15432,7 @@ var DatoGridControllerComponent = /** @class */ (function () {
     });
     DatoGridControllerComponent.prototype.ngOnDestroy = function () {
         this.contentInit.complete();
-        this.tooltip && this.clearTooltip();
+        this.clearTooltip();
         this.rowHoverComponent && this.rowHoverComponent.destroy();
         this.rowHoverComponent = null;
     };
@@ -15662,40 +15662,49 @@ var DatoGridControllerComponent = /** @class */ (function () {
             });
             this.addOnHoverElement();
         }
-        agGrid.cellMouseOver
-            .pipe(filter$1(function (_a) {
-            var node = _a.node, column = _a.column;
-            return lastHoveredCell !== node.id + "-" + column.getColId();
-        }), untilDestroyed(this))
-            .subscribe(function (event) {
-            lastHoveredCell = event.node.id + "-" + event.column.getColId();
+        agGrid.cellMouseOver.pipe(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 = merge$1(fromEvent(bodyViewport, 'scroll'), fromEvent(this.agGridEl, 'mouseleave'), agGrid.cellMouseOut);
+        var onTooltipOut = merge$1(fromEvent(bodyViewport, 'scroll'), fromEvent(this.agGridEl, 'mouseleave'));
         onTooltipOut
             .pipe(filter$1(function () { return !isNil(_this.tooltip); }), untilDestroyed(this))
             .subscribe(function () {
             _this.clearTooltip();
         });
+        agGrid.cellMouseOut
+            .pipe(filter$1(function () { return !isNil(_this.tooltip); }), 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);
         }