@amcharts/amcharts5 5.1.14 → 5.2.0

package/.internal/charts/stock/SettingsModal.js

@@ -0,0 +1,457 @@
+import { __extends } from "tslib";
+import { CandlestickSeries } from "../xy/series/CandlestickSeries";
+import { LineSeries } from "../xy/series/LineSeries";
+import { Modal } from "../../core/util/Modal";
+import { ColorControl } from "./toolbar/ColorControl";
+import * as $array from "../../core/util/Array";
+import * as $object from "../../core/util/Object";
+import * as $utils from "../../core/util/Utils";
+import * as $type from "../../core/util/Type";
+/**
+ * Used to display a modal dialog with HTML content.
+ */
+var SettingsModal = /** @class */ (function (_super) {
+    __extends(SettingsModal, _super);
+    function SettingsModal() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        Object.defineProperty(_this, "_updatedSettings", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(_this, "_settingsTarget", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "_colorControl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        return _this;
+    }
+    Object.defineProperty(SettingsModal.prototype, "_afterNew", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._afterNew.call(this);
+        }
+    });
+    Object.defineProperty(SettingsModal.prototype, "_beforeChanged", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._beforeChanged.call(this);
+            // if (this.isDirty("content")) {
+            // 	this.getPrivate("content").innerHTML = this.get("content", "");
+            // }
+        }
+    });
+    /**
+     * Opens settings modal for an [[Indicator]].
+     *
+     * @param  target  Target indicator
+     */
+    Object.defineProperty(SettingsModal.prototype, "openIndicator", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (target) {
+            this._settingsTarget = target;
+            this.initContent(target._editableSettings, target);
+        }
+    });
+    /**
+     * Opens settings editing for the any [[XYSeries]].
+     *
+     * @param  series  target series
+     */
+    Object.defineProperty(SettingsModal.prototype, "openSeries", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (series) {
+            this._settingsTarget = series;
+            var l = this._root.language;
+            var stockChart = this.get("stockChart");
+            var settings = [];
+            if (series == stockChart.get("stockSeries")) {
+                settings.push({
+                    id: "stockPositiveColor",
+                    key: "stockPositiveColor",
+                    name: l.translateAny("Increase"),
+                    type: "color",
+                    currentValue: stockChart.get("stockPositiveColor", this._root.interfaceColors.get("positive")),
+                    target: stockChart
+                });
+                settings.push({
+                    id: "stockNegativeColor",
+                    key: "stockNegativeColor",
+                    name: l.translateAny("Decrease"),
+                    type: "color",
+                    currentValue: stockChart.get("stockNegativeColor", this._root.interfaceColors.get("negative")),
+                    target: stockChart
+                });
+            }
+            else if (series == stockChart.get("volumeSeries")) {
+                settings.push({
+                    id: "volumePositiveColor",
+                    key: "volumePositiveColor",
+                    name: l.translateAny("Increase"),
+                    type: "color",
+                    currentValue: stockChart.get("volumePositiveColor", this._root.interfaceColors.get("positive")),
+                    target: stockChart
+                });
+                settings.push({
+                    id: "volumeNegativeColor",
+                    key: "volumeNegativeColor",
+                    name: l.translateAny("Decrease"),
+                    type: "color",
+                    currentValue: stockChart.get("volumeNegativeColor", this._root.interfaceColors.get("negative")),
+                    target: stockChart
+                });
+            }
+            else if (series instanceof CandlestickSeries && series.columns.length) {
+                var column = series.columns.getIndex(0);
+                settings.push({
+                    id: "riseFromOpen.fill",
+                    key: "fill",
+                    additionalKeys: ["stroke"],
+                    name: l.translateAny("Increase"),
+                    type: "color",
+                    currentValue: column.states.lookup("riseFromOpen").get("fill"),
+                    target: series.columns.template.states.create("riseFromOpen", {}),
+                    invalidateTarget: series
+                });
+                settings.push({
+                    id: "dropFromOpen.fill",
+                    key: "fill",
+                    additionalKeys: ["stroke"],
+                    name: l.translateAny("Decrease"),
+                    type: "color",
+                    currentValue: column.states.lookup("dropFromOpen").get("fill"),
+                    target: series.columns.template.states.create("dropFromOpen", {}),
+                    invalidateTarget: series
+                });
+            }
+            else if (series instanceof LineSeries) {
+                settings = [{
+                        key: "stroke",
+                        name: l.translateAny("Line"),
+                        type: "color"
+                    }, {
+                        key: "strokeWidth",
+                        name: l.translateAny("Line"),
+                        type: "dropdown",
+                        options: [
+                            { value: 1, text: "1px" },
+                            { value: 2, text: "2px" },
+                            { value: 4, text: "4px" },
+                            { value: 10, text: "10px" }
+                        ],
+                        currentValue: series.strokes.template.get("strokeWidth", 1),
+                        target: series.strokes.template,
+                        invalidateTarget: series
+                    }];
+                if (series.fills.template.get("visible")) {
+                    settings.push({
+                        key: "fill",
+                        name: l.translateAny("Fill"),
+                        type: "color"
+                    });
+                }
+            }
+            else {
+                settings = [{
+                        key: "stroke",
+                        name: l.translateAny("Line"),
+                        type: "color"
+                    }, {
+                        key: "fill",
+                        name: l.translateAny("Fill"),
+                        type: "color"
+                    }];
+            }
+            this.initContent(settings, series);
+        }
+    });
+    Object.defineProperty(SettingsModal.prototype, "initContent", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (settings, target) {
+            var _this = this;
+            this._updatedSettings = {};
+            var content = this.getPrivate("content");
+            // Clear
+            this.clear();
+            // Title
+            var title = document.createElement("h1");
+            title.innerHTML = target.get("name");
+            content.appendChild(title);
+            // Add fields
+            var table = document.createElement("div");
+            table.className = "am5-modal-table";
+            content.appendChild(table);
+            var settingInputs = {};
+            var settingsWithTarget = {};
+            var prevName = "";
+            var prevLine;
+            $array.each(settings, function (setting) {
+                var key = _this._getSettingKey(setting);
+                var keyTarget = setting.target || target;
+                var currentValue = setting.currentValue || keyTarget.get(setting.key);
+                if (setting.target) {
+                    settingsWithTarget[key] = setting;
+                }
+                var element;
+                switch (setting.type) {
+                    case "dropdown":
+                        element = _this.getDropdown(setting, currentValue);
+                        settingInputs[key] = element;
+                        break;
+                    case "number":
+                        element = _this.getNumber(setting, currentValue);
+                        settingInputs[key] = element;
+                        break;
+                    case "color":
+                        element = _this.getColor(setting, currentValue);
+                        break;
+                    case "checkbox":
+                        element = _this.getCheckbox(setting, currentValue);
+                        settingInputs[key] = element;
+                        break;
+                    // case "text":
+                    // 	element = this.getText(setting, currentValue);
+                    // 	break;
+                }
+                if (element) {
+                    var line = void 0;
+                    if (setting.name == prevName && prevLine) {
+                        line = prevLine;
+                    }
+                    else {
+                        line = document.createElement("div");
+                        line.className = "am5-modal-table-row";
+                        table.appendChild(line);
+                        var heading = document.createElement("div");
+                        heading.className = "am5-modal-table-heading";
+                        heading.innerHTML = setting.name;
+                        line.appendChild(heading);
+                    }
+                    var cell = document.createElement("div");
+                    cell.className = "am5-modal-table-cell";
+                    line.appendChild(cell);
+                    cell.appendChild(element);
+                    prevName = setting.name;
+                    prevLine = line;
+                }
+            });
+            // Buttons
+            var saveButton = document.createElement("input");
+            saveButton.type = "button";
+            saveButton.value = this._root.language.translateAny("Save");
+            saveButton.className = "am5-modal-button am5-modal-primary";
+            content.appendChild(saveButton);
+            $utils.addEventListener(saveButton, "click", function () {
+                $object.each(settingInputs, function (key, element) {
+                    if (element.type == "checkbox") {
+                        _this._updatedSettings[key] = element.checked;
+                    }
+                    else if (element.type == "number") {
+                        _this._updatedSettings[key] = $type.toNumber(element.value);
+                    }
+                    else {
+                        _this._updatedSettings[key] = element.value;
+                    }
+                });
+                $object.each(_this._updatedSettings, function (key, value) {
+                    var targetKey = key.split(".").pop();
+                    if ($type.isObject(value) && value.value) {
+                        if (value.setting && value.setting.target) {
+                            value.setting.target.set(targetKey, value.value);
+                            if (value.setting.additionalKeys) {
+                                $array.each(value.setting.additionalKeys, function (additonalKey) {
+                                    value.setting.target.set(additonalKey, value.value);
+                                });
+                            }
+                        }
+                        else {
+                            target.set(targetKey, value.value);
+                        }
+                    }
+                    else if (settingsWithTarget[targetKey]) {
+                        settingsWithTarget[targetKey].target.set(targetKey, value);
+                    }
+                    else {
+                        target.set(targetKey, value);
+                    }
+                    if (value.setting && value.setting.invalidateTarget) {
+                        value.setting.invalidateTarget.markDirtyValues();
+                    }
+                });
+                _this.close();
+            });
+            var cancelButton = document.createElement("input");
+            cancelButton.type = "button";
+            cancelButton.value = this._root.language.translateAny("Cancel");
+            cancelButton.className = "am5-modal-button am5-modal-scondary";
+            content.appendChild(cancelButton);
+            $utils.addEventListener(cancelButton, "click", function () {
+                _this.cancel();
+            });
+            // Open modal
+            this.open();
+        }
+    });
+    Object.defineProperty(SettingsModal.prototype, "getDropdown", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (setting, currentValue) {
+            var element = document.createElement("select");
+            $array.each(setting.options, function (option) {
+                if (option) {
+                    var optionElement = document.createElement("option");
+                    var value = void 0;
+                    if ($type.isObject(option)) {
+                        optionElement.value = (option.value);
+                        optionElement.text = (option.text);
+                        value = (option.value);
+                    }
+                    else {
+                        optionElement.value = option;
+                        optionElement.text = option;
+                        value = option;
+                    }
+                    if (value == currentValue) {
+                        optionElement.selected = true;
+                    }
+                    element.appendChild(optionElement);
+                }
+            });
+            return element;
+        }
+    });
+    Object.defineProperty(SettingsModal.prototype, "getNumber", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (_setting, currentValue) {
+            var element = document.createElement("input");
+            element.type = "number";
+            element.value = currentValue;
+            element.className = "am5-modal-input-narrow";
+            return element;
+        }
+    });
+    Object.defineProperty(SettingsModal.prototype, "getCheckbox", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (_setting, currentValue) {
+            var element = document.createElement("input");
+            element.type = "checkbox";
+            element.checked = currentValue === true;
+            return element;
+        }
+    });
+    Object.defineProperty(SettingsModal.prototype, "getColor", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (setting, currentValue) {
+            var _this = this;
+            var control = ColorControl.new(this.root, {
+                stockChart: this.get("stockChart"),
+                useOpacity: false
+            });
+            control.setPrivate("color", currentValue);
+            control.events.on("selected", function (ev) {
+                _this._updatedSettings[_this._getSettingKey(setting)] = {
+                    value: ev.color,
+                    setting: setting
+                };
+            });
+            this._disposers.push(control);
+            return control.getPrivate("button");
+        }
+    });
+    /**
+     * Closes the modal, saving settings.
+     */
+    Object.defineProperty(SettingsModal.prototype, "close", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype.close.call(this);
+            this.events.dispatch("done", {
+                type: "done",
+                settings: this._updatedSettings,
+                settingsTarget: this._settingsTarget,
+                target: this
+            });
+        }
+    });
+    /**
+     * Closes the modal without applying any changes.
+     */
+    Object.defineProperty(SettingsModal.prototype, "cancel", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype.cancel.call(this);
+            this.events.dispatch("done", {
+                type: "done",
+                settings: null,
+                target: this
+            });
+        }
+    });
+    /**
+     * Clears contents of the modal.
+     */
+    Object.defineProperty(SettingsModal.prototype, "clear", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var content = this.getPrivate("content");
+            content.innerHTML = "";
+            if (this._colorControl) {
+                this._colorControl.dispose();
+            }
+        }
+    });
+    Object.defineProperty(SettingsModal.prototype, "_getSettingKey", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (setting) {
+            return setting.id || setting.key;
+        }
+    });
+    Object.defineProperty(SettingsModal, "className", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: "SettingsModal"
+    });
+    Object.defineProperty(SettingsModal, "classNames", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: Modal.classNames.concat([Modal.className])
+    });
+    return SettingsModal;
+}(Modal));
+export { SettingsModal };
+//# sourceMappingURL=SettingsModal.js.map

