@carbon/charts-vue 1.6.1 → 1.6.2

package/charts-vue.umd.js

@@ -20765,7 +20765,6 @@ var legend_Legend = /** @class */ (function (_super) {
         var truncationThreshold = tools_Tools.getProperty(truncationOptions, 'threshold');
         var truncationNumCharacter = tools_Tools.getProperty(truncationOptions, 'numCharacter');
         var addedLegendItemsText = svg.selectAll('div.legend-item p');
-        var self = this;
         // Add an ID for the checkbox to use through `aria-labelledby`
         addedLegendItemsText.attr('id', function (d, i) {
             var elementToReference = this.parentNode.querySelector('div.checkbox') ||
@@ -20792,7 +20791,7 @@ var legend_Legend = /** @class */ (function (_super) {
         var svg = this.getComponentContainer();
         var options = this.getOptions();
         var legendOptions = tools_Tools.getProperty(options, 'legend');
-        var truncationThreshold = tools_Tools.getProperty(legendOptions, 'truncation', 'threshold');
+        var truncation = tools_Tools.getProperty(legendOptions, 'truncation');
         svg.selectAll('div.legend-item')
             .on('mouseover', function (event) {
             self.services.events.dispatchEvent(Events.Legend.ITEM_HOVER, {
@@ -20800,8 +20799,10 @@ var legend_Legend = /** @class */ (function (_super) {
             });
             var hoveredItem = src_select(this);
             hoveredItem.select('div.checkbox').classed('hovered', true);
+            // Show tooltip if character length is greater than threshold & there is no truncation
             var hoveredItemData = hoveredItem.datum();
-            if (hoveredItemData.name.length > truncationThreshold) {
+            if (hoveredItemData.name.length > truncation.threshold &&
+                truncation.type !== TruncationTypes.NONE) {
                 self.services.events.dispatchEvent(Events.Tooltip.SHOW, {
                     event: event,
                     hoveredElement: hoveredItem,
@@ -20810,9 +20811,14 @@ var legend_Legend = /** @class */ (function (_super) {
             }
         })
             .on('mousemove', function (event) {
-            self.services.events.dispatchEvent(Events.Tooltip.MOVE, {
-                event: event,
-            });
+            // Emit tooltip move event only if tooltip is shown
+            var hoveredItemData = src_select(this).datum();
+            if (hoveredItemData.name.length > truncation.threshold &&
+                truncation.type !== TruncationTypes.NONE) {
+                self.services.events.dispatchEvent(Events.Tooltip.MOVE, {
+                    event: event,
+                });
+            }
         })
             .on('click', function () {
             self.services.events.dispatchEvent(Events.Legend.ITEM_CLICK, {
@@ -20825,7 +20831,12 @@ var legend_Legend = /** @class */ (function (_super) {
             .on('mouseout', function () {
             var hoveredItem = src_select(this);
             hoveredItem.select('div.checkbox').classed('hovered', false);
-            self.services.events.dispatchEvent(Events.Tooltip.HIDE);
+            // Emit tooltip hide event only if tooltip is shown
+            var hoveredItemData = hoveredItem.datum();
+            if (hoveredItemData.name.length > truncation.threshold &&
+                truncation.type !== TruncationTypes.NONE) {
+                self.services.events.dispatchEvent(Events.Tooltip.HIDE);
+            }
             self.services.events.dispatchEvent(Events.Legend.ITEM_MOUSEOUT, {
                 hoveredElement: hoveredItem,
             });
@@ -20853,7 +20864,7 @@ var legend_Legend = /** @class */ (function (_super) {
         svg.selectAll('g.additional-item').on('mouseover', function (event) {
             var hoveredItem = src_select(this);
             var hoveredItemData = hoveredItem.datum();
-            if (hoveredItemData.name.length > truncationThreshold) {
+            if (hoveredItemData.name.length > truncation.threshold) {
                 self.services.events.dispatchEvent(Events.Tooltip.SHOW, {
                     event: event,
                     hoveredElement: hoveredItem,