@amcharts/amcharts5 5.10.7 → 5.10.9

package/.internal/core/Root.js

@@ -746,6 +746,10 @@ export class Root {
                     // generate internal click events.
                     const focusedSprite = this._focusedSprite;
                     if (focusedSprite) {
+                        const announceText = focusedSprite.get("clickAnnounceText", "");
+                        if (announceText !== "") {
+                            this.readerAlert(announceText);
+                        }
                         const downEvent = renderer.getEvent(new MouseEvent("click"));
                         focusedSprite.events.dispatch("click", {
                             type: "click",
@@ -772,6 +776,10 @@ export class Root {
                         switch (eventKey) {
                             case "Enter":
                             case " ":
+                                const announceText = focusedSprite.get("clickAnnounceText", "");
+                                if (announceText !== "") {
+                                    this.readerAlert(announceText);
+                                }
                                 if (eventKey == " " && focusedSprite.get("role") != "checkbox") {
                                     return;
                                 }
@@ -857,7 +865,7 @@ export class Root {
                         switch (eventKey) {
                             case "ArrowLeft":
                             case "ArrowRight":
-                            case "ArrowTop":
+                            case "ArrowUp":
                             case "ArrowDown":
                                 if (focusedSprite.isDragging()) {
                                     // Simulate drag stop
@@ -899,6 +907,13 @@ export class Root {
                                     $utils.focus(items[index].getPrivate("focusElement").dom);
                                 }
                                 break;
+                            case "Tab":
+                                const group = focusedSprite.get("focusableGroup");
+                                if (group && this._isShift) {
+                                    this._focusNext(focusedSprite.getPrivate("focusElement").dom, -1, group);
+                                    return;
+                                }
+                                break;
                         }
                     }
                 }));
@@ -1612,7 +1627,7 @@ export class Root {
             });
         }
     }
-    _focusNext(el, direction) {
+    _focusNext(el, direction, group) {
         if (this._a11yD == true) {
             return;
         }
@@ -1638,7 +1653,15 @@ export class Root {
         else if (index >= focusableElements.length) {
             index = 0;
         }
-        focusableElements[index].focus();
+        const targetElement = focusableElements[index];
+        if (group && direction == -1) {
+            const target = this._getSpriteByFocusElement(targetElement);
+            if (target && target.get("focusableGroup") == group) {
+                this._focusNext(targetElement, direction);
+                return;
+            }
+        }
+        targetElement.focus();
     }
     _handleBlur(ev) {
         if (this._a11yD == true) {
@@ -1914,7 +1937,16 @@ export class Root {
         const htmlElement = target.getPrivate("htmlElement");
         if (htmlElement) {
             // Translate settings
-            const visualSettings = ["paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "minWidth", "minHeight", "maxWidth", "maxHeight"];
+            const visualSettings = [
+                "paddingTop",
+                "paddingRight",
+                "paddingBottom",
+                "paddingLeft",
+                "minWidth",
+                "minHeight",
+                "maxWidth",
+                "maxHeight"
+            ];
             $array.each(visualSettings, (setting) => {
                 const value = target.get(setting);
                 if (value) {
@@ -1924,6 +1956,24 @@ export class Root {
                     htmlElement.style[setting] = "";
                 }
             });
+            const strtingSettings = [
+                "fontFamily",
+                "fontSize",
+                "fontStyle",
+                "fontWeight",
+                "fontStyle",
+                "fontVariant",
+                "textDecoration"
+            ];
+            $array.each(strtingSettings, (setting) => {
+                const value = target.get(setting);
+                if (value) {
+                    htmlElement.style[setting] = value + "";
+                }
+                else {
+                    htmlElement.style[setting] = "";
+                }
+            });
             // Init and reset scale / rotation
             const scale = target.compositeScale() || 1;
             const rotation = target.compositeRotation() || 0;
@@ -1943,8 +1993,8 @@ export class Root {
             // htmlElement.style.top = (bounds.top) + "px";
             // htmlElement.style.left = (bounds.left) + "px";
             let pos = {
-                x: target.x(),
-                y: target.y()
+                x: target.x() + target.get("dx", 0),
+                y: target.y() + target.get("dy", 0)
             };
             if (target.parent) {
                 pos = target.parent.toGlobal(pos);