@carbon/charts-vue 1.6.1 → 1.6.3

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,
@@ -24250,7 +24261,8 @@ var tooltip_Tooltip = /** @class */ (function (_super) {
         }
         try {
             // it's a correct ISO format Date string
-            if (typeof value === 'string' && (/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/.test(value))) {
+            if (typeof value === 'string' &&
+                /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/.test(value)) {
                 return format_format(Date.parse(value), 'MMM d, yyyy');
             }
         }
@@ -35288,7 +35300,7 @@ var alluvial_Alluvial = /** @class */ (function (_super) {
         links.forEach(function (element) { return _this.traverse(direction, element, visited); });
     };
     Alluvial.prototype.getRightArrowIcon = function () {
-        return "\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\">\n\t\t\t<polygon points=\"18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6\"/>\n\t\t\t<rect  data-name=\"&lt;Transparent Rectangle&gt;\" style=\"fill: none;\" width=\"32\" height=\"32\"/>\n\t\t</svg>";
+        return "\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"arrow-right\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\">\n\t\t\t<polygon points=\"18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6\"/>\n\t\t\t<rect width=\"32\" height=\"32\"/>\n\t\t</svg>";
     };
     // Remove event listeners
     Alluvial.prototype.destroy = function () {
@@ -39763,11 +39775,18 @@ var toolbar_Toolbar = /** @class */ (function (_super) {
                 .classed('disabled', function (d) { return d.shouldBeDisabled(); })
                 .attr('aria-disabled', function (d) { return d.shouldBeDisabled(); })
                 .attr('aria-label', function (d) { return d.title; })
-                .html(function (d) { return "\n\t\t\t<button\n\t\t\t\tclass=\"cds--overflow-menu__trigger cds--overflow-menu__trigger\"\n\t\t\t\taria-haspopup=\"true\" aria-expanded=\"false\" id=\"" + _this.services.domUtils.generateElementIDString("control-" + d.id) + "\" aria-label=\"" + d.title + "\">\n\t\t\t\t<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" style=\"will-change: transform; width: " + (d.iconSVG.width !== undefined ? d.iconSVG.width : '20px') + "; height: " + (d.iconSVG.height !== undefined
-                ? d.iconSVG.height
-                : '20px') + "\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cds--overflow-menu__icon cds--overflow-menu__icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n\t\t\t\t\t" + d.iconSVG.content + "\n\t\t\t\t</svg>\n\t\t\t</button>"; })
+                .html(function (d) { return "\n\t\t\t<button\n\t\t\t\tclass=\"cds--overflow-menu__trigger cds--overflow-menu__trigger\"\n\t\t\t\taria-haspopup=\"true\" aria-expanded=\"false\" id=\"" + _this.services.domUtils.generateElementIDString("control-" + d.id) + "\" aria-label=\"" + d.title + "\">\n\t\t\t\t<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cds--overflow-menu__icon cds--overflow-menu__icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n\t\t\t\t\t" + d.iconSVG.content + "\n\t\t\t\t</svg>\n\t\t\t</button>"; })
                 .each(function (d, index) {
                 var _this = this;
+                src_select(this)
+                    .select('svg')
+                    .style('will-change', 'transform')
+                    .style('width', d.iconSVG.width !== undefined
+                    ? d.iconSVG.width
+                    : '20px')
+                    .style('height', d.iconSVG.height !== undefined
+                    ? d.iconSVG.height
+                    : '20px');
                 src_select(this)
                     .select('button')
                     .on('click', function (event) {