@amcharts/amcharts5 5.2.5 → 5.2.8

package/.internal/core/Root.js

@@ -1,4 +1,5 @@
 import { Container } from "./render/Container";
+import { Text } from "./render/Text";
 import { HorizontalLayout } from "./render/HorizontalLayout";
 import { VerticalLayout } from "./render/VerticalLayout";
 import { GridLayout } from "./render/GridLayout";
@@ -23,6 +24,7 @@ import * as $order from "./util/Order";
 import * as $array from "./util/Array";
 import * as $object from "./util/Object";
 import * as $utils from "./util/Utils";
+import * as $type from "./util/Type";
 import en from "../../locales/en";
 function rAF(fps, callback) {
     if (fps == null) {
@@ -300,6 +302,12 @@ var Root = /** @class */ (function () {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "_isShift", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "_keyboardDragPoint", {
             enumerable: true,
             configurable: true,
@@ -393,6 +401,12 @@ var Root = /** @class */ (function () {
             writable: true,
             value: true
         });
+        Object.defineProperty(this, "_fontHash", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
         Object.defineProperty(this, "_isDisposed", {
             enumerable: true,
             configurable: true,
@@ -450,6 +464,7 @@ var Root = /** @class */ (function () {
         inner.style.height = "100%";
         dom.appendChild(inner);
         this._inner = inner;
+        this._updateComputedStyles();
         registry.rootElements.push(this);
     }
     Object.defineProperty(Root, "new", {
@@ -611,6 +626,16 @@ var Root = /** @class */ (function () {
             // Add keyboard events for accessibility, e.g. simulating drag with arrow
             // keys and click with ENTER
             if ($utils.supports("keyboardevents")) {
+                this._disposers.push($utils.addEventListener(window, "keydown", function (ev) {
+                    if (ev.keyCode == 16) {
+                        _this._isShift = true;
+                    }
+                }));
+                this._disposers.push($utils.addEventListener(window, "keyup", function (ev) {
+                    if (ev.keyCode == 16) {
+                        _this._isShift = false;
+                    }
+                }));
                 this._disposers.push($utils.addEventListener(focusElementContainer, "keydown", function (ev) {
                     var focusedSprite = _this._focusedSprite;
                     if (focusedSprite) {
@@ -904,6 +929,35 @@ var Root = /** @class */ (function () {
             });
         }
     });
+    Object.defineProperty(Root.prototype, "_renderFrame", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (currentTime) {
+            if (this.events.isEnabled("framestarted")) {
+                this.events.dispatch("framestarted", {
+                    type: "framestarted",
+                    target: this,
+                    timestamp: currentTime,
+                });
+            }
+            this._checkComputedStyles();
+            this._runTickers(currentTime);
+            this._runAnimations(currentTime);
+            this._runDirties();
+            this._render();
+            if (this.events.isEnabled("frameended")) {
+                this.events.dispatch("frameended", {
+                    type: "frameended",
+                    target: this,
+                    timestamp: currentTime,
+                });
+            }
+            return this._tickers.length === 0 &&
+                this._animations.length === 0 &&
+                !this._isDirty;
+        }
+    });
     Object.defineProperty(Root.prototype, "_runTicker", {
         enumerable: false,
         configurable: true,
@@ -911,28 +965,9 @@ var Root = /** @class */ (function () {
         value: function (currentTime) {
             if (!this.isDisposed()) {
                 this.animationTime = currentTime;
-                if (this.events.isEnabled("framestarted")) {
-                    this.events.dispatch("framestarted", {
-                        type: "framestarted",
-                        target: this,
-                        timestamp: currentTime,
-                    });
-                }
-                this._runTickers(currentTime);
-                this._runAnimations(currentTime);
-                this._runDirties();
-                this._render();
-                if (this.events.isEnabled("frameended")) {
-                    this.events.dispatch("frameended", {
-                        type: "frameended",
-                        target: this,
-                        timestamp: currentTime,
-                    });
-                }
+                var done = this._renderFrame(currentTime);
                 // No more work to do
-                if (this._tickers.length === 0 &&
-                    this._animations.length === 0 &&
-                    !this._isDirty) {
+                if (done) {
                     this._ticker = null;
                     this.animationTime = null;
                 }
@@ -942,6 +977,24 @@ var Root = /** @class */ (function () {
             }
         }
     });
+    Object.defineProperty(Root.prototype, "_runTickerNow", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            if (!this.isDisposed()) {
+                for (;;) {
+                    var currentTime = performance.now();
+                    this.animationTime = currentTime;
+                    var done = this._renderFrame(currentTime);
+                    if (done) {
+                        this.animationTime = null;
+                        break;
+                    }
+                }
+            }
+        }
+    });
     Object.defineProperty(Root.prototype, "_startTicker", {
         enumerable: false,
         configurable: true,
@@ -1380,13 +1433,24 @@ var Root = /** @class */ (function () {
         configurable: true,
         writable: true,
         value: function (target) {
-            // Init
-            var container = this._focusElementContainer;
+            $array.remove(this._tabindexes, target);
             var focusElement = target.getPrivate("focusElement");
-            container.removeChild(focusElement.dom);
-            $array.each(focusElement.disposers, function (x) {
-                x.dispose();
-            });
+            if (focusElement) {
+                var container = this._focusElementContainer;
+                container.removeChild(focusElement.dom);
+                $array.each(focusElement.disposers, function (x) {
+                    x.dispose();
+                });
+            }
+        }
+    });
+    Object.defineProperty(Root.prototype, "_hideFocusElement", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (target) {
+            var focusElement = target.getPrivate("focusElement");
+            focusElement.dom.style.display = "none";
         }
     });
     Object.defineProperty(Root.prototype, "_moveFocusElement", {
@@ -1432,6 +1496,11 @@ var Root = /** @class */ (function () {
         value: function (ev, index) {
             // Get element
             var focused = this._tabindexes[index];
+            // Jump over hidden elements
+            if (!focused.isVisibleDeep()) {
+                this._focusNext(ev.target, this._isShift ? -1 : 1);
+                return;
+            }
             // Size and position
             this._positionFocusElement(focused);
             //this._decorateFocusElement(focused);
@@ -1445,6 +1514,36 @@ var Root = /** @class */ (function () {
             }
         }
     });
+    Object.defineProperty(Root.prototype, "_focusNext", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (el, direction) {
+            var focusableElements = Array.from(document.querySelectorAll([
+                'a[href]',
+                'area[href]',
+                'button:not([disabled])',
+                'details',
+                'input:not([disabled])',
+                'iframe:not([disabled])',
+                'select:not([disabled])',
+                'textarea:not([disabled])',
+                '[contentEditable=""]',
+                '[contentEditable="true"]',
+                '[contentEditable="TRUE"]',
+                '[tabindex]:not([tabindex^="-"])',
+                //':not([disabled])'
+            ].join(',')));
+            var index = focusableElements.indexOf(el) + direction;
+            if (index < 0) {
+                index = focusableElements.length - 1;
+            }
+            else if (index >= focusableElements.length) {
+                index = 0;
+            }
+            focusableElements[index].focus();
+        }
+    });
     Object.defineProperty(Root.prototype, "_handleBlur", {
         enumerable: false,
         configurable: true,
@@ -1585,6 +1684,51 @@ var Root = /** @class */ (function () {
             return disposer;
         }
     });
+    Object.defineProperty(Root.prototype, "_updateComputedStyles", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var styles = window.getComputedStyle(this.dom);
+            var fontHash = "";
+            $object.each(styles, function (key, val) {
+                if ($type.isString(key) && key.match(/^font/)) {
+                    fontHash += val;
+                }
+            });
+            var changed = fontHash != this._fontHash;
+            if (changed) {
+                this._fontHash = fontHash;
+            }
+            return changed;
+        }
+    });
+    Object.defineProperty(Root.prototype, "_checkComputedStyles", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            if (this._updateComputedStyles()) {
+                this._invalidateLabelBounds(this.container);
+            }
+        }
+    });
+    Object.defineProperty(Root.prototype, "_invalidateLabelBounds", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (target) {
+            var _this = this;
+            if (target instanceof Container) {
+                target.children.each(function (child) {
+                    _this._invalidateLabelBounds(child);
+                });
+            }
+            else if (target instanceof Text) {
+                target.markDirtyBounds();
+            }
+        }
+    });
     /**
      * To all the clever heads out there. Yes, we did not make any attempts to
      * scramble this.
@@ -1621,6 +1765,22 @@ var Root = /** @class */ (function () {
             }
         }
     });
+    Object.defineProperty(Root.prototype, "debugGhostView", {
+        /**
+         * @ignore
+         */
+        get: function () {
+            return this._renderer.debugGhostView;
+        },
+        /**
+         * @ignore
+         */
+        set: function (value) {
+            this._renderer.debugGhostView = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return Root;
 }());
 export { Root };