@amcharts/amcharts5 5.2.49 → 5.3.0

package/.internal/charts/stock/StockChart.js

@@ -1,4 +1,3 @@
-import { __extends } from "tslib";
 import { PanelControls } from "./PanelControls";
 import { StockChartDefaultTheme } from "./StockChartDefaultTheme";
 import { XYChartDefaultTheme } from "../xy/XYChartDefaultTheme";
@@ -18,41 +17,40 @@ import * as $object from "../../core/util/Object";
  * @see {@link https://www.amcharts.com/docs/v5/charts/stock/} for more info
  * @important
  */
-var StockChart = /** @class */ (function (_super) {
-    __extends(StockChart, _super);
-    function StockChart() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        Object.defineProperty(_this, "_xAxes", {
+export class StockChart extends Container {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "_xAxes", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: []
         });
-        Object.defineProperty(_this, "_downY", {
+        Object.defineProperty(this, "_downY", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(_this, "_upperPanel", {
+        Object.defineProperty(this, "_upperPanel", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(_this, "_dhp", {
+        Object.defineProperty(this, "_dhp", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(_this, "_uhp", {
+        Object.defineProperty(this, "_uhp", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(_this, "_downResizer", {
+        Object.defineProperty(this, "_downResizer", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -63,7 +61,7 @@ var StockChart = /** @class */ (function (_super) {
          *
          * @see {@link https://www.amcharts.com/docs/v5/charts/stock/#Panels} for more info
          */
-        Object.defineProperty(_this, "panels", {
+        Object.defineProperty(this, "panels", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -74,7 +72,7 @@ var StockChart = /** @class */ (function (_super) {
          *
          * @see {@link https://www.amcharts.com/docs/v5/charts/stock/indicators/} for more info
          */
-        Object.defineProperty(_this, "indicators", {
+        Object.defineProperty(this, "indicators", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -86,199 +84,181 @@ var StockChart = /** @class */ (function (_super) {
          *
          * @default Container.new()
          */
-        Object.defineProperty(_this, "toolsContainer", {
+        Object.defineProperty(this, "toolsContainer", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: _this.children.push(Container.new(_this._root, { width: p100, themeTags: [] }))
+            value: this.children.push(Container.new(this._root, { width: p100, themeTags: [] }))
         });
         /**
          * A [[Container]] where all the stock panels are placed into.
          *
          * @default Container.new()
          */
-        Object.defineProperty(_this, "panelsContainer", {
+        Object.defineProperty(this, "panelsContainer", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: _this.children.push(Container.new(_this._root, { width: p100, height: p100, layout: _this._root.verticalLayout, themeTags: ["chartscontainer"] }))
+            value: this.children.push(Container.new(this._root, { width: p100, height: p100, layout: this._root.verticalLayout, themeTags: ["chartscontainer"] }))
         });
-        return _this;
     }
-    Object.defineProperty(StockChart.prototype, "_afterNew", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var _this = this;
-            this._settings.themeTags = $utils.mergeTags(this._settings.themeTags, ["stock"]);
-            this._defaultThemes.push(StockChartDefaultTheme.new(this._root));
-            this._defaultThemes.push(XYChartDefaultTheme.new(this._root));
-            var tooltipContainer = this._root.tooltipContainer;
-            tooltipContainer.set("themeTags", $utils.mergeTags(tooltipContainer.get("themeTags", []), ["stock"]));
-            _super.prototype._afterNew.call(this);
-            var children = this.panelsContainer.children;
-            this._disposers.push(this.panels.events.onAll(function (change) {
-                if (change.type === "clear") {
-                    $array.each(change.oldValues, function (chart) {
-                        _this._removePanel(chart);
-                    });
-                }
-                else if (change.type === "push") {
-                    children.moveValue(change.newValue);
-                    _this._processPanel(change.newValue);
-                }
-                else if (change.type === "setIndex") {
-                    children.setIndex(change.index, change.newValue);
-                    _this._processPanel(change.newValue);
-                }
-                else if (change.type === "insertIndex") {
-                    children.insertIndex(change.index, change.newValue);
-                    _this._processPanel(change.newValue);
-                }
-                else if (change.type === "removeIndex") {
-                    _this._removePanel(change.oldValue);
-                }
-                else {
-                    throw new Error("Unknown IListEvent type");
-                }
-            }));
-            this._disposers.push(this.indicators.events.onAll(function (change) {
-                if (change.type === "clear") {
-                    $array.each(change.oldValues, function (indicator) {
-                        _this._removeIndicator(indicator);
-                    });
-                }
-                else if (change.type === "push") {
-                    _this._processIndicator(change.newValue);
-                }
-                else if (change.type === "setIndex") {
-                    _this._processIndicator(change.newValue);
-                }
-                else if (change.type === "insertIndex") {
-                    _this._processIndicator(change.newValue);
-                }
-                else if (change.type === "removeIndex") {
-                    _this._removeIndicator(change.oldValue);
-                }
-                else {
-                    throw new Error("Unknown IListEvent type");
-                }
-            }));
-            this.setPrivateRaw("settingsModal", SettingsModal.new(this.root, {
-                stockChart: this
-            }));
-            var license = false;
-            for (var i = 0; i < registry.licenses.length; i++) {
-                if (registry.licenses[i].match(/^AM5S.{5,}/i)) {
-                    license = true;
-                }
+    _afterNew() {
+        this._settings.themeTags = $utils.mergeTags(this._settings.themeTags, ["stock"]);
+        this._defaultThemes.push(StockChartDefaultTheme.new(this._root));
+        this._defaultThemes.push(XYChartDefaultTheme.new(this._root));
+        const tooltipContainer = this._root.tooltipContainer;
+        tooltipContainer.set("themeTags", $utils.mergeTags(tooltipContainer.get("themeTags", []), ["stock"]));
+        super._afterNew();
+        const children = this.panelsContainer.children;
+        this._disposers.push(this.panels.events.onAll((change) => {
+            if (change.type === "clear") {
+                $array.each(change.oldValues, (chart) => {
+                    this._removePanel(chart);
+                });
+            }
+            else if (change.type === "push") {
+                children.moveValue(change.newValue);
+                this._processPanel(change.newValue);
+            }
+            else if (change.type === "setIndex") {
+                children.setIndex(change.index, change.newValue);
+                this._processPanel(change.newValue);
+            }
+            else if (change.type === "insertIndex") {
+                children.insertIndex(change.index, change.newValue);
+                this._processPanel(change.newValue);
             }
-            if (!license) {
-                this._root._showBranding();
+            else if (change.type === "removeIndex") {
+                this._removePanel(change.oldValue);
             }
             else {
-                this._root._licenseApplied();
+                throw new Error("Unknown IListEvent type");
             }
-        }
-    });
-    Object.defineProperty(StockChart.prototype, "_prepareChildren", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            if (this.isDirty("volumeNegativeColor") || this.isDirty("volumePositiveColor")) {
-                var volumeSeries = this.get("volumeSeries");
-                if (volumeSeries && volumeSeries.isType("BaseColumnSeries")) {
-                    volumeSeries.columns.each(function (column) {
-                        column._markDirtyKey("fill");
-                    });
-                }
+        }));
+        this._disposers.push(this.indicators.events.onAll((change) => {
+            if (change.type === "clear") {
+                $array.each(change.oldValues, (indicator) => {
+                    this._removeIndicator(indicator);
+                });
             }
-            var stockSeries = this.get("stockSeries");
-            if (this.isDirty("stockSeries")) {
-                if (stockSeries) {
-                    this.indicators.each(function (indicator) {
-                        indicator.set("stockSeries", stockSeries);
-                    });
-                    var mainChart = stockSeries.chart;
-                    if (mainChart) {
-                        var previous_1 = this._prevSettings.stockSeries;
-                        mainChart.series.each(function (series) {
-                            if (series.isType("DrawingSeries")) {
-                                var s = series.get("series");
-                                if (s == previous_1) {
-                                    series.set("series", stockSeries);
-                                }
-                            }
-                        });
-                    }
-                    if (this.getPrivate("comparing")) {
-                        this.setPercentScale(true);
-                    }
-                }
+            else if (change.type === "push") {
+                this._processIndicator(change.newValue);
+            }
+            else if (change.type === "setIndex") {
+                this._processIndicator(change.newValue);
+            }
+            else if (change.type === "insertIndex") {
+                this._processIndicator(change.newValue);
             }
-            _super.prototype._prepareChildren.call(this);
+            else if (change.type === "removeIndex") {
+                this._removeIndicator(change.oldValue);
+            }
+            else {
+                throw new Error("Unknown IListEvent type");
+            }
+        }));
+        this.setPrivateRaw("settingsModal", SettingsModal.new(this.root, {
+            stockChart: this
+        }));
+        let license = false;
+        for (let i = 0; i < registry.licenses.length; i++) {
+            if (registry.licenses[i].match(/^AM5S.{5,}/i)) {
+                license = true;
+            }
+        }
+        if (!license) {
+            this._root._showBranding();
+        }
+        else {
+            this._root._licenseApplied();
         }
-    });
-    Object.defineProperty(StockChart.prototype, "_updateChildren", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var _this = this;
-            _super.prototype._updateChildren.call(this);
-            var stockSeries = this.get("stockSeries");
-            if (this.isDirty("volumeSeries")) {
-                var volumeSeries_1 = this.get("volumeSeries");
-                if (volumeSeries_1) {
-                    var volumePanel = volumeSeries_1.chart;
-                    if (volumePanel) {
-                        volumePanel.series.events.on("removeIndex", function (event) {
-                            if (event.oldValue == volumeSeries_1) {
-                                _this.set("volumeSeries", undefined);
+    }
+    _prepareChildren() {
+        if (this.isDirty("volumeNegativeColor") || this.isDirty("volumePositiveColor")) {
+            const volumeSeries = this.get("volumeSeries");
+            if (volumeSeries && volumeSeries.isType("BaseColumnSeries")) {
+                volumeSeries.columns.each((column) => {
+                    column._markDirtyKey("fill");
+                });
+            }
+        }
+        const stockSeries = this.get("stockSeries");
+        if (this.isDirty("stockSeries")) {
+            if (stockSeries) {
+                this.indicators.each((indicator) => {
+                    indicator.set("stockSeries", stockSeries);
+                });
+                const mainChart = stockSeries.chart;
+                if (mainChart) {
+                    const previous = this._prevSettings.stockSeries;
+                    mainChart.series.each((series) => {
+                        if (series.isType("DrawingSeries")) {
+                            let s = series.get("series");
+                            if (s == previous) {
+                                series.set("series", stockSeries);
                             }
-                        });
-                    }
+                        }
+                    });
+                }
+                if (this.getPrivate("comparing")) {
+                    this.setPercentScale(true);
                 }
             }
-            if (this.isDirty("stockNegativeColor") || this.isDirty("stockPositiveColor") || this.isDirty("stockSeries")) {
-                if (stockSeries && stockSeries.isType("BaseColumnSeries")) {
-                    var stockNegativeColor_1 = this.get("stockNegativeColor", this._root.interfaceColors.get("negative"));
-                    var stockPositiveColor_1 = this.get("stockPositiveColor", this._root.interfaceColors.get("positive"));
-                    var previous_2 = stockSeries.dataItems[0];
-                    $array.each(stockSeries.dataItems, function (dataItem) {
-                        var column = dataItem.get("graphics");
-                        if (column) {
-                            var dropFromOpen = column.states.lookup("dropFromOpen");
-                            if (dropFromOpen) {
-                                dropFromOpen.setAll({ fill: stockNegativeColor_1, stroke: stockNegativeColor_1 });
-                            }
-                            var riseFromOpen = column.states.lookup("riseFromOpen");
-                            if (riseFromOpen) {
-                                riseFromOpen.setAll({ fill: stockPositiveColor_1, stroke: stockPositiveColor_1 });
-                            }
-                            var dropFromPrevious = column.states.lookup("dropFromPrevious");
-                            if (dropFromPrevious) {
-                                dropFromPrevious.setAll({ fill: stockNegativeColor_1, stroke: stockNegativeColor_1 });
-                            }
-                            var riseFromPrevious = column.states.lookup("riseFromPrevious");
-                            if (riseFromPrevious) {
-                                riseFromPrevious.setAll({ fill: stockPositiveColor_1, stroke: stockPositiveColor_1 });
-                            }
-                            stockSeries._applyGraphicsStates(dataItem, previous_2);
-                            previous_2 = dataItem;
+        }
+        super._prepareChildren();
+    }
+    _updateChildren() {
+        super._updateChildren();
+        const stockSeries = this.get("stockSeries");
+        if (this.isDirty("volumeSeries")) {
+            const volumeSeries = this.get("volumeSeries");
+            if (volumeSeries) {
+                const volumePanel = volumeSeries.chart;
+                if (volumePanel) {
+                    volumePanel.series.events.on("removeIndex", (event) => {
+                        if (event.oldValue == volumeSeries) {
+                            this.set("volumeSeries", undefined);
                         }
                     });
-                    stockSeries.columns.template.states.create("riseFromOpen", { fill: stockPositiveColor_1, stroke: stockPositiveColor_1 });
-                    stockSeries.columns.template.states.create("riseFromPrevious", { fill: stockPositiveColor_1, stroke: stockPositiveColor_1 });
-                    stockSeries.columns.template.states.create("dropFromOpen", { fill: stockNegativeColor_1, stroke: stockNegativeColor_1 });
-                    stockSeries.columns.template.states.create("dropFromPrevious", { fill: stockNegativeColor_1, stroke: stockNegativeColor_1 });
-                    stockSeries.markDirtyValues();
                 }
             }
         }
-    });
+        if (this.isDirty("stockNegativeColor") || this.isDirty("stockPositiveColor") || this.isDirty("stockSeries")) {
+            if (stockSeries && stockSeries.isType("BaseColumnSeries")) {
+                const stockNegativeColor = this.get("stockNegativeColor", this._root.interfaceColors.get("negative"));
+                const stockPositiveColor = this.get("stockPositiveColor", this._root.interfaceColors.get("positive"));
+                let previous = stockSeries.dataItems[0];
+                $array.each(stockSeries.dataItems, (dataItem) => {
+                    const column = dataItem.get("graphics");
+                    if (column) {
+                        const dropFromOpen = column.states.lookup("dropFromOpen");
+                        if (dropFromOpen) {
+                            dropFromOpen.setAll({ fill: stockNegativeColor, stroke: stockNegativeColor });
+                        }
+                        const riseFromOpen = column.states.lookup("riseFromOpen");
+                        if (riseFromOpen) {
+                            riseFromOpen.setAll({ fill: stockPositiveColor, stroke: stockPositiveColor });
+                        }
+                        const dropFromPrevious = column.states.lookup("dropFromPrevious");
+                        if (dropFromPrevious) {
+                            dropFromPrevious.setAll({ fill: stockNegativeColor, stroke: stockNegativeColor });
+                        }
+                        const riseFromPrevious = column.states.lookup("riseFromPrevious");
+                        if (riseFromPrevious) {
+                            riseFromPrevious.setAll({ fill: stockPositiveColor, stroke: stockPositiveColor });
+                        }
+                        stockSeries._applyGraphicsStates(dataItem, previous);
+                        previous = dataItem;
+                    }
+                });
+                stockSeries.columns.template.states.create("riseFromOpen", { fill: stockPositiveColor, stroke: stockPositiveColor });
+                stockSeries.columns.template.states.create("riseFromPrevious", { fill: stockPositiveColor, stroke: stockPositiveColor });
+                stockSeries.columns.template.states.create("dropFromOpen", { fill: stockNegativeColor, stroke: stockNegativeColor });
+                stockSeries.columns.template.states.create("dropFromPrevious", { fill: stockNegativeColor, stroke: stockNegativeColor });
+                stockSeries.markDirtyValues();
+            }
+        }
+    }
     /**
      * Enables or disables percent scale mode.
      *
@@ -289,390 +269,315 @@ var StockChart = /** @class */ (function (_super) {
      *
      * @param  percentScale  Comparison mode active
      */
-    Object.defineProperty(StockChart.prototype, "setPercentScale", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (percentScale) {
-            var _this = this;
-            var stockSeries = this.get("stockSeries");
-            var seriesSettings = this.get("percentScaleSeriesSettings");
-            var axisSettings = this.get("percentScaleValueAxisSettings");
-            if (stockSeries) {
-                var mainChart = stockSeries.chart;
-                var yAxis_1 = stockSeries.get("yAxis");
-                this._maybePrepAxisDefaults();
-                if (mainChart) {
-                    var seriesList_1 = [];
-                    mainChart.series.each(function (series) {
-                        if (series.get("yAxis") == yAxis_1) {
-                            seriesList_1.push(series);
-                            _this._maybePrepSeriesDefaults(series);
-                        }
-                    });
-                    if (percentScale == undefined) {
-                        percentScale = this.getPrivate("comparedSeries", []).length > 0;
-                    }
-                    this.setPrivate("comparing", percentScale);
-                    if (seriesSettings) {
-                        $array.each(seriesList_1, function (series) {
-                            if (percentScale) {
-                                series.setAll(seriesSettings);
-                            }
-                            else {
-                                series.states.apply("comparingDefaults");
-                            }
-                        });
+    setPercentScale(percentScale) {
+        const stockSeries = this.get("stockSeries");
+        const seriesSettings = this.get("percentScaleSeriesSettings");
+        const axisSettings = this.get("percentScaleValueAxisSettings");
+        if (stockSeries) {
+            const mainChart = stockSeries.chart;
+            const yAxis = stockSeries.get("yAxis");
+            this._maybePrepAxisDefaults();
+            if (mainChart) {
+                const seriesList = [];
+                mainChart.series.each((series) => {
+                    if (series.get("yAxis") == yAxis) {
+                        seriesList.push(series);
+                        this._maybePrepSeriesDefaults(series);
                     }
-                    if (axisSettings) {
+                });
+                if (percentScale == undefined) {
+                    percentScale = this.getPrivate("comparedSeries", []).length > 0;
+                }
+                this.setPrivate("comparing", percentScale);
+                if (seriesSettings) {
+                    $array.each(seriesList, (series) => {
                         if (percentScale) {
-                            yAxis_1.setAll(axisSettings);
+                            series.setAll(seriesSettings);
                         }
                         else {
-                            yAxis_1.states.apply("comparingDefaults");
+                            series.states.apply("comparingDefaults");
                         }
+                    });
+                }
+                if (axisSettings) {
+                    if (percentScale) {
+                        yAxis.setAll(axisSettings);
+                    }
+                    else {
+                        yAxis.states.apply("comparingDefaults");
                     }
                 }
             }
         }
-    });
+    }
     /**
      * Adds a "compared" series to chart. Returns the same series.
      *
      * @param   series  Compared series
      * @return          Compared series
      */
-    Object.defineProperty(StockChart.prototype, "addComparingSeries", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (series) {
-            var _this = this;
-            var stockSeries = this.get("stockSeries");
-            if (stockSeries) {
-                var chart = stockSeries.chart;
-                if (chart) {
-                    chart.series.push(series);
-                }
-                // Apply comparingSeriesSettings
-                var comparingSeriesSettings = this.get("comparingSeriesSettings");
-                if (comparingSeriesSettings) {
-                    series.setAll(comparingSeriesSettings);
-                }
-                var comparedSeries = this.getPrivate("comparedSeries");
-                if (comparedSeries) {
-                    comparedSeries.push(series);
-                }
-                else {
-                    this.setPrivate("comparedSeries", [series]);
-                }
-                var legendDataItem = stockSeries.get("legendDataItem");
-                if (legendDataItem) {
-                    var legend = legendDataItem.component;
-                    if (legend.isType("StockLegend")) {
-                        legend.data.push(series);
-                        var ldi = series.get("legendDataItem");
-                        if (ldi) {
-                            var closeButton = ldi.get("closeButton");
-                            closeButton.set("forceHidden", false);
-                            closeButton.events.on("click", function () {
-                                _this.removeComparingSeries(series);
-                            });
-                        }
+    addComparingSeries(series) {
+        const stockSeries = this.get("stockSeries");
+        if (stockSeries) {
+            const chart = stockSeries.chart;
+            if (chart) {
+                chart.series.push(series);
+            }
+            // Apply comparingSeriesSettings
+            const comparingSeriesSettings = this.get("comparingSeriesSettings");
+            if (comparingSeriesSettings) {
+                series.setAll(comparingSeriesSettings);
+            }
+            const comparedSeries = this.getPrivate("comparedSeries");
+            if (comparedSeries) {
+                comparedSeries.push(series);
+            }
+            else {
+                this.setPrivate("comparedSeries", [series]);
+            }
+            const legendDataItem = stockSeries.get("legendDataItem");
+            if (legendDataItem) {
+                const legend = legendDataItem.component;
+                if (legend.isType("StockLegend")) {
+                    legend.data.push(series);
+                    const ldi = series.get("legendDataItem");
+                    if (ldi) {
+                        const closeButton = ldi.get("closeButton");
+                        closeButton.set("forceHidden", false);
+                        closeButton.events.on("click", () => {
+                            this.removeComparingSeries(series);
+                        });
                     }
                 }
-                if (this.get("autoSetPercentScale")) {
-                    this.setPercentScale(true);
-                }
             }
-            return series;
+            if (this.get("autoSetPercentScale")) {
+                this.setPercentScale(true);
+            }
         }
-    });
+        return series;
+    }
     /**
      * Removes compared series.
      *
      * @param  series  Compared series
      */
-    Object.defineProperty(StockChart.prototype, "removeComparingSeries", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (series) {
-            var stockSeries = this.get("stockSeries");
-            if (stockSeries) {
-                var chart = stockSeries.chart;
-                if (chart) {
-                    chart.series.removeValue(series);
-                }
-                var comparedSeries = this.getPrivate("comparedSeries");
-                if (comparedSeries) {
-                    $array.remove(comparedSeries, series);
-                    if (comparedSeries.length == 0 && this.get("autoSetPercentScale")) {
-                        this.setPercentScale(false);
-                    }
-                }
+    removeComparingSeries(series) {
+        const stockSeries = this.get("stockSeries");
+        if (stockSeries) {
+            const chart = stockSeries.chart;
+            if (chart) {
+                chart.series.removeValue(series);
             }
-            var ldi = series.get("legendDataItem");
-            if (ldi) {
-                var legend = ldi.component;
-                legend.data.removeValue(series);
+            const comparedSeries = this.getPrivate("comparedSeries");
+            if (comparedSeries) {
+                $array.remove(comparedSeries, series);
+                if (comparedSeries.length == 0 && this.get("autoSetPercentScale")) {
+                    this.setPercentScale(false);
+                }
             }
         }
-    });
-    Object.defineProperty(StockChart.prototype, "_maybePrepSeriesDefaults", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (series) {
-            if (!series.states.lookup("comparingDefaults")) {
-                var seriesSettings = this.get("percentScaleSeriesSettings");
-                var defaults_1 = {};
-                $object.each(seriesSettings, function (key, _val) {
-                    defaults_1[key] = series.get(key);
-                });
-                series.states.create("comparingDefaults", defaults_1);
-            }
+        const ldi = series.get("legendDataItem");
+        if (ldi) {
+            const legend = ldi.component;
+            legend.data.removeValue(series);
         }
-    });
-    Object.defineProperty(StockChart.prototype, "_maybePrepAxisDefaults", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var stockSeries = this.get("stockSeries");
-            var axis = stockSeries.get("yAxis");
-            if (!axis.states.lookup("comparingDefaults")) {
-                var axisSettings = this.get("percentScaleValueAxisSettings");
-                var defaults_2 = {};
-                $object.each(axisSettings, function (key, _val) {
-                    defaults_2[key] = axis.get(key);
-                });
-                axis.states.create("comparingDefaults", defaults_2);
-            }
+    }
+    _maybePrepSeriesDefaults(series) {
+        if (!series.states.lookup("comparingDefaults")) {
+            const seriesSettings = this.get("percentScaleSeriesSettings");
+            const defaults = {};
+            $object.each(seriesSettings, (key, _val) => {
+                defaults[key] = series.get(key);
+            });
+            series.states.create("comparingDefaults", defaults);
         }
-    });
-    Object.defineProperty(StockChart.prototype, "_processIndicator", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (indicator) {
-            this.children.push(indicator);
-            var stockSeries = this.get("stockSeries");
-            if (stockSeries) {
-                indicator.set("stockSeries", stockSeries);
-            }
-            var volumeSeries = this.get("volumeSeries");
-            if (volumeSeries) {
-                indicator.set("volumeSeries", volumeSeries);
-            }
-            if (this.getPrivate("comparing")) {
-                this.setPercentScale(true);
-            }
-            indicator.prepareData();
+    }
+    _maybePrepAxisDefaults() {
+        const stockSeries = this.get("stockSeries");
+        const axis = stockSeries.get("yAxis");
+        if (!axis.states.lookup("comparingDefaults")) {
+            const axisSettings = this.get("percentScaleValueAxisSettings");
+            const defaults = {};
+            $object.each(axisSettings, (key, _val) => {
+                defaults[key] = axis.get(key);
+            });
+            axis.states.create("comparingDefaults", defaults);
         }
-    });
-    Object.defineProperty(StockChart.prototype, "_removeIndicator", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (indicator) {
-            this.children.removeValue(indicator);
+    }
+    _processIndicator(indicator) {
+        this.children.push(indicator);
+        const stockSeries = this.get("stockSeries");
+        if (stockSeries) {
+            indicator.set("stockSeries", stockSeries);
         }
-    });
-    Object.defineProperty(StockChart.prototype, "_removePanel", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (chart) {
-            this.panelsContainer.children.removeValue(chart);
+        const volumeSeries = this.get("volumeSeries");
+        if (volumeSeries) {
+            indicator.set("volumeSeries", volumeSeries);
         }
-    });
-    Object.defineProperty(StockChart.prototype, "_updateControls", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var _this = this;
-            var stockSeries = this.get("stockSeries");
-            this.panels.each(function (panel) {
-                var panelControls = panel.panelControls;
-                var index = _this.panelsContainer.children.indexOf(panel);
-                var len = _this.panels.length;
-                panelControls.upButton.setPrivate("visible", false);
-                panelControls.downButton.setPrivate("visible", false);
-                panelControls.expandButton.setPrivate("visible", false);
-                panelControls.closeButton.setPrivate("visible", false);
-                if (len > 1) {
-                    panelControls.expandButton.setPrivate("visible", true);
-                    if (index != 0) {
-                        panelControls.upButton.setPrivate("visible", true);
-                    }
-                    if (index != len - 1) {
-                        panelControls.downButton.setPrivate("visible", true);
-                    }
-                    if (!stockSeries || stockSeries.chart != panel) {
-                        panelControls.closeButton.setPrivate("visible", true);
-                    }
-                }
-                if (stockSeries) {
-                    _this.indicators.each(function (indicator) {
-                        indicator.set("stockSeries", stockSeries);
-                    });
-                }
-            });
+        if (this.getPrivate("comparing")) {
+            this.setPercentScale(true);
         }
-    });
-    Object.defineProperty(StockChart.prototype, "_processPanel", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (panel) {
-            var _this = this;
-            panel.setPrivate("otherCharts", this.panels.values);
-            panel.setPrivate("stockChart", this);
-            panel.panelControls = panel.topPlotContainer.children.push(PanelControls.new(this._root, { stockPanel: panel, stockChart: this }));
-            this._updateControls();
-            if (this.panels.length > 1) {
-                var resizer = panel.children.push(Rectangle.new(this._root, { themeTags: ["panelresizer"] }));
-                resizer.events.on("pointerdown", function (e) {
-                    var chartsContainer = _this.panelsContainer;
-                    _this._downResizer = e.target;
-                    _this.panels.each(function (chart) {
-                        chart.set("height", percent(chart.height() / chartsContainer.height() * 100));
-                    });
-                    _this._downY = chartsContainer.toLocal(e.point).y;
-                    var upperChart = _this.panels.getIndex(_this.panels.indexOf(panel) - 1);
-                    _this._upperPanel = upperChart;
-                    if (upperChart) {
-                        _this._uhp = upperChart.get("height");
-                    }
-                    _this._dhp = panel.get("height");
-                });
-                resizer.events.on("pointerup", function () {
-                    _this._downResizer = undefined;
-                });
-                resizer.events.on("globalpointermove", function (e) {
-                    if (e.target == _this._downResizer) {
-                        var chartsContainer = _this.panelsContainer;
-                        var height = chartsContainer.height();
-                        var upperChart = _this._upperPanel;
-                        if (upperChart) {
-                            var index = _this.panels.indexOf(upperChart) + 2;
-                            var max = height - panel.get("minHeight", 0);
-                            var lowerChart = _this.panels.getIndex(index);
-                            if (lowerChart) {
-                                max = lowerChart.y() - panel.get("minHeight", 0);
-                            }
-                            //console.log(upperChart.get("minHeight", 0))
-                            var y = Math.max(upperChart.y() + upperChart.get("minHeight", 0) + upperChart.get("paddingTop", 0), Math.min(chartsContainer.toLocal(e.point).y, max));
-                            var downY = _this._downY;
-                            var dhp = _this._dhp;
-                            var uhp = _this._uhp;
-                            if (downY != null && dhp != null && uhp != null) {
-                                var diff = (downY - y) / height;
-                                panel.set("height", percent((dhp.value + diff) * 100));
-                                upperChart.set("height", percent((uhp.value - diff) * 100));
-                            }
-                        }
-                    }
+        indicator.prepareData();
+    }
+    _removeIndicator(indicator) {
+        this.children.removeValue(indicator);
+    }
+    _removePanel(chart) {
+        this.panelsContainer.children.removeValue(chart);
+    }
+    _updateControls() {
+        const stockSeries = this.get("stockSeries");
+        this.panels.each((panel) => {
+            const panelControls = panel.panelControls;
+            const index = this.panelsContainer.children.indexOf(panel);
+            const len = this.panels.length;
+            panelControls.upButton.setPrivate("visible", false);
+            panelControls.downButton.setPrivate("visible", false);
+            panelControls.expandButton.setPrivate("visible", false);
+            panelControls.closeButton.setPrivate("visible", false);
+            if (len > 1) {
+                panelControls.expandButton.setPrivate("visible", true);
+                if (index != 0) {
+                    panelControls.upButton.setPrivate("visible", true);
+                }
+                if (index != len - 1) {
+                    panelControls.downButton.setPrivate("visible", true);
+                }
+                if (!stockSeries || stockSeries.chart != panel) {
+                    panelControls.closeButton.setPrivate("visible", true);
+                }
+            }
+            if (stockSeries) {
+                this.indicators.each((indicator) => {
+                    indicator.set("stockSeries", stockSeries);
                 });
             }
-            panel.xAxes.events.onAll(function (change) {
-                if (change.type === "clear") {
-                    $array.each(change.oldValues, function (axis) {
-                        _this._removeXAxis(axis);
-                    });
-                }
-                else if (change.type === "push") {
-                    _this._processXAxis(change.newValue);
-                }
-                else if (change.type === "setIndex") {
-                    _this._processXAxis(change.newValue);
-                }
-                else if (change.type === "insertIndex") {
-                    _this._processXAxis(change.newValue);
-                }
-                else if (change.type === "removeIndex") {
-                    _this._removeXAxis(change.oldValue);
-                }
-                else {
-                    throw new Error("Unknown IListEvent type");
-                }
-            });
-            panel.leftAxesContainer.events.on("boundschanged", function () {
-                _this._syncYAxesSize();
-            });
-            panel.rightAxesContainer.events.on("boundschanged", function () {
-                _this._syncYAxesSize();
-            });
-        }
-    });
-    Object.defineProperty(StockChart.prototype, "_syncYAxesSize", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var maxLeft = 0;
-            var maxRight = 0;
-            this.panels.each(function (chart) {
-                var lw = chart.leftAxesContainer.width();
-                var rw = chart.rightAxesContainer.width();
-                if (lw > maxLeft) {
-                    maxLeft = lw;
-                }
-                if (rw > maxRight) {
-                    maxRight = rw;
-                }
-            });
-            this.panels.each(function (chart) {
-                chart.leftAxesContainer.set("minWidth", maxLeft);
-                chart.rightAxesContainer.set("minWidth", maxRight);
-            });
-            this.toolsContainer.set("paddingRight", maxRight);
-            this.toolsContainer.set("paddingRight", maxRight);
-        }
-    });
-    Object.defineProperty(StockChart.prototype, "_removeXAxis", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (_axis) {
-        }
-    });
-    Object.defineProperty(StockChart.prototype, "_processXAxis", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (axis) {
-            var _this = this;
-            $array.move(this._xAxes, axis);
-            axis.on("start", function () {
-                if (axis._skipSync != true) {
-                    _this._syncXAxes(axis);
+        });
+    }
+    _processPanel(panel) {
+        panel.setPrivate("otherCharts", this.panels.values);
+        panel.setPrivate("stockChart", this);
+        panel.panelControls = panel.topPlotContainer.children.push(PanelControls.new(this._root, { stockPanel: panel, stockChart: this }));
+        this._updateControls();
+        if (this.panels.length > 1) {
+            const resizer = panel.children.push(Rectangle.new(this._root, { themeTags: ["panelresizer"] }));
+            resizer.events.on("pointerdown", (e) => {
+                const chartsContainer = this.panelsContainer;
+                this._downResizer = e.target;
+                this.panels.each((chart) => {
+                    chart.set("height", percent(chart.height() / chartsContainer.height() * 100));
+                });
+                this._downY = chartsContainer.toLocal(e.point).y;
+                const upperChart = this.panels.getIndex(this.panels.indexOf(panel) - 1);
+                this._upperPanel = upperChart;
+                if (upperChart) {
+                    this._uhp = upperChart.get("height");
                 }
+                this._dhp = panel.get("height");
             });
-            axis.on("end", function () {
-                if (axis._skipSync != true) {
-                    _this._syncXAxes(axis);
-                }
+            resizer.events.on("pointerup", () => {
+                this._downResizer = undefined;
             });
-        }
-    });
-    Object.defineProperty(StockChart.prototype, "_syncXAxes", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (axis) {
-            $array.each(this._xAxes, function (xAxis) {
-                if (xAxis != axis) {
-                    xAxis._skipSync = true;
-                    xAxis.set("start", axis.get("start"));
-                    xAxis.set("end", axis.get("end"));
-                    xAxis._skipSync = false;
+            resizer.events.on("globalpointermove", (e) => {
+                if (e.target == this._downResizer) {
+                    const chartsContainer = this.panelsContainer;
+                    const height = chartsContainer.height();
+                    const upperChart = this._upperPanel;
+                    if (upperChart) {
+                        const index = this.panels.indexOf(upperChart) + 2;
+                        let max = height - panel.get("minHeight", 0);
+                        const lowerChart = this.panels.getIndex(index);
+                        if (lowerChart) {
+                            max = lowerChart.y() - panel.get("minHeight", 0);
+                        }
+                        //console.log(upperChart.get("minHeight", 0))
+                        const y = Math.max(upperChart.y() + upperChart.get("minHeight", 0) + upperChart.get("paddingTop", 0), Math.min(chartsContainer.toLocal(e.point).y, max));
+                        const downY = this._downY;
+                        const dhp = this._dhp;
+                        const uhp = this._uhp;
+                        if (downY != null && dhp != null && uhp != null) {
+                            const diff = (downY - y) / height;
+                            panel.set("height", percent((dhp.value + diff) * 100));
+                            upperChart.set("height", percent((uhp.value - diff) * 100));
+                        }
+                    }
                 }
             });
         }
-    });
+        panel.xAxes.events.onAll((change) => {
+            if (change.type === "clear") {
+                $array.each(change.oldValues, (axis) => {
+                    this._removeXAxis(axis);
+                });
+            }
+            else if (change.type === "push") {
+                this._processXAxis(change.newValue);
+            }
+            else if (change.type === "setIndex") {
+                this._processXAxis(change.newValue);
+            }
+            else if (change.type === "insertIndex") {
+                this._processXAxis(change.newValue);
+            }
+            else if (change.type === "removeIndex") {
+                this._removeXAxis(change.oldValue);
+            }
+            else {
+                throw new Error("Unknown IListEvent type");
+            }
+        });
+        panel.leftAxesContainer.events.on("boundschanged", () => {
+            this._syncYAxesSize();
+        });
+        panel.rightAxesContainer.events.on("boundschanged", () => {
+            this._syncYAxesSize();
+        });
+    }
+    _syncYAxesSize() {
+        var maxLeft = 0;
+        var maxRight = 0;
+        this.panels.each((chart) => {
+            let lw = chart.leftAxesContainer.width();
+            let rw = chart.rightAxesContainer.width();
+            if (lw > maxLeft) {
+                maxLeft = lw;
+            }
+            if (rw > maxRight) {
+                maxRight = rw;
+            }
+        });
+        this.panels.each((chart) => {
+            chart.leftAxesContainer.set("minWidth", maxLeft);
+            chart.rightAxesContainer.set("minWidth", maxRight);
+        });
+        this.toolsContainer.set("paddingRight", maxRight);
+        this.toolsContainer.set("paddingRight", maxRight);
+    }
+    _removeXAxis(_axis) {
+    }
+    _processXAxis(axis) {
+        $array.move(this._xAxes, axis);
+        axis.on("start", () => {
+            if (axis._skipSync != true) {
+                this._syncXAxes(axis);
+            }
+        });
+        axis.on("end", () => {
+            if (axis._skipSync != true) {
+                this._syncXAxes(axis);
+            }
+        });
+    }
+    _syncXAxes(axis) {
+        $array.each(this._xAxes, (xAxis) => {
+            if (xAxis != axis) {
+                xAxis._skipSync = true;
+                xAxis.set("start", axis.get("start"));
+                xAxis.set("end", axis.get("end"));
+                xAxis._skipSync = false;
+            }
+        });
+    }
     /**
      * Returns a color for volume, based on current and previous close.
      *
@@ -684,37 +589,32 @@ var StockChart = /** @class */ (function (_super) {
      * @param   positiveColor  "Positive color" (green)
      * @return  Color
      */
-    Object.defineProperty(StockChart.prototype, "getVolumeColor", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (dataItem, negativeColor, positiveColor) {
-            if (dataItem) {
-                var stockSeries = this.get("stockSeries");
-                var volumeSeries = dataItem.component;
-                if (!negativeColor) {
-                    negativeColor = this.get("volumeNegativeColor", this.root.interfaceColors.get("negative", Color.fromHex(0xff0000)));
-                }
-                if (!positiveColor) {
-                    positiveColor = this.get("volumePositiveColor", this.root.interfaceColors.get("positive", Color.fromHex(0x00FF00)));
-                }
-                if (stockSeries && volumeSeries) {
-                    var index = volumeSeries.dataItems.indexOf(dataItem);
-                    if (index > 0) {
-                        var stockDataItem = stockSeries.dataItems[index];
-                        if (stockDataItem) {
-                            var close_1 = stockDataItem.get("valueY");
-                            if (close_1 != null) {
-                                for (var i = index - 1; i >= 0; i--) {
-                                    var di = stockSeries.dataItems[i];
-                                    var previousClose = di.get("valueY");
-                                    if (previousClose != null) {
-                                        if (close_1 < previousClose) {
-                                            return negativeColor;
-                                        }
-                                        else {
-                                            return positiveColor;
-                                        }
+    getVolumeColor(dataItem, negativeColor, positiveColor) {
+        if (dataItem) {
+            const stockSeries = this.get("stockSeries");
+            const volumeSeries = dataItem.component;
+            if (!negativeColor) {
+                negativeColor = this.get("volumeNegativeColor", this.root.interfaceColors.get("negative", Color.fromHex(0xff0000)));
+            }
+            if (!positiveColor) {
+                positiveColor = this.get("volumePositiveColor", this.root.interfaceColors.get("positive", Color.fromHex(0x00FF00)));
+            }
+            if (stockSeries && volumeSeries) {
+                const index = volumeSeries.dataItems.indexOf(dataItem);
+                if (index > 0) {
+                    let stockDataItem = stockSeries.dataItems[index];
+                    if (stockDataItem) {
+                        let close = stockDataItem.get("valueY");
+                        if (close != null) {
+                            for (let i = index - 1; i >= 0; i--) {
+                                let di = stockSeries.dataItems[i];
+                                let previousClose = di.get("valueY");
+                                if (previousClose != null) {
+                                    if (close < previousClose) {
+                                        return negativeColor;
+                                    }
+                                    else {
+                                        return positiveColor;
                                     }
                                 }
                             }
@@ -722,22 +622,20 @@ var StockChart = /** @class */ (function (_super) {
                     }
                 }
             }
-            return positiveColor;
         }
-    });
-    Object.defineProperty(StockChart, "className", {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value: "StockChart"
-    });
-    Object.defineProperty(StockChart, "classNames", {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value: Container.classNames.concat([StockChart.className])
-    });
-    return StockChart;
-}(Container));
-export { StockChart };
+        return positiveColor;
+    }
+}
+Object.defineProperty(StockChart, "className", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: "StockChart"
+});
+Object.defineProperty(StockChart, "classNames", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: Container.classNames.concat([StockChart.className])
+});
 //# sourceMappingURL=StockChart.js.map