@amcharts/amcharts5 5.2.49 → 5.3.0

package/.internal/charts/stock/toolbar/IndicatorControl.js

@@ -1,4 +1,4 @@
-import { __extends } from "tslib";
+import { Indicator } from "../indicators/Indicator";
 import { AccumulationDistribution } from "../indicators/AccumulationDistribution";
 import { AccumulativeSwingIndex } from "../indicators/AccumulativeSwingIndex";
 import { Aroon } from "../indicators/Aroon";
@@ -23,6 +23,8 @@ import { Trix } from "../indicators/Trix";
 import { Volume } from "../indicators/Volume";
 import { VWAP } from "../indicators/VWAP";
 import { ZigZag } from "../indicators/ZigZag";
+import { JsonParser } from "../../../plugins/json/Json";
+import { Serializer } from "../../../plugins/json/Serializer";
 //import type { IDisposer } from "../../../core/util/Disposer";
 import { StockControl } from "./StockControl";
 import { DropdownList } from "./DropdownList";
@@ -34,316 +36,369 @@ import * as $type from "../../../core/util/Type";
  *
  * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/indicator-control/} for more info
  */
-var IndicatorControl = /** @class */ (function (_super) {
-    __extends(IndicatorControl, _super);
-    function IndicatorControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
+export class IndicatorControl extends StockControl {
+    _afterNew() {
+        // Do parent stuff
+        super._afterNew();
+        // Create list of tools
+        const list = DropdownList.new(this._root, {
+            control: this,
+            parent: this.getPrivate("button")
+        });
+        this.setPrivate("list", list);
+        list.events.on("invoked", (ev) => {
+            this.addIndicator(ev.item.id);
+        });
+        list.events.on("closed", (_ev) => {
+            this.set("active", false);
+        });
+        this.on("active", (active) => {
+            if (active) {
+                this.setTimeout(() => list.show(), 10);
+            }
+            else {
+                list.hide();
+            }
+        });
+        const button = this.getPrivate("button");
+        button.className = button.className + " am5stock-control-dropdown";
+        this._initList();
     }
-    Object.defineProperty(IndicatorControl.prototype, "_afterNew", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var _this = this;
-            // Do parent stuff
-            _super.prototype._afterNew.call(this);
-            // Create list of tools
-            var list = DropdownList.new(this._root, {
-                control: this,
-                parent: this.getPrivate("button")
-            });
-            this.setPrivate("list", list);
-            list.events.on("invoked", function (ev) {
-                _this.addIndicator(ev.item.id);
-            });
-            list.events.on("closed", function (_ev) {
-                _this.set("active", false);
-            });
-            this.on("active", function (active) {
-                if (active) {
-                    _this.setTimeout(function () { return list.show(); }, 10);
-                }
-                else {
-                    list.hide();
-                }
-            });
-            var button = this.getPrivate("button");
-            button.className = button.className + " am5stock-control-dropdown";
+    _initList() {
+        const list = this.getPrivate("list");
+        const indicators = this.get("indicators");
+        const items = [];
+        $array.each(indicators, (indicator) => {
+            if ($type.isObject(indicator)) {
+                items.push({
+                    id: indicator.id,
+                    label: indicator.name
+                });
+            }
+            else {
+                items.push({
+                    id: indicator,
+                    label: this._root.language.translateAny(indicator)
+                });
+            }
+        });
+        list.set("items", items);
+    }
+    _getDefaultIcon() {
+        return StockIcons.getIcon("Indicator");
+    }
+    _beforeChanged() {
+        super._beforeChanged();
+        if (this.isDirty("indicators")) {
             this._initList();
         }
-    });
-    Object.defineProperty(IndicatorControl.prototype, "_initList", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var _this = this;
-            var list = this.getPrivate("list");
-            var indicators = this.get("indicators");
-            var items = [];
-            $array.each(indicators, function (indicator) {
-                if ($type.isObject(indicator)) {
-                    items.push({
-                        id: indicator.id,
-                        label: indicator.name
-                    });
-                }
-                else {
-                    items.push({
-                        id: indicator,
-                        label: _this._root.language.translateAny(indicator)
-                    });
+    }
+    addIndicator(indicatorId) {
+        const stockChart = this.get("stockChart");
+        let indicator;
+        const stockSeries = stockChart.get("stockSeries");
+        const volumeSeries = stockChart.get("volumeSeries");
+        const legend = this.get("legend");
+        switch (indicatorId) {
+            case "Accumulation Distribution":
+                indicator = AccumulationDistribution.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    volumeSeries: volumeSeries,
+                    legend: legend
+                });
+                break;
+            case "Accumulative Swing Index":
+                indicator = AccumulativeSwingIndex.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Aroon":
+                indicator = Aroon.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Awesome Oscillator":
+                indicator = AwesomeOscillator.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Bollinger Bands":
+                indicator = BollingerBands.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Chaikin Money Flow":
+                indicator = ChaikinMoneyFlow.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    volumeSeries: volumeSeries,
+                    legend: legend
+                });
+                break;
+            case "Chaikin Oscillator":
+                indicator = ChaikinOscillator.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    volumeSeries: volumeSeries,
+                    legend: legend
+                });
+                break;
+            case "Commodity Channel Index":
+                indicator = CommodityChannelIndex.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries
+                });
+                break;
+            case "Disparity Index":
+                indicator = DisparityIndex.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries
+                });
+                break;
+            case "MACD":
+                indicator = MACD.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Moving Average":
+                indicator = MovingAverage.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Moving Average Deviation":
+                indicator = MovingAverageDeviation.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Moving Average Envelope":
+                indicator = MovingAverageEnvelope.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Standard Deviation":
+                indicator = StandardDeviation.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Trix":
+                indicator = Trix.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Typical Price":
+                indicator = TypicalPrice.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "Median Price":
+                indicator = MedianPrice.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+            case "On Balance Volume":
+                indicator = OnBalanceVolume.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    volumeSeries: volumeSeries,
+                    legend: legend
+                });
+                break;
+            case "Relative Strength Index":
+                indicator = RelativeStrengthIndex.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries
+                });
+                break;
+            case "Stochastic Oscillator":
+                indicator = StochasticOscillator.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries
+                });
+                break;
+            case "Williams R":
+                indicator = WilliamsR.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries
+                });
+                break;
+            case "Volume":
+                indicator = Volume.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    volumeSeries: volumeSeries
+                });
+                break;
+            case "VWAP":
+                indicator = VWAP.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    volumeSeries: volumeSeries,
+                    legend: legend
+                });
+                break;
+            case "ZigZag":
+                indicator = ZigZag.new(this.root, {
+                    stockChart: stockChart,
+                    stockSeries: stockSeries,
+                    legend: legend
+                });
+                break;
+        }
+        if (!indicator) {
+            // Try searching in the list
+            $array.eachContinue(this.get("indicators", []), (item) => {
+                if ($type.isObject(item) && item.id == indicatorId) {
+                    indicator = item.callback.call(this);
+                    return false;
                 }
+                return true;
             });
-            list.set("items", items);
-        }
-    });
-    Object.defineProperty(IndicatorControl.prototype, "_getDefaultIcon", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            return StockIcons.getIcon("Indicator");
         }
