@carbon/charts-vue 1.5.8 → 1.6.1

package/charts-vue.umd.js

@@ -36598,27 +36598,6 @@ var hover_axis_HoverAxis = /** @class */ (function (_super) {
                 .attr('width', width + configuration_non_customizable_axis.hover.rectanglePadding * 2)
                 .attr('height', height)
                 .lower();
-            // Add keyboard event listeners to each group element
-            g.on('keydown', function (event) {
-                // Choose specific arrow key depending on the axis
-                if (axisPosition === AxisPositions.LEFT ||
-                    axisPosition === AxisPositions.RIGHT) {
-                    if (event.key && event.key === 'ArrowUp') {
-                        self.goNext(this, event);
-                    }
-                    else if (event.key && event.key === 'ArrowDown') {
-                        self.goPrevious(this, event);
-                    }
-                }
-                else {
-                    if (event.key && event.key === 'ArrowLeft') {
-                        self.goPrevious(this, event);
-                    }
-                    else if (event.key && event.key === 'ArrowRight') {
-                        self.goNext(this, event);
-                    }
-                }
-            });
         });
         // Add event listeners to element group
         this.addEventListeners();
@@ -36707,6 +36686,35 @@ var hover_axis_HoverAxis = /** @class */ (function (_super) {
                 element: src_select(this),
                 datum: src_select(this).select('text').datum(),
             });
+        })
+            .on('keydown', function (event) {
+            // Hide the tooltip when `Escape` is pressed, but keep focus
+            if (event.key && event.key === 'Escape') {
+                self.services.events.dispatchEvent(Events.Tooltip.HIDE);
+                self.services.events.dispatchEvent(Events.Axis.LABEL_BLUR, {
+                    event: event,
+                    element: src_select(this),
+                    datum: src_select(this).select('text').datum(),
+                });
+            }
+            // Choose specific arrow key depending on the axis
+            if (axisPosition === AxisPositions.LEFT ||
+                axisPosition === AxisPositions.RIGHT) {
+                if (event.key && event.key === 'ArrowUp') {
+                    self.goNext(this, event);
+                }
+                else if (event.key && event.key === 'ArrowDown') {
+                    self.goPrevious(this, event);
+                }
+            }
+            else {
+                if (event.key && event.key === 'ArrowLeft') {
+                    self.goPrevious(this, event);
+                }
+                else if (event.key && event.key === 'ArrowRight') {
+                    self.goNext(this, event);
+                }
+            }
         });
     };
     // Focus on the next HTML element sibling