@amcharts/amcharts5 5.1.14 → 5.2.2

package/.internal/charts/stock/PanelControls.js

@@ -0,0 +1,122 @@
+import { __extends } from "tslib";
+import { Container } from "../../core/render/Container";
+import { Button } from "../../core/render/Button";
+import { Graphics } from "../../core/render/Graphics";
+/**
+ * Creates a button set for [[StockChart]] panels (move up/down, close, etc.)
+ *
+ * @see {@link https://www.amcharts.com/docs/v5/charts/stock/panels/#Panel_controls} for more info
+ */
+var PanelControls = /** @class */ (function (_super) {
+    __extends(PanelControls, _super);
+    function PanelControls() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        /**
+         * A [[Button]] which moves panel up.
+         *
+         * @default Button.new()
+         */
+        Object.defineProperty(_this, "upButton", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _this.children.push(Button.new(_this._root, {
+                themeTags: ["up", "control", "panel"],
+                icon: Graphics.new(_this._root, {
+                    themeTags: ["icon", "button"]
+                })
+            }))
+        });
+        /**
+         * A [[Button]] which moves panel down.
+         *
+         * @default Button.new()
+         */
+        Object.defineProperty(_this, "downButton", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _this.children.push(Button.new(_this._root, {
+                themeTags: ["down", "control", "panel"],
+                icon: Graphics.new(_this._root, {
+                    themeTags: ["icon", "button"]
+                })
+            }))
+        });
+        /**
+         * A [[Button]] which expands/collapses the panel.
+         *
+         * @default Button.new()
+         */
+        Object.defineProperty(_this, "expandButton", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _this.children.push(Button.new(_this._root, {
+                themeTags: ["expand", "control", "panel"],
+                icon: Graphics.new(_this._root, {
+                    themeTags: ["icon", "button"]
+                })
+            }))
+        });
+        /**
+         * A [[Button]] which closes the panel.
+         *
+         * @default Button.new()
+         */
+        Object.defineProperty(_this, "closeButton", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _this.children.push(Button.new(_this._root, {
+                themeTags: ["close", "control", "panel"],
+                icon: Graphics.new(_this._root, {
+                    themeTags: ["icon", "button"]
+                })
+            }))
+        });
+        return _this;
+    }
+    Object.defineProperty(PanelControls.prototype, "_afterNew", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _this = this;
+            _super.prototype._afterNew.call(this);
+            var upButton = this.upButton;
+            var downButton = this.downButton;
+            downButton.events.on("click", function () {
+                var stockPanel = _this.get("stockPanel");
+                stockPanel.moveDown();
+            });
+            upButton.events.on("click", function () {
+                var stockPanel = _this.get("stockPanel");
+                stockPanel.moveUp();
+            });
+            this.closeButton.events.on("click", function () {
+                var stockPanel = _this.get("stockPanel");
+                stockPanel.close();
+            });
+            this.expandButton.events.on("click", function () {
+                var stockPanel = _this.get("stockPanel");
+                stockPanel.expand();
+            });
+        }
+    });
+    Object.defineProperty(PanelControls, "className", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: "PanelControls"
+    });
+    Object.defineProperty(PanelControls, "classNames", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: Container.classNames.concat([PanelControls.className])
+    });
+    return PanelControls;
+}(Container));
+export { PanelControls };
+//# sourceMappingURL=PanelControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelControls.js","sourceRoot":"","sources":["../../../../../src/.internal/charts/stock/PanelControls.ts"],"names":[],"mappings":"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","sourcesContent":["import type { StockChart } from \"./StockChart\";\r\nimport type { StockPanel } from \"./StockPanel\";\r\n\r\nimport { Container, IContainerPrivate, IContainerSettings } from \"../../core/render/Container\";\r\nimport { Button } from \"../../core/render/Button\";\r\nimport { Graphics } from \"../../core/render/Graphics\";\r\n\r\nexport interface IPanelControlsSettings extends IContainerSettings {\r\n\r\n\t/**\r\n\t * A target [[StockChart]].\r\n\t */\r\n\tstockChart: StockChart;\r\n\r\n\t/**\r\n\t * A target [[StockPanel]].\r\n\t */\r\n\tstockPanel: StockPanel\r\n\r\n}\r\n\r\nexport interface IPanelControlsPrivate extends IContainerPrivate {\r\n\r\n}\r\n\r\n/**\r\n * Creates a button set for [[StockChart]] panels (move up/down, close, etc.)\r\n *\r\n * @see {@link https://www.amcharts.com/docs/v5/charts/stock/panels/#Panel_controls} for more info\r\n */\r\nexport class PanelControls extends Container {\r\n\r\n\tdeclare public _settings: IPanelControlsSettings;\r\n\tdeclare public _privateSettings: IPanelControlsPrivate;\r\n\r\n\tpublic static className: string = \"PanelControls\";\r\n\tpublic static classNames: Array<string> = Container.classNames.concat([PanelControls.className]);\r\n\r\n\t/**\r\n\t * A [[Button]] which moves panel up.\r\n\t *\r\n\t * @default Button.new()\r\n\t */\r\n\tpublic upButton = this.children.push(Button.new(this._root, {\r\n\t\tthemeTags: [\"up\", \"control\", \"panel\"],\r\n\t\ticon: Graphics.new(this._root, {\r\n\t\t\tthemeTags: [\"icon\", \"button\"]\r\n\t\t})\r\n\t}))\r\n\r\n\t/**\r\n\t * A [[Button]] which moves panel down.\r\n\t *\r\n\t * @default Button.new()\r\n\t */\r\n\tpublic downButton = this.children.push(Button.new(this._root, {\r\n\t\tthemeTags: [\"down\", \"control\", \"panel\"],\r\n\t\ticon: Graphics.new(this._root, {\r\n\t\t\tthemeTags: [\"icon\", \"button\"]\r\n\t\t})\r\n\t}))\r\n\r\n\t/**\r\n\t * A [[Button]] which expands/collapses the panel.\r\n\t *\r\n\t * @default Button.new()\r\n\t */\r\n\tpublic expandButton = this.children.push(Button.new(this._root, {\r\n\t\tthemeTags: [\"expand\", \"control\", \"panel\"],\r\n\t\ticon: Graphics.new(this._root, {\r\n\t\t\tthemeTags: [\"icon\", \"button\"]\r\n\t\t})\r\n\t}))\r\n\r\n\t/**\r\n\t * A [[Button]] which closes the panel.\r\n\t *\r\n\t * @default Button.new()\r\n\t */\r\n\tpublic closeButton = this.children.push(Button.new(this._root, {\r\n\t\tthemeTags: [\"close\", \"control\", \"panel\"],\r\n\t\ticon: Graphics.new(this._root, {\r\n\t\t\tthemeTags: [\"icon\", \"button\"]\r\n\t\t})\r\n\t}))\r\n\r\n\tprotected _afterNew() {\r\n\t\tsuper._afterNew();\r\n\r\n\r\n\t\tconst upButton = this.upButton;\r\n\t\tconst downButton = this.downButton;\r\n\r\n\t\tdownButton.events.on(\"click\", () => {\r\n\t\t\tconst stockPanel = this.get(\"stockPanel\");\r\n\t\t\tstockPanel.moveDown();\r\n\t\t});\r\n\r\n\t\tupButton.events.on(\"click\", () => {\r\n\t\t\tconst stockPanel = this.get(\"stockPanel\");\r\n\t\t\tstockPanel.moveUp();\r\n\t\t});\r\n\r\n\t\tthis.closeButton.events.on(\"click\", () => {\r\n\t\t\tconst stockPanel = this.get(\"stockPanel\");\r\n\t\t\tstockPanel.close();\r\n\t\t});\r\n\r\n\t\tthis.expandButton.events.on(\"click\", () => {\r\n\t\t\tconst stockPanel = this.get(\"stockPanel\");\r\n\t\t\tstockPanel.expand();\r\n\t\t});\r\n\r\n\t}\r\n}\r\n"]}