-    });
-    Object.defineProperty(IndicatorControl.prototype, "_beforeChanged", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            _super.prototype._beforeChanged.call(this);
-            if (this.isDirty("indicators")) {
-                this._initList();
+        if (indicator) {
+            stockChart.indicators.push(indicator);
+            if (indicator._editableSettings.length) {
+                const modal = stockChart.getPrivate("settingsModal");
+                modal.events.once("done", (ev) => {
+                    if (indicator) {
+                        if (!ev.settings) {
+                            indicator.dispose();
+                        }
+                    }
+                });
+                modal.openIndicator(indicator);
+            }
+            if (this.events.isEnabled("selected")) {
+                this.events.dispatch("selected", {
+                    type: "selected",
+                    target: this,
+                    indicator: indicator
+                });
             }
         }
-    });
-    Object.defineProperty(IndicatorControl.prototype, "addIndicator", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (indicatorId) {
-            var _this = this;
-            var stockChart = this.get("stockChart");
-            var indicator;
-            var stockSeries = stockChart.get("stockSeries");
-            var volumeSeries = stockChart.get("volumeSeries");
-            var legend = this.get("legend");
-            switch (indicatorId) {
-                case "Accumulation Distribution":
-                    indicator = AccumulationDistribution.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        volumeSeries: volumeSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Accumulative Swing Index":
-                    indicator = AccumulativeSwingIndex.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Aroon":
-                    indicator = Aroon.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Awesome Oscillator":
-                    indicator = AwesomeOscillator.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Bollinger Bands":
-                    indicator = BollingerBands.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Chaikin Money Flow":
-                    indicator = ChaikinMoneyFlow.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        volumeSeries: volumeSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Chaikin Oscillator":
-                    indicator = ChaikinOscillator.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        volumeSeries: volumeSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Commodity Channel Index":
-                    indicator = CommodityChannelIndex.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries
-                    });
-                    break;
-                case "Disparity Index":
-                    indicator = DisparityIndex.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries
-                    });
-                    break;
-                case "MACD":
-                    indicator = MACD.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Moving Average":
-                    indicator = MovingAverage.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Moving Average Deviation":
-                    indicator = MovingAverageDeviation.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Moving Average Envelope":
-                    indicator = MovingAverageEnvelope.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Standard Deviation":
-                    indicator = StandardDeviation.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Trix":
-                    indicator = Trix.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Typical Price":
-                    indicator = TypicalPrice.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Median Price":
-                    indicator = MedianPrice.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
-                case "On Balance Volume":
-                    indicator = OnBalanceVolume.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        volumeSeries: volumeSeries,
-                        legend: legend
-                    });
-                    break;
-                case "Relative Strength Index":
-                    indicator = RelativeStrengthIndex.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries
-                    });
-                    break;
-                case "Stochastic Oscillator":
-                    indicator = StochasticOscillator.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries
-                    });
-                    break;
-                case "Williams R":
-                    indicator = WilliamsR.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries
-                    });
-                    break;
-                case "Volume":
-                    indicator = Volume.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        volumeSeries: volumeSeries
-                    });
-                    break;
-                case "VWAP":
-                    indicator = VWAP.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        volumeSeries: volumeSeries,
-                        legend: legend
-                    });
-                    break;
-                case "ZigZag":
-                    indicator = ZigZag.new(this.root, {
-                        stockChart: stockChart,
-                        stockSeries: stockSeries,
-                        legend: legend
-                    });
-                    break;
+    }
+    /**
+     * Serializes all available indicators into an array of simple objects or
+     * JSON.
+     *
+     * `output` parameter can either be `"object"` or `"string"` (default).
+     *
+     * @see {@link https://www.amcharts.com/docs/v5/charts/stock/serializing-indicators-annotations/} for more info
+     * @since 5.3.0
+     * @param   output Output format
+     * @param   indent Line indent in JSON
+     * @return         Serialized indicators
+     */
+    serializeIndicators(output = "string", indent) {
+        const res = [];
+        const stockChart = this.get("stockChart");
+        stockChart.indicators.each((indicator) => {
+            //console.log(indicator);
+            const serializer = Serializer.new(this._root, {
+                excludeSettings: ["stockChart", "stockSeries", "volumeSeries", "legend"]
+            });
+            // Panel
+            const json = {};
+            // Series and legend
+            if (indicator.get("stockSeries")) {
+                json.__stockSeries = true;
             }
-            if (!indicator) {
-                // Try searching in the list
-                $array.eachContinue(this.get("indicators", []), function (item) {
-                    if ($type.isObject(item) && item.id == indicatorId) {
-                        indicator = item.callback.call(_this);
-                        return false;
+            if (indicator.get("volumeSeries")) {
+                json.__volumeSeries = true;
+            }
+            const legend = indicator.get("legend");
+            if (legend) {
+                legend._walkParents((parent) => {
+                    if (parent.isType("StockPanel")) {
+                        json.__legendIndex = stockChart.panels.indexOf(parent);
                     }
-                    return true;
                 });
             }
-            if (indicator) {
-                stockChart.indicators.push(indicator);
-                if (indicator._editableSettings.length) {
-                    var modal = stockChart.getPrivate("settingsModal");
-                    modal.events.once("done", function (ev) {
-                        if (indicator) {
-                            if (!ev.settings) {
-                                indicator.dispose();
-                            }
+            // Serialize
+            json.__indicator = serializer.serialize(indicator, 0);
+            res.push(json);
+        });
+        return output == "object" ? res : JSON.stringify(res, undefined, indent);
+    }
+    /**
+     * Parses data serialized with `serializeIndicators()` and adds indicators to
+     * the chart.
+     *
+     * @see {@link https://www.amcharts.com/docs/v5/charts/stock/serializing-indicators-annotations/} for more info
+     * @since 5.3.0
+     * @param  data Serialized data
+     */
+    unserializeIndicators(data) {
+        const stockChart = this.get("stockChart");
+        if ($type.isString(data)) {
+            data = JSON.parse(data);
+        }
+        $array.each(data, (indicator) => {
+            // Populate
+            if (!indicator.__indicator.settings) {
+                indicator.__indicator.settings = {};
+            }
+            indicator.__indicator.settings.stockChart = stockChart;
+            if (indicator.__stockSeries && !indicator.__indicator.settings.stockSeries) {
+                indicator.__indicator.settings.stockSeries = stockChart.get("stockSeries");
+            }
+            if (indicator.__volumeSeries && !indicator.__indicator.settings.volumeSeries) {
+                indicator.__indicator.settings.volumeSeries = stockChart.get("volumeSeries");
+            }
+            if (indicator.__legendIndex !== undefined && !indicator.__indicator.settings.legend) {
+                // Find a legend
+                const panel = stockChart.panels.getIndex(indicator.__legendIndex);
+                if (panel) {
+                    panel.walkChildren((child) => {
+                        if (child.isType("StockLegend")) {
+                            indicator.__indicator.settings.legend = child;
                         }
                     });
-                    modal.openIndicator(indicator);
-                }
-                if (this.events.isEnabled("selected")) {
-                    this.events.dispatch("selected", {
-                        type: "selected",
-                        target: this,
-                        indicator: indicator
-                    });
                 }
             }
-        }
-    });
-    Object.defineProperty(IndicatorControl, "className", {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value: "IndicatorControl"
-    });
-    Object.defineProperty(IndicatorControl, "classNames", {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value: StockControl.classNames.concat([IndicatorControl.className])
-    });
-    return IndicatorControl;
-}(StockControl));
-export { IndicatorControl };
+            // Parse
+            JsonParser.new(this._root).parse(indicator.__indicator).then((indicator) => {
+                if (indicator instanceof Indicator) {
+                    stockChart.indicators.push(indicator);
+                }
+            });
+        });
+    }
+}
+Object.defineProperty(IndicatorControl, "className", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: "IndicatorControl"
+});
+Object.defineProperty(IndicatorControl, "classNames", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: StockControl.classNames.concat([IndicatorControl.className])
+});
 //# sourceMappingURL=IndicatorControl.js.map