@amcharts/amcharts5 5.15.5 → 5.16.0

package/.internal/core/Root.js

@@ -46,407 +46,99 @@ function rAF(fps, callback) {
  */
 export class Root {
     constructor(id, settings = {}, isReal) {
-        /**
-         * A reference to original chart container (div element).
-         */
-        Object.defineProperty(this, "dom", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_inner", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_settings", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_isDirty", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "_isDirtyParents", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "_isDirtyAnimation", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "_dirty", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        Object.defineProperty(this, "_dirtyParents", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        Object.defineProperty(this, "_dirtyBounds", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        Object.defineProperty(this, "_dirtyPositions", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        Object.defineProperty(this, "_ticker", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "_tickers", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "_updateTick", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "skipRenderFrame", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
+        this._isDirty = false;
+        this._isDirtyParents = false;
+        this._isDirtyAnimation = false;
+        this._dirty = {};
+        this._dirtyParents = {};
+        this._dirtyBounds = {};
+        this._dirtyPositions = {};
+        this._ticker = null;
+        this._tickers = [];
+        this._updateTick = true;
+        this.skipRenderFrame = false;
         /**
          * Root's event dispatcher.
          *
          * @see {@link https://www.amcharts.com/docs/v5/concepts/events/} for more info
          */
-        Object.defineProperty(this, "events", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new EventDispatcher()
-        });
+        this.events = new EventDispatcher();
         /**
          * @ignore
          * @todo needs description
          */
-        Object.defineProperty(this, "animationTime", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "_animations", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "_renderer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_rootContainer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /**
-         * Main content container.
-         */
-        Object.defineProperty(this, "container", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /**
-         * A [[Container]] used to display tooltips in.
-         */
-        Object.defineProperty(this, "tooltipContainer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_tooltipContainerSettings", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_tooltip", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
+        this.animationTime = null;
+        this._animations = [];
         // Locale-related
         /**
          * @ignore
          */
-        Object.defineProperty(this, "language", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: Language.new(this, {})
-        });
+        this.language = Language.new(this, {});
         /**
          * Locale used by the chart.
          *
          * @see {@link https://www.amcharts.com/docs/v5/concepts/locales/}
          */
-        Object.defineProperty(this, "locale", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: en
-        });
+        this.locale = en;
         // Date-time related
         /**
          * Use UTC when formatting date/time.
          *
          * @see {@link https://www.amcharts.com/docs/v5/concepts/formatters/formatting-dates/#utc-and-time-zones} for more info
          */
-        Object.defineProperty(this, "utc", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /**
-         * If set, will format date/time in specific time zone.
-         *
-         * The value should be named time zone, e.g.:
-         * `"America/Vancouver"`, `"Australia/Sydney"`, `"UTC"`.
-         *
-         * NOTE: Using time zone feature may noticeable affect performance of the
-         * chart, especially with large data sets, since every single date will need
-         * to be recalculated.
-         *
-         * @see {@link https://www.amcharts.com/docs/v5/getting-started/root-element/#time-zone} for more info
-         * @since 5.1.0
-         */
-        Object.defineProperty(this, "timezone", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /**
-         * The maximum FPS that the Root will run at.
-         *
-         * If `undefined` it will run at the highest FPS.
-         *
-         * @see {@link https://www.amcharts.com/docs/v5/getting-started/root-element/#Performance} for more info
-         */
-        Object.defineProperty(this, "fps", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
+        this.utc = false;
         /**
          * Number formatter.
          *
          * @see {@link https://www.amcharts.com/docs/v5/concepts/formatters/formatting-numbers/} for more info
          */
-        Object.defineProperty(this, "numberFormatter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: NumberFormatter.new(this, {})
-        });
+        this.numberFormatter = NumberFormatter.new(this, {});
         /**
          * Date/time formatter.
          *
          * @see {@link https://www.amcharts.com/docs/v5/concepts/formatters/formatting-dates/} for more info
          */
-        Object.defineProperty(this, "dateFormatter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: DateFormatter.new(this, {})
-        });
+        this.dateFormatter = DateFormatter.new(this, {});
         /**
          * Duration formatter.
          *
          * @see {@link https://www.amcharts.com/docs/v5/concepts/formatters/formatting-dates/} for more info
          */
-        Object.defineProperty(this, "durationFormatter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: DurationFormatter.new(this, {})
-        });
+        this.durationFormatter = DurationFormatter.new(this, {});
         // Accessibility
         /**
          * Global tab index for using for the whole chart
          *
          * @see {@link https://www.amcharts.com/docs/v5/concepts/accessibility/} for more info
          */
-        Object.defineProperty(this, "tabindex", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
+        this.tabindex = 0;
         //@todo maybe make this better
-        Object.defineProperty(this, "_tabindexes", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "_a11yD", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "_focusElementDirty", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "_focusElementContainer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_focusedSprite", {
-            enumerable: true,
-            configurable: true,
-            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,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_tooltipElementContainer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_readerAlertElement", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_skipNextGroupJump", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "_logo", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_tooltipDiv", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /**
-         * Used for dynamically-created CSS and JavaScript with strict source policies.
-         */
-        Object.defineProperty(this, "nonce", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /**
-         * Special color set to be used for various controls.
-         *
-         * @see {@link https://www.amcharts.com/docs/v5/concepts/colors-gradients-and-patterns/#Interface_colors} for more info
-         */
-        Object.defineProperty(this, "interfaceColors", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
+        this._tabindexes = [];
+        this._a11yD = false;
+        this._focusElementDirty = false;
+        this._skipNextGroupJump = true;
         /**
          * An instance of vertical layout object that can be used to set `layout` setting
          * of a [[Container]].
          *
          * @default VerticalLayout.new()
          */
-        Object.defineProperty(this, "verticalLayout", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: VerticalLayout.new(this, {})
-        });
+        this.verticalLayout = VerticalLayout.new(this, {});
         /**
          * An instance of horizontal layout object that can be used to set `layout` setting
          * of a [[Container]].
          *
          * @default HorizontalLayout.new()
          */
-        Object.defineProperty(this, "horizontalLayout", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: HorizontalLayout.new(this, {})
-        });
+        this.horizontalLayout = HorizontalLayout.new(this, {});
         /**
          * An instance of grid layout object that can be used to set `layout` setting
          * of a [[Container]].
          *
          * @default VerticalLayout.new()
          */
-        Object.defineProperty(this, "gridLayout", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: GridLayout.new(this, {})
-        });
-        Object.defineProperty(this, "_paused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
+        this.gridLayout = GridLayout.new(this, {});
+        this._paused = false;
         /**
          * Indicates whether chart should resized automatically when parent container
          * width and/or height changes.
@@ -454,71 +146,18 @@ export class Root {
          * If disabled (`autoResize = false`) you can make the chart resize manually
          * by calling root element's `resize()` method.
          */
-        Object.defineProperty(this, "autoResize", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "_fontHash", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "_isDisposed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "_disposers", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "_resizeSensorDisposer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_tooltips", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "_htmlElementContainer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_htmlEnabledContainers", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
+        this.autoResize = true;
+        this._fontHash = "";
+        this._isDisposed = false;
+        this._disposers = [];
+        this._tooltips = [];
+        this._htmlEnabledContainers = [];
         /**
          * Entities that have their `id` setting set.
          *
          * @since 5.11.0
          */
-        Object.defineProperty(this, "entitiesById", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        Object.defineProperty(this, "_systemTooltip", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
+        this.entitiesById = {};
         if (!isReal) {
             throw new Error("You cannot use `new Class()`, instead use `Class.new()`");
         }
@@ -1067,13 +706,12 @@ export class Root {
         return running === 0;
     }
     _runDirties() {
-        //console.log("tick **************************************************************");
+        //console.time("tick");
         let allParents = {};
         while (this._isDirtyParents) {
             // This must be before calling _prepareChildren
             this._isDirtyParents = false;
-            $object.keys(this._dirtyParents).forEach((key) => {
-                const parent = this._dirtyParents[key];
+            $object.entries(this._dirtyParents).forEach(([key, parent]) => {
                 delete this._dirtyParents[key];
                 if (!parent.isDisposed()) {
                     allParents[parent.uid] = parent;
@@ -1081,15 +719,14 @@ export class Root {
                 }
             });
         }
-        $object.keys(allParents).forEach((key) => {
-            allParents[key]._updateChildren();
+        $object.entries(allParents).forEach(([_key, parent]) => {
+            parent._updateChildren();
         });
         const objects = [];
         //		console.log("_beforeChanged")
-        $object.keys(this._dirty).forEach((key) => {
-            const entity = this._dirty[key];
+        $object.entries(this._dirty).forEach(([key, entity]) => {
             if (entity.isDisposed()) {
-                delete this._dirty[entity.uid];
+                delete this._dirty[key];
             }
             else {
                 objects.push(entity);
@@ -1105,8 +742,7 @@ export class Root {
         this._isDirty = false;
         const depths = {};
         const bounds = [];
-        $object.keys(this._dirtyBounds).forEach((key) => {
-            const entity = this._dirtyBounds[key];
+        $object.entries(this._dirtyBounds).forEach(([key, entity]) => {
             delete this._dirtyBounds[key];
             if (!entity.isDisposed()) {
                 depths[entity.uid] = entity.depth();
@@ -1124,8 +760,7 @@ export class Root {
         });
         //		console.log("_updatePosition")
         const dirtyPositions = this._dirtyPositions;
-        $object.keys(dirtyPositions).forEach((key) => {
-            const sprite = dirtyPositions[key];
+        $object.entries(dirtyPositions).forEach(([key, sprite]) => {
             delete dirtyPositions[key];
             if (!sprite.isDisposed()) {
                 sprite._updatePosition();
@@ -1135,10 +770,11 @@ export class Root {
         objects.forEach((entity) => {
             entity._afterChanged();
         });
-        $object.keys(allParents).forEach((key) => {
-            allParents[key]._childrenPrep = false;
-            allParents[key]._childrenUpdt = false;
+        $object.entries(allParents).forEach(([_key, parent]) => {
+            parent._childrenPrep = false;
+            parent._childrenUpdt = false;
         });
+        //console.timeEnd("tick");
     }
     _renderFrame(currentTime) {
         if (this._updateTick) {