package/.internal/charts/stock/SettingsModal.d.ts

@@ -0,0 +1,70 @@
+import type { Indicator } from "./indicators/Indicator";
+import type { StockChart } from "./StockChart";
+import type { XYSeries } from "../xy/series/XYSeries";
+import { Modal, IModalSettings, IModalPrivate, IModalEvents } from "../../core/util/Modal";
+import { ColorControl } from "./toolbar/ColorControl";
+export interface ISettingsModalSettings extends IModalSettings {
+    /**
+     * A target [[StockChart]].
+     */
+    stockChart: StockChart;
+}
+export interface ISettingsModalPrivate extends IModalPrivate {
+}
+export interface ISettingsModalEvents extends IModalEvents {
+    /**
+     * Invoked when modal is closed/saved.
+     */
+    done: {
+        settings?: any;
+        settingsTarget?: Indicator | XYSeries;
+    };
+}
+/**
+ * Used to display a modal dialog with HTML content.
+ */
+export declare class SettingsModal extends Modal {
+    static className: string;
+    static classNames: Array<string>;
+    _settings: ISettingsModalSettings;
+    _privateSettings: ISettingsModalPrivate;
+    _events: ISettingsModalEvents;
+    protected _updatedSettings: {
+        [index: string]: any;
+    };
+    protected _settingsTarget?: Indicator | XYSeries;
+    protected _colorControl?: ColorControl;
+    protected _afterNew(): void;
+    _beforeChanged(): void;
+    /**
+     * Opens settings modal for an [[Indicator]].
+     *
+     * @param  target  Target indicator
+     */
+    openIndicator(target: Indicator): void;
+    /**
+     * Opens settings editing for the any [[XYSeries]].
+     *
+     * @param  series  target series
+     */
+    openSeries(series: XYSeries): void;
+    private initContent;
+    private getDropdown;
+    private getNumber;
+    private getCheckbox;
+    private getColor;
+    /**
+     * Closes the modal, saving settings.
+     */
+    close(): void;
+    /**
+     * Closes the modal without applying any changes.
+     */
+    cancel(): void;
+    /**
+     * Clears contents of the modal.
+     */
+    clear(): void;
+    private _getSettingKey;
+}
+//# sourceMappingURL=SettingsModal.d.ts.map