package/.internal/charts/stock/SettingsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModal.js","sourceRoot":"","sources":["../../../../../src/.internal/charts/stock/SettingsModal.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Indicator, IIndicatorEditableSetting } from \"./indicators/Indicator\";\r\nimport type { StockChart } from \"./StockChart\";\r\nimport type { XYSeries } from \"../xy/series/XYSeries\";\r\n\r\nimport { CandlestickSeries } from \"../xy/series/CandlestickSeries\";\r\nimport { LineSeries } from \"../xy/series/LineSeries\";\r\nimport { Modal, IModalSettings, IModalPrivate, IModalEvents } from \"../../core/util/Modal\";\r\nimport { ColorControl } from \"./toolbar/ColorControl\";\r\n\r\nimport * as $array from \"../../core/util/Array\";\r\nimport * as $object from \"../../core/util/Object\";\r\nimport * as $utils from \"../../core/util/Utils\";\r\nimport * as $type from \"../../core/util/Type\";\r\n\r\n\r\nexport interface ISettingsModalSettings extends IModalSettings {\r\n\r\n\t/**\r\n\t * A target [[StockChart]].\r\n\t */\r\n\tstockChart: StockChart;\r\n\r\n}\r\n\r\nexport interface ISettingsModalPrivate extends IModalPrivate {\r\n}\r\n\r\nexport interface ISettingsModalEvents extends IModalEvents {\r\n\r\n\t/**\r\n\t * Invoked when modal is closed/saved.\r\n\t */\r\n\tdone: {\r\n\t\tsettings?: any,\r\n\t\tsettingsTarget?: Indicator | XYSeries\r\n\t}\r\n\r\n}\r\n\r\n/**\r\n * @ignore\r\n */\r\ninterface ISeriesEditableSetting extends IIndicatorEditableSetting {\r\n\tid?: string;\r\n\ttarget?: any;\r\n\tadditionalKeys?: string[];\r\n\tcurrentValue?: any;\r\n\tinvalidateTarget?: XYSeries;\r\n}\r\n\r\n/**\r\n * Used to display a modal dialog with HTML content.\r\n */\r\nexport class SettingsModal extends Modal {\r\n\tpublic static className: string = \"SettingsModal\";\r\n\tpublic static classNames: Array<string> = Modal.classNames.concat([Modal.className]);\r\n\r\n\tdeclare public _settings: ISettingsModalSettings;\r\n\tdeclare public _privateSettings: ISettingsModalPrivate;\r\n\tdeclare public _events: ISettingsModalEvents;\r\n\r\n\tprotected _updatedSettings: { [index: string]: any } = {};\r\n\tprotected _settingsTarget?: Indicator | XYSeries;\r\n\tprotected _colorControl?: ColorControl;\r\n\r\n\tprotected _afterNew() {\r\n\t\tsuper._afterNew();\r\n\t}\r\n\r\n\tpublic _beforeChanged() {\r\n\t\tsuper._beforeChanged();\r\n\r\n\t\t// if (this.isDirty(\"content\")) {\r\n\t\t// \tthis.getPrivate(\"content\").innerHTML = this.get(\"content\", \"\");\r\n\t\t// }\r\n\t}\r\n\r\n\t/**\r\n\t * Opens settings modal for an [[Indicator]].\r\n\t * \r\n\t * @param  target  Target indicator\r\n\t */\r\n\tpublic openIndicator(target: Indicator): void {\r\n\t\tthis._settingsTarget = target;\r\n\t\tthis.initContent(target._editableSettings, target);\r\n\t}\r\n\r\n\t/**\r\n\t * Opens settings editing for the any [[XYSeries]].\r\n\t * \r\n\t * @param  series  target series\r\n\t */\r\n\tpublic openSeries(series: XYSeries): void {\r\n\t\tthis._settingsTarget = series;\r\n\r\n\t\tconst l = this._root.language;\r\n\t\tconst stockChart = this.get(\"stockChart\");\r\n\r\n\t\tlet settings: ISeriesEditableSetting[] = [];\r\n\r\n\t\tif (series == stockChart.get(\"stockSeries\")) {\r\n\t\t\tsettings.push({\r\n\t\t\t\tid: \"stockPositiveColor\",\r\n\t\t\t\tkey: \"stockPositiveColor\",\r\n\t\t\t\tname: l.translateAny(\"Increase\"),\r\n\t\t\t\ttype: \"color\",\r\n\t\t\t\tcurrentValue: stockChart.get(\"stockPositiveColor\", this._root.interfaceColors.get(\"positive\")),\r\n\t\t\t\ttarget: stockChart\r\n\t\t\t});\r\n\r\n\t\t\tsettings.push({\r\n\t\t\t\tid: \"stockNegativeColor\",\r\n\t\t\t\tkey: \"stockNegativeColor\",\r\n\t\t\t\tname: l.translateAny(\"Decrease\"),\r\n\t\t\t\ttype: \"color\",\r\n\t\t\t\tcurrentValue: stockChart.get(\"stockNegativeColor\", this._root.interfaceColors.get(\"negative\")),\r\n\t\t\t\ttarget: stockChart\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (series == stockChart.get(\"volumeSeries\")) {\r\n\t\t\tsettings.push({\r\n\t\t\t\tid: \"volumePositiveColor\",\r\n\t\t\t\tkey: \"volumePositiveColor\",\r\n\t\t\t\tname: l.translateAny(\"Increase\"),\r\n\t\t\t\ttype: \"color\",\r\n\t\t\t\tcurrentValue: stockChart.get(\"volumePositiveColor\", this._root.interfaceColors.get(\"positive\")),\r\n\t\t\t\ttarget: stockChart\r\n\t\t\t});\r\n\r\n\t\t\tsettings.push({\r\n\t\t\t\tid: \"volumeNegativeColor\",\r\n\t\t\t\tkey: \"volumeNegativeColor\",\r\n\t\t\t\tname: l.translateAny(\"Decrease\"),\r\n\t\t\t\ttype: \"color\",\r\n\t\t\t\tcurrentValue: stockChart.get(\"volumeNegativeColor\", this._root.interfaceColors.get(\"negative\")),\r\n\t\t\t\ttarget: stockChart\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (series instanceof CandlestickSeries && series.columns.length) {\r\n\t\t\tconst column = series.columns.getIndex(0);\r\n\t\t\tsettings.push({\r\n\t\t\t\tid: \"riseFromOpen.fill\",\r\n\t\t\t\tkey: \"fill\",\r\n\t\t\t\tadditionalKeys: [\"stroke\"],\r\n\t\t\t\tname: l.translateAny(\"Increase\"),\r\n\t\t\t\ttype: \"color\",\r\n\t\t\t\tcurrentValue: column!.states.lookup(\"riseFromOpen\")!.get(\"fill\"),\r\n\t\t\t\ttarget: series.columns.template.states.create(\"riseFromOpen\", {}),\r\n\t\t\t\tinvalidateTarget: series\r\n\t\t\t});\r\n\r\n\t\t\tsettings.push({\r\n\t\t\t\tid: \"dropFromOpen.fill\",\r\n\t\t\t\tkey: \"fill\",\r\n\t\t\t\tadditionalKeys: [\"stroke\"],\r\n\t\t\t\tname: l.translateAny(\"Decrease\"),\r\n\t\t\t\ttype: \"color\",\r\n\t\t\t\tcurrentValue: column!.states.lookup(\"dropFromOpen\")!.get(\"fill\"),\r\n\t\t\t\ttarget: series.columns.template.states.create(\"dropFromOpen\", {}),\r\n\t\t\t\tinvalidateTarget: series\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (series instanceof LineSeries) {\r\n\t\t\tsettings = [{\r\n\t\t\t\tkey: \"stroke\",\r\n\t\t\t\tname: l.translateAny(\"Line\"),\r\n\t\t\t\ttype: \"color\"\r\n\t\t\t}, {\r\n\t\t\t\tkey: \"strokeWidth\",\r\n\t\t\t\tname: l.translateAny(\"Line\"),\r\n\t\t\t\ttype: \"dropdown\",\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{ value: 1, text: \"1px\" },\r\n\t\t\t\t\t{ value: 2, text: \"2px\" },\r\n\t\t\t\t\t{ value: 4, text: \"4px\" },\r\n\t\t\t\t\t{ value: 10, text: \"10px\" }\r\n\t\t\t\t],\r\n\t\t\t\tcurrentValue: series.strokes.template.get(\"strokeWidth\", 1),\r\n\t\t\t\ttarget: series.strokes.template,\r\n\t\t\t\tinvalidateTarget: series\r\n\t\t\t}];\r\n\t\t\tif (series.fills.template.get(\"visible\")) {\r\n\t\t\t\tsettings.push({\r\n\t\t\t\t\tkey: \"fill\",\r\n\t\t\t\t\tname: l.translateAny(\"Fill\"),\r\n\t\t\t\t\ttype: \"color\"\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\tsettings = [{\r\n\t\t\t\tkey: \"stroke\",\r\n\t\t\t\tname: l.translateAny(\"Line\"),\r\n\t\t\t\ttype: \"color\"\r\n\t\t\t}, {\r\n\t\t\t\tkey: \"fill\",\r\n\t\t\t\tname: l.translateAny(\"Fill\"),\r\n\t\t\t\ttype: \"color\"\r\n\t\t\t}];\r\n\t\t}\r\n\t\tthis.initContent(settings, series);\r\n\t}\r\n\r\n\tprivate initContent(settings: ISeriesEditableSetting[], target: any) {\r\n\t\tthis._updatedSettings = {};\r\n\t\tconst content = this.getPrivate(\"content\");\r\n\r\n\t\t// Clear\r\n\t\tthis.clear();\r\n\r\n\t\t// Title\r\n\t\tconst title = document.createElement(\"h1\");\r\n\t\ttitle.innerHTML = target.get(\"name\");\r\n\t\tcontent.appendChild(title);\r\n\r\n\t\t// Add fields\r\n\t\tconst table = document.createElement(\"div\");\r\n\t\ttable.className = \"am5-modal-table\";\r\n\t\tcontent.appendChild(table);\r\n\r\n\t\tconst settingInputs: { [index: string]: HTMLInputElement | HTMLSelectElement } = {};\r\n\t\tconst settingsWithTarget: { [index: string]: any } = {};\r\n\t\tlet prevName = \"\";\r\n\t\tlet prevLine: HTMLDivElement;\r\n\t\t$array.each(settings, (setting) => {\r\n\t\t\tconst key = this._getSettingKey(setting);\r\n\t\t\tconst keyTarget = setting.target || target;\r\n\t\t\tconst currentValue = setting.currentValue || keyTarget.get(setting.key);\r\n\r\n\t\t\tif (setting.target) {\r\n\t\t\t\tsettingsWithTarget[key] = setting;\r\n\t\t\t}\r\n\r\n\t\t\tlet element: HTMLElement | undefined;\r\n\t\t\tswitch (setting.type) {\r\n\t\t\t\tcase \"dropdown\":\r\n\t\t\t\t\telement = this.getDropdown(setting, currentValue);\r\n\t\t\t\t\tsettingInputs[key] = <HTMLSelectElement>element;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"number\":\r\n\t\t\t\t\telement = this.getNumber(setting, currentValue);\r\n\t\t\t\t\tsettingInputs[key] = <HTMLInputElement>element;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"color\":\r\n\t\t\t\t\telement = this.getColor(setting, currentValue);\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"checkbox\":\r\n\t\t\t\t\telement = this.getCheckbox(setting, currentValue);\r\n\t\t\t\t\tsettingInputs[key] = <HTMLInputElement>element;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t// case \"text\":\r\n\t\t\t\t// \telement = this.getText(setting, currentValue);\r\n\t\t\t\t// \tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tif (element) {\r\n\r\n\t\t\t\tlet line: HTMLDivElement;\r\n\t\t\t\tif (setting.name == prevName && prevLine) {\r\n\t\t\t\t\tline = prevLine;\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tline = document.createElement(\"div\");\r\n\t\t\t\t\tline.className = \"am5-modal-table-row\";\r\n\t\t\t\t\ttable.appendChild(line);\r\n\r\n\t\t\t\t\tconst heading = document.createElement(\"div\");\r\n\t\t\t\t\theading.className = \"am5-modal-table-heading\";\r\n\t\t\t\t\theading.innerHTML = setting.name;\r\n\t\t\t\t\tline.appendChild(heading);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst cell = document.createElement(\"div\");\r\n\t\t\t\tcell.className = \"am5-modal-table-cell\";\r\n\t\t\t\tline.appendChild(cell);\r\n\t\t\t\tcell.appendChild(element);\r\n\r\n\t\t\t\tprevName = setting.name;\r\n\t\t\t\tprevLine = line;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Buttons\r\n\t\tconst saveButton = document.createElement(\"input\");\r\n\t\tsaveButton.type = \"button\";\r\n\t\tsaveButton.value = this._root.language.translateAny(\"Save\");\r\n\t\tsaveButton.className = \"am5-modal-button am5-modal-primary\";\r\n\t\tcontent.appendChild(saveButton);\r\n\r\n\t\t$utils.addEventListener(saveButton, \"click\", () => {\r\n\t\t\t$object.each(settingInputs, (key, element) => {\r\n\t\t\t\tif (element.type == \"checkbox\") {\r\n\t\t\t\t\tthis._updatedSettings[key] = (<HTMLInputElement>element).checked;\r\n\t\t\t\t}\r\n\t\t\t\telse if (element.type == \"number\") {\r\n\t\t\t\t\tthis._updatedSettings[key] = $type.toNumber(element.value);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tthis._updatedSettings[key] = element.value;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t$object.each(this._updatedSettings, (key, value) => {\r\n\t\t\t\tconst targetKey = (<string>key).split(\".\").pop();\r\n\t\t\t\tif ($type.isObject(value) && value.value) {\r\n\t\t\t\t\tif (value.setting && value.setting.target) {\r\n\t\t\t\t\t\tvalue.setting.target.set(targetKey, value.value);\r\n\t\t\t\t\t\tif (value.setting.additionalKeys) {\r\n\t\t\t\t\t\t\t$array.each(value.setting.additionalKeys, (additonalKey) => {\r\n\t\t\t\t\t\t\t\tvalue.setting.target.set(additonalKey, value.value);\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\ttarget.set(targetKey, value.value);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\telse if (settingsWithTarget[targetKey!]) {\r\n\t\t\t\t\tsettingsWithTarget[targetKey!].target.set(targetKey, value);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\ttarget.set(targetKey, value);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (value.setting && value.setting.invalidateTarget) {\r\n\t\t\t\t\tvalue.setting.invalidateTarget.markDirtyValues();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tthis.close();\r\n\t\t});\r\n\r\n\t\tconst cancelButton = document.createElement(\"input\");\r\n\t\tcancelButton.type = \"button\";\r\n\t\tcancelButton.value = this._root.language.translateAny(\"Cancel\");\r\n\t\tcancelButton.className = \"am5-modal-button am5-modal-scondary\";\r\n\t\tcontent.appendChild(cancelButton);\r\n\r\n\t\t$utils.addEventListener(cancelButton, \"click\", () => {\r\n\t\t\tthis.cancel();\r\n\t\t});\r\n\r\n\t\t// Open modal\r\n\t\tthis.open();\r\n\r\n\t}\r\n\r\n\tprivate getDropdown(setting: any, currentValue: any): HTMLSelectElement {\r\n\t\tconst element = document.createElement(\"select\");\r\n\t\t$array.each(setting.options, (option) => {\r\n\t\t\tif (option) {\r\n\t\t\t\tconst optionElement = document.createElement(\"option\");\r\n\t\t\t\tlet value;\r\n\t\t\t\tif ($type.isObject(option)) {\r\n\t\t\t\t\toptionElement.value = <string>((<any>option).value);\r\n\t\t\t\t\toptionElement.text = <string>((<any>option).text);\r\n\t\t\t\t\tvalue = ((<any>option).value);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\toptionElement.value = <string>option;\r\n\t\t\t\t\toptionElement.text = <string>option;\r\n\t\t\t\t\tvalue = option;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (value == currentValue) {\r\n\t\t\t\t\toptionElement.selected = true;\r\n\t\t\t\t}\r\n\r\n\t\t\t\telement.appendChild(optionElement);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn element;\r\n\t}\r\n\r\n\tprivate getNumber(_setting: any, currentValue: any): HTMLInputElement {\r\n\t\tconst element = document.createElement(\"input\");\r\n\t\telement.type = \"number\";\r\n\t\telement.value = currentValue;\r\n\t\telement.className = \"am5-modal-input-narrow\"\r\n\t\treturn element;\r\n\t}\r\n\r\n\tprivate getCheckbox(_setting: any, currentValue: any): HTMLInputElement {\r\n\t\tconst element = document.createElement(\"input\");\r\n\t\telement.type = \"checkbox\";\r\n\t\telement.checked = currentValue === true;\r\n\t\treturn element;\r\n\t}\r\n\r\n\tprivate getColor(setting: any, currentValue: any): HTMLDivElement {\r\n\t\tconst control = ColorControl.new(this.root, {\r\n\t\t\tstockChart: this.get(\"stockChart\"),\r\n\t\t\tuseOpacity: false\r\n\t\t});\r\n\t\tcontrol.setPrivate(\"color\", currentValue);\r\n\t\tcontrol.events.on(\"selected\", (ev) => {\r\n\t\t\tthis._updatedSettings[this._getSettingKey(setting)] = {\r\n\t\t\t\tvalue: ev.color,\r\n\t\t\t\tsetting: setting\r\n\t\t\t};\r\n\t\t});\r\n\t\tthis._disposers.push(control);\r\n\t\treturn control.getPrivate(\"button\")!;\r\n\t}\r\n\r\n\t/**\r\n\t * Closes the modal, saving settings.\r\n\t */\r\n\tpublic close(): void {\r\n\t\tsuper.close();\r\n\t\tthis.events.dispatch(\"done\", {\r\n\t\t\ttype: \"done\",\r\n\t\t\tsettings: this._updatedSettings,\r\n\t\t\tsettingsTarget: this._settingsTarget,\r\n\t\t\ttarget: this\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Closes the modal without applying any changes.\r\n\t */\r\n\tpublic cancel(): void {\r\n\t\tsuper.cancel();\r\n\t\tthis.events.dispatch(\"done\", {\r\n\t\t\ttype: \"done\",\r\n\t\t\tsettings: null,\r\n\t\t\ttarget: this\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Clears contents of the modal.\r\n\t */\r\n\tpublic clear(): void {\r\n\t\tconst content = this.getPrivate(\"content\");\r\n\t\tcontent.innerHTML = \"\";\r\n\t\tif (this._colorControl) {\r\n\t\t\tthis._colorControl.dispose();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate _getSettingKey(setting: ISeriesEditableSetting): string {\r\n\t\treturn setting.id || setting.key;\r\n\t}\r\n\r\n}"]}