package/.internal/charts/stock/SettingsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModal.d.ts","sourceRoot":"","sources":["../../../../../src/.internal/charts/stock/SettingsModal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAA6B,MAAM,wBAAwB,CAAC;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAQtD,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAE7D;;OAEG;IACH,UAAU,EAAE,UAAU,CAAC;CAEvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;CAC3D;AAED,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IAEzD;;OAEG;IACH,IAAI,EAAE;QACL,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;KACrC,CAAA;CAED;AAaD;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK;IACvC,OAAc,SAAS,EAAE,MAAM,CAAmB;IAClD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAA8C;IAEtE,SAAS,EAAE,sBAAsB,CAAC;IAClC,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,OAAO,EAAE,oBAAoB,CAAC;IAE7C,SAAS,CAAC,gBAAgB,EAAE;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAM;IAC1D,SAAS,CAAC,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjD,SAAS,CAAC,aAAa,CAAC,EAAE,YAAY,CAAC;IAEvC,SAAS,CAAC,SAAS;IAIZ,cAAc;IAQrB;;;;OAIG;IACI,aAAa,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI;IAK7C;;;;OAIG;IACI,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI;IA+GzC,OAAO,CAAC,WAAW;IA8InB,OAAO,CAAC,WAAW;IA2BnB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,QAAQ;IAgBhB;;OAEG;IACI,KAAK,IAAI,IAAI;IAUpB;;OAEG;IACI,MAAM,IAAI,IAAI;IASrB;;OAEG;IACI,KAAK,IAAI,IAAI;IAQpB,OAAO,CAAC,cAAc;CAItB"}

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