@amcharts/amcharts5 5.1.14 → 5.2.0

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

@@ -0,0 +1,158 @@
+import { __extends } from "tslib";
+import { color } from "../../../core/util/Color";
+import { ColorSet } from "../../../core/util/ColorSet";
+import { Dropdown } from "./Dropdown";
+import * as $array from "../../../core/util/Array";
+import * as $utils from "../../../core/util/Utils";
+/**
+ * @todo review
+ */
+var DropdownColors = /** @class */ (function (_super) {
+    __extends(DropdownColors, _super);
+    function DropdownColors() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    // private _itemDisposers: Array<IDisposer> = [];
+    Object.defineProperty(DropdownColors.prototype, "_afterNew", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._afterNew.call(this);
+            this._root.addDisposer(this);
+        }
+    });
+    Object.defineProperty(DropdownColors.prototype, "_initElements", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._initElements.call(this);
+            // Create container
+            var container = this.getPrivate("container");
+            // Create list
+            var list = document.createElement("ul");
+            list.className = "am5stock-control-colors";
+            container.appendChild(list);
+            this.setPrivate("list", list);
+            this._initItems();
+        }
+    });
+    Object.defineProperty(DropdownColors.prototype, "_initItems", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _this = this;
+            var list = this.getPrivate("list");
+            list.innerHTML = "";
+            var cs = this.get("colors");
+            if (!cs) {
+                cs = ColorSet.new(this._root, {});
+            }
+            var colors = cs.get("colors", []);
+            $array.each(colors, function (item) {
+                _this.addItem(item);
+            });
+            this._initOpacity();
+        }
+    });
+    Object.defineProperty(DropdownColors.prototype, "_beforeChanged", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._beforeChanged.call(this);
+            if (this.isDirty("colors") || this.isDirty("useOpacity") || this.isPrivateDirty("color") || this.isPrivateDirty("opacity")) {
+                this._initItems();
+            }
+        }
+    });
+    Object.defineProperty(DropdownColors.prototype, "_dispose", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._dispose.call(this);
+        }
+    });
+    Object.defineProperty(DropdownColors.prototype, "addItem", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (color) {
+            var _this = this;
+            var currentColor = this.getPrivate("color") ? this.getPrivate("color").hex : 0;
+            var list = this.getPrivate("list");
+            var item = document.createElement("li");
+            item.className = "am5stock-control-color";
+            if (currentColor == color.hex) {
+                item.className += " am5stock-control-active";
+            }
+            item.style.background = color.toCSS();
+            list.appendChild(item);
+            // Add click event
+            this._disposers.push($utils.addEventListener(item, "click", function (_ev) {
+                _this.hide();
+                _this.events.dispatch("invoked", {
+                    type: "invoked",
+                    color: color,
+                    target: _this
+                });
+            }));
+        }
+    });
+    Object.defineProperty(DropdownColors.prototype, "_initOpacity", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _this = this;
+            if (this.get("useOpacity")) {
+                var currentOpacity = this.getPrivate("opacity", 1);
+                var list = this.getPrivate("list");
+                var hr = document.createElement("hr");
+                list.appendChild(hr);
+                var _loop_1 = function (opacity) {
+                    var fill = color(0x000000);
+                    var item = document.createElement("li");
+                    item.innerHTML = opacity + "%";
+                    item.className = "am5stock-control-opacity am5stock-control-opacity-" + opacity;
+                    if (currentOpacity * 100 == opacity) {
+                        item.className += " am5stock-control-active";
+                    }
+                    item.style.background = fill.toCSS(opacity / 100);
+                    list.appendChild(item);
+                    // Add click event
+                    this_1._disposers.push($utils.addEventListener(item, "click", function (_ev) {
+                        _this.hide();
+                        _this.events.dispatch("invokedOpacity", {
+                            type: "invokedOpacity",
+                            opacity: opacity / 100,
+                            target: _this
+                        });
+                    }));
+                };
+                var this_1 = this;
+                for (var opacity = 100; opacity >= 0; opacity -= 25) {
+                    _loop_1(opacity);
+                }
+            }
+        }
+    });
+    Object.defineProperty(DropdownColors, "className", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: "DropdownColors"
+    });
+    Object.defineProperty(DropdownColors, "classNames", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: Dropdown.classNames.concat([DropdownColors.className])
+    });
+    return DropdownColors;
+}(Dropdown));
+export { DropdownColors };
+//# sourceMappingURL=DropdownColors.js.map

package/.internal/charts/stock/toolbar/DropdownColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownColors.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DropdownColors.ts"],"names":[],"mappings":"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","sourcesContent":["import { Color, color } from \"../../../core/util/Color\";\r\n\r\nimport { ColorSet } from \"../../../core/util/ColorSet\";\r\nimport { Dropdown, IDropdownSettings, IDropdownPrivate, IDropdownEvents } from \"./Dropdown\"\r\n\r\nimport * as $array from \"../../../core/util/Array\";\r\nimport * as $utils from \"../../../core/util/Utils\";\r\n\r\nexport interface IDropdownColorsSettings extends IDropdownSettings {\r\n\tcolors?: ColorSet;\r\n\tuseOpacity?: boolean;\r\n}\r\n\r\n\r\nexport interface IDropdownColorsPrivate extends IDropdownPrivate {\r\n\tlist?: HTMLUListElement;\r\n\tcolor?: Color;\r\n\topacity?: number;\r\n}\r\n\r\nexport interface IDropdownColorsEvents extends IDropdownEvents {\r\n\tinvoked: {\r\n\t\tcolor: Color;\r\n\t};\r\n\r\n\tinvokedOpacity: {\r\n\t\topacity: number;\r\n\t};\r\n}\r\n\r\n/**\r\n * @todo review\r\n */\r\nexport class DropdownColors extends Dropdown {\r\n\tpublic static className: string = \"DropdownColors\";\r\n\tpublic static classNames: Array<string> = Dropdown.classNames.concat([DropdownColors.className]);\r\n\r\n\tdeclare public _settings: IDropdownColorsSettings;\r\n\tdeclare public _privateSettings: IDropdownColorsPrivate;\r\n\tdeclare public _events: IDropdownColorsEvents;\r\n\r\n\t// private _itemDisposers: Array<IDisposer> = [];\r\n\r\n\tprotected _afterNew() {\r\n\t\tsuper._afterNew();\r\n\t\tthis._root.addDisposer(this);\r\n\t}\r\n\r\n\tprotected _initElements(): void {\r\n\t\tsuper._initElements();\r\n\r\n\t\t// Create container\r\n\t\tconst container = this.getPrivate(\"container\")!;\r\n\r\n\t\t// Create list\r\n\t\tconst list = document.createElement(\"ul\");\r\n\t\tlist.className = \"am5stock-control-colors\";\r\n\t\tcontainer.appendChild(list);\r\n\t\tthis.setPrivate(\"list\", list);\r\n\r\n\t\tthis._initItems();\r\n\t}\r\n\r\n\tprotected _initItems(): void {\r\n\t\tconst list = this.getPrivate(\"list\")!;\r\n\t\tlist.innerHTML = \"\";\r\n\r\n\t\tlet cs = this.get(\"colors\");\r\n\t\tif (!cs) {\r\n\t\t\tcs = ColorSet.new(this._root, {});\r\n\t\t}\r\n\t\tconst colors = cs.get(\"colors\", []);\r\n\t\t$array.each(colors, (item) => {\r\n\t\t\tthis.addItem(item);\r\n\t\t});\r\n\t\tthis._initOpacity();\r\n\t}\r\n\r\n\tpublic _beforeChanged() {\r\n\t\tsuper._beforeChanged();\r\n\r\n\t\tif (this.isDirty(\"colors\") || this.isDirty(\"useOpacity\") || this.isPrivateDirty(\"color\") || this.isPrivateDirty(\"opacity\")) {\r\n\t\t\tthis._initItems();\r\n\t\t}\r\n\r\n\t}\r\n\r\n\tprotected _dispose(): void {\r\n\t\tsuper._dispose();\r\n\t}\r\n\r\n\tpublic addItem(color: Color): void {\r\n\t\tconst currentColor = this.getPrivate(\"color\") ? this.getPrivate(\"color\")!.hex : 0;\r\n\t\tconst list = this.getPrivate(\"list\")!;\r\n\t\tconst item = document.createElement(\"li\");\r\n\t\titem.className = \"am5stock-control-color\";\r\n\t\tif (currentColor == color.hex) {\r\n\t\t\titem.className += \" am5stock-control-active\";\r\n\t\t}\r\n\t\titem.style.background = color.toCSS();\r\n\t\tlist.appendChild(item);\r\n\r\n\t\t// Add click event\r\n\t\tthis._disposers.push($utils.addEventListener(item, \"click\", (_ev) => {\r\n\t\t\tthis.hide();\r\n\t\t\tthis.events.dispatch(\"invoked\", {\r\n\t\t\t\ttype: \"invoked\",\r\n\t\t\t\tcolor: color,\r\n\t\t\t\ttarget: this\r\n\t\t\t});\r\n\t\t}));\r\n\t}\r\n\r\n\tprotected _initOpacity(): void {\r\n\t\tif (this.get(\"useOpacity\")) {\r\n\t\t\tconst currentOpacity = this.getPrivate(\"opacity\", 1);\r\n\t\t\tconst list = this.getPrivate(\"list\")!;\r\n\t\t\tconst hr = document.createElement(\"hr\");\r\n\t\t\tlist.appendChild(hr);\r\n\r\n\t\t\tfor (let opacity = 100; opacity >= 0; opacity -= 25) {\r\n\t\t\t\tconst fill = color(0x000000);\r\n\t\t\t\tconst item = document.createElement(\"li\");\r\n\t\t\t\titem.innerHTML = opacity + \"%\";\r\n\t\t\t\titem.className = \"am5stock-control-opacity am5stock-control-opacity-\" + opacity;\r\n\t\t\t\tif (currentOpacity * 100 == opacity) {\r\n\t\t\t\t\titem.className += \" am5stock-control-active\";\r\n\t\t\t\t}\r\n\t\t\t\titem.style.background = fill.toCSS(opacity / 100);\r\n\t\t\t\tlist.appendChild(item);\r\n\r\n\t\t\t\t// Add click event\r\n\t\t\t\tthis._disposers.push($utils.addEventListener(item, \"click\", (_ev) => {\r\n\t\t\t\t\tthis.hide();\r\n\t\t\t\t\tthis.events.dispatch(\"invokedOpacity\", {\r\n\t\t\t\t\t\ttype: \"invokedOpacity\",\r\n\t\t\t\t\t\topacity: opacity / 100,\r\n\t\t\t\t\t\ttarget: this\r\n\t\t\t\t\t});\r\n\t\t\t\t}));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}"]}

package/.internal/charts/stock/toolbar/DropdownList.d.ts

@@ -0,0 +1,52 @@
+import { Dropdown, IDropdownSettings, IDropdownPrivate, IDropdownEvents } from "./Dropdown";
+export interface IDropdownListItem {
+    id: string;
+    label: string;
+    subLabel?: string;
+    className?: string;
+    icon?: SVGElement;
+    form?: "radio" | "checkbox";
+    value?: string;
+    checked?: boolean;
+    options?: IDropdownListItem[];
+}
+export interface IDropdownListSettings extends IDropdownSettings {
+    items?: IDropdownListItem[];
+    maxSearchItems?: number;
+    searchable?: boolean;
+    searchCallback?: (query: string) => Promise<IDropdownListItem[]>;
+}
+export interface IDropdownListPrivate extends IDropdownPrivate {
+    list?: HTMLUListElement;
+    search?: HTMLDivElement;
+    currentId?: string;
+}
+export interface IDropdownListEvents extends IDropdownEvents {
+    invoked: {
+        item: IDropdownListItem;
+    };
+    changed: {
+        item: IDropdownListItem;
+        value: string | boolean;
+    };
+}
+/**
+ * @todo revview
+ */
+export declare class DropdownList extends Dropdown {
+    static className: string;
+    static classNames: Array<string>;
+    _settings: IDropdownListSettings;
+    _privateSettings: IDropdownListPrivate;
+    _events: IDropdownListEvents;
+    protected _afterNew(): void;
+    protected _initElements(): void;
+    protected _initItems(items?: IDropdownListItem[]): void;
+    protected _initSearch(): void;
+    _beforeChanged(): void;
+    protected _dispose(): void;
+    protected _filterItems(search?: string): Promise<void>;
+    addItem(info: IDropdownListItem): void;
+    hide(): void;
+}
+//# sourceMappingURL=DropdownList.d.ts.map

package/.internal/charts/stock/toolbar/DropdownList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DropdownList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAM3F,MAAM,WAAW,iBAAiB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC/D,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC;CACjE;AAGD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC7D,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC3D,OAAO,EAAE;QACR,IAAI,EAAE,iBAAiB,CAAC;KACxB,CAAC;IAEF,OAAO,EAAE;QACR,IAAI,EAAE,iBAAiB,CAAC;QACxB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAA;CACD;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,QAAQ;IACzC,OAAc,SAAS,EAAE,MAAM,CAAkB;IACjD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAwD;IAEhF,SAAS,EAAE,qBAAqB,CAAC;IACjC,gBAAgB,EAAE,oBAAoB,CAAC;IACvC,OAAO,EAAE,mBAAmB,CAAC;IAI5C,SAAS,CAAC,SAAS;IAKnB,SAAS,CAAC,aAAa,IAAI,IAAI;IAoB/B,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,iBAAiB,EAAE,GAAG,IAAI;IAYvD,SAAS,CAAC,WAAW,IAAI,IAAI;IAyBtB,cAAc;IAiBrB,SAAS,CAAC,QAAQ,IAAI,IAAI;cAQV,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM;IAgCrC,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAuFtC,IAAI,IAAI,IAAI;CAoBnB"}

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

@@ -0,0 +1,283 @@
+import { __awaiter, __extends, __generator } from "tslib";
+import { Dropdown } from "./Dropdown";
+//import type { IDisposer } from "../../../core/util/Disposer";
+import * as $array from "../../../core/util/Array";
+import * as $utils from "../../../core/util/Utils";
+/**
+ * @todo revview
+ */
+var DropdownList = /** @class */ (function (_super) {
+    __extends(DropdownList, _super);
+    function DropdownList() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    // private _itemDisposers: Array<IDisposer> = [];
+    Object.defineProperty(DropdownList.prototype, "_afterNew", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._afterNew.call(this);
+            this._root.addDisposer(this);
+        }
+    });
+    Object.defineProperty(DropdownList.prototype, "_initElements", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._initElements.call(this);
+            // Create container
+            var container = this.getPrivate("container");
+            // Init search
+            if (this.get("searchable")) {
+                this._initSearch();
+            }
+            // Create list
+            var list = document.createElement("ul");
+            list.className = "am5stock-control-list";
+            container.appendChild(list);
+            this.setPrivate("list", list);
+            this._initItems();
+        }
+    });
+    Object.defineProperty(DropdownList.prototype, "_initItems", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (items) {
+            var _this = this;
+            var list = this.getPrivate("list");
+            list.innerHTML = "";
+            if (!items) {
+                items = this.get("items", []);
+            }
+            $array.each(items, function (item) {
+                _this.addItem(item);
+            });
+        }
+    });
+    Object.defineProperty(DropdownList.prototype, "_initSearch", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _this = this;
+            var searchBox = this.getPrivate("search");
+            if (this.get("searchable")) {
+                if (!searchBox) {
+                    var container = this.getPrivate("container");
+                    searchBox = document.createElement("div");
+                    searchBox.className = "am5stock-list-search";
+                    container.appendChild(searchBox);
+                    this.setPrivate("search", searchBox);
+                    var input_1 = document.createElement("input");
+                    input_1.type = "text";
+                    input_1.placeholder = this._root.language.translateAny("Search");
+                    searchBox.appendChild(input_1);
+                    this._disposers.push($utils.addEventListener(input_1, "input", function (_ev) {
+                        _this._filterItems(input_1.value);
+                    }));
+                }
+            }
+            else if (searchBox) {
+                searchBox.style.display = "none";
+            }
+        }
+    });
+    Object.defineProperty(DropdownList.prototype, "_beforeChanged", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._beforeChanged.call(this);
+            if (this.isDirty("items")) {
+                this._initItems();
+            }
+            if (this.isDirty("searchable")) {
+                this._initSearch();
+            }
+            if (this.isPrivateDirty("currentId")) {
+                // @todo
+            }
+        }
+    });
+    Object.defineProperty(DropdownList.prototype, "_dispose", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._dispose.call(this);
+            // $array.each(this._itemDisposers, (x) => {
+            // 	x.dispose();
+            // });
+        }
+    });
+    Object.defineProperty(DropdownList.prototype, "_filterItems", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (search) {
+            return __awaiter(this, void 0, void 0, function () {
+                var searchCallback, maxItems, items, list, items;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            searchCallback = this.get("searchCallback");
+                            if (!(searchCallback && search)) return [3 /*break*/, 2];
+                            maxItems = this.get("maxSearchItems", 1000);
+                            return [4 /*yield*/, searchCallback.call(this, search)];
+                        case 1:
+                            items = _a.sent();
+                            if (maxItems && (items.length > maxItems)) {
+                                items = items.slice(0, maxItems - 1);
+                                items.push({
+                                    id: "",
+                                    className: "am5stock-list-info",
+                                    label: this._root.language.translateAny("Seach results are limited to %1.", undefined, "" + maxItems)
+                                });
+                            }
+                            this._initItems(items);
+                            return [3 /*break*/, 3];
+                        case 2:
+                            list = this.getPrivate("list");
+                            if (list) {
+                                items = list.getElementsByTagName("li");
+                                $array.each(items, function (item) {
+                                    var regex = new RegExp(search || "", "i");
+                                    if (!search || item.innerText.match(regex)) {
+                                        item.style.display = "";
+                                    }
+                                    else {
+                                        item.style.display = "none";
+                                    }
+                                });
+                            }
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(DropdownList.prototype, "addItem", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (info) {
+            var _this = this;
+            var list = this.getPrivate("list");
+            var item = document.createElement("li");
+            item.className = "am5stock-list-item";
+            if (info.className) {
+                item.className += " " + info.className;
+            }
+            if (info.icon) {
+                item.appendChild(info.icon);
+            }
+            var inputId;
+            ;
+            if (info.form) {
+                var input_2 = document.createElement("input");
+                inputId = "am5stock-list-" + info.id;
+                input_2.type = info.form;
+                if (info.value) {
+                    input_2.value = info.value;
+                }
+                if (info.form == "radio") {
+                    input_2.name = info.id;
+                    inputId += "-" + info.value;
+                }
+                if (info.checked) {
+                    input_2.checked = true;
+                }
+                input_2.id = inputId;
+                // this._disposers.push($utils.addEventListener(input, "change", (ev) => {
+                // 	console.log("change")
+                // 	ev.preventDefault();
+                // 	this.events.dispatch("changed", {
+                // 		type: "changed",
+                // 		item: info,
+                // 		value: input.checked,
+                // 		checked: input.checked,
+                // 		target: this
+                // 	});
+                // }));
+                this._disposers.push($utils.addEventListener(item, "click", function (ev) {
+                    //ev.preventDefault();
+                    if (ev.target !== input_2) {
+                        input_2.checked = !input_2.checked;
+                    }
+                    _this.events.dispatch("changed", {
+                        type: "changed",
+                        item: info,
+                        value: input_2.checked,
+                        checked: input_2.checked,
+                        target: _this
+                    });
+                }));
+                item.appendChild(input_2);
+            }
+            var label = document.createElement("label");
+            label.innerHTML = info.label;
+            if (info.label == "") {
+                label.style.display = "none";
+            }
+            item.appendChild(label);
+            if (info.subLabel) {
+                var subLabel = document.createElement("label");
+                subLabel.className = "am5stock-list-sub";
+                subLabel.innerHTML = info.subLabel;
+                item.appendChild(subLabel);
+            }
+            list.appendChild(item);
+            // Add click event
+            this._disposers.push($utils.addEventListener(item, "click", function (_ev) {
+                _this.hide();
+                _this.events.dispatch("invoked", {
+                    type: "invoked",
+                    item: info,
+                    target: _this
+                });
+            }));
+        }
+    });
+    Object.defineProperty(DropdownList.prototype, "hide", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype.hide.call(this);
+            this._filterItems();
+            var searchBox = this.getPrivate("search");
+            if (searchBox) {
+                var inputs = searchBox.getElementsByTagName("input");
+                var isCustomSearch_1 = false;
+                $array.each(inputs, function (input) {
+                    if (input.value !== "") {
+                        isCustomSearch_1 = true;
+                        input.value = "";
+                    }
+                });
+                if (this.get("searchCallback") && isCustomSearch_1) {
+                    this._initItems();
+                }
+            }
+        }
+    });
+    Object.defineProperty(DropdownList, "className", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: "DropdownList"
+    });
+    Object.defineProperty(DropdownList, "classNames", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: Dropdown.classNames.concat([DropdownList.className])
+    });
+    return DropdownList;
+}(Dropdown));
+export { DropdownList };
+//# sourceMappingURL=DropdownList.js.map

package/.internal/charts/stock/toolbar/DropdownList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DropdownList.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dropdown, IDropdownSettings, IDropdownPrivate, IDropdownEvents } from \"./Dropdown\"\r\n//import type { IDisposer } from \"../../../core/util/Disposer\";\r\n\r\nimport * as $array from \"../../../core/util/Array\";\r\nimport * as $utils from \"../../../core/util/Utils\";\r\n\r\nexport interface IDropdownListItem {\r\n\tid: string;\r\n\tlabel: string;\r\n\tsubLabel?: string;\r\n\tclassName?: string;\r\n\ticon?: SVGElement;\r\n\tform?: \"radio\" | \"checkbox\";\r\n\tvalue?: string;\r\n\tchecked?: boolean;\r\n\toptions?: IDropdownListItem[];\r\n}\r\n\r\nexport interface IDropdownListSettings extends IDropdownSettings {\r\n\titems?: IDropdownListItem[];\r\n\tmaxSearchItems?: number;\r\n\tsearchable?: boolean;\r\n\tsearchCallback?: (query: string) => Promise<IDropdownListItem[]>;\r\n}\r\n\r\n\r\nexport interface IDropdownListPrivate extends IDropdownPrivate {\r\n\tlist?: HTMLUListElement;\r\n\tsearch?: HTMLDivElement;\r\n\tcurrentId?: string;\r\n}\r\n\r\nexport interface IDropdownListEvents extends IDropdownEvents {\r\n\tinvoked: {\r\n\t\titem: IDropdownListItem;\r\n\t};\r\n\r\n\tchanged: {\r\n\t\titem: IDropdownListItem;\r\n\t\tvalue: string | boolean;\r\n\t}\r\n}\r\n\r\n/**\r\n * @todo revview\r\n */\r\nexport class DropdownList extends Dropdown {\r\n\tpublic static className: string = \"DropdownList\";\r\n\tpublic static classNames: Array<string> = Dropdown.classNames.concat([DropdownList.className]);\r\n\r\n\tdeclare public _settings: IDropdownListSettings;\r\n\tdeclare public _privateSettings: IDropdownListPrivate;\r\n\tdeclare public _events: IDropdownListEvents;\r\n\r\n\t// private _itemDisposers: Array<IDisposer> = [];\r\n\r\n\tprotected _afterNew() {\r\n\t\tsuper._afterNew();\r\n\t\tthis._root.addDisposer(this);\r\n\t}\r\n\r\n\tprotected _initElements(): void {\r\n\t\tsuper._initElements();\r\n\r\n\t\t// Create container\r\n\t\tconst container = this.getPrivate(\"container\")!;\r\n\r\n\t\t// Init search\r\n\t\tif (this.get(\"searchable\")) {\r\n\t\t\tthis._initSearch();\r\n\t\t}\r\n\r\n\t\t// Create list\r\n\t\tconst list = document.createElement(\"ul\");\r\n\t\tlist.className = \"am5stock-control-list\";\r\n\t\tcontainer.appendChild(list);\r\n\t\tthis.setPrivate(\"list\", list);\r\n\r\n\t\tthis._initItems();\r\n\t}\r\n\r\n\tprotected _initItems(items?: IDropdownListItem[]): void {\r\n\t\tconst list = this.getPrivate(\"list\")!;\r\n\t\tlist.innerHTML = \"\";\r\n\r\n\t\tif (!items) {\r\n\t\t\titems = this.get(\"items\", []);\r\n\t\t}\r\n\t\t$array.each(items, (item) => {\r\n\t\t\tthis.addItem(item);\r\n\t\t});\r\n\t}\r\n\r\n\tprotected _initSearch(): void {\r\n\t\tlet searchBox = this.getPrivate(\"search\");\r\n\t\tif (this.get(\"searchable\")) {\r\n\t\t\tif (!searchBox) {\r\n\t\t\t\tconst container = this.getPrivate(\"container\")!;\r\n\t\t\t\tsearchBox = document.createElement(\"div\");\r\n\t\t\t\tsearchBox.className = \"am5stock-list-search\";\r\n\t\t\t\tcontainer.appendChild(searchBox);\r\n\t\t\t\tthis.setPrivate(\"search\", searchBox);\r\n\r\n\t\t\t\tconst input = document.createElement(\"input\");\r\n\t\t\t\tinput.type = \"text\";\r\n\t\t\t\tinput.placeholder = this._root.language.translateAny(\"Search\");\r\n\t\t\t\tsearchBox.appendChild(input);\r\n\r\n\t\t\t\tthis._disposers.push($utils.addEventListener(input, \"input\", (_ev) => {\r\n\t\t\t\t\tthis._filterItems(input.value);\r\n\t\t\t\t}));\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (searchBox) {\r\n\t\t\tsearchBox.style.display = \"none\";\r\n\t\t}\r\n\t}\r\n\r\n\tpublic _beforeChanged() {\r\n\t\tsuper._beforeChanged();\r\n\r\n\t\tif (this.isDirty(\"items\")) {\r\n\t\t\tthis._initItems();\r\n\t\t}\r\n\r\n\t\tif (this.isDirty(\"searchable\")) {\r\n\t\t\tthis._initSearch();\r\n\t\t}\r\n\r\n\t\tif (this.isPrivateDirty(\"currentId\")) {\r\n\t\t\t// @todo\r\n\t\t}\r\n\r\n\t}\r\n\r\n\tprotected _dispose(): void {\r\n\t\tsuper._dispose();\r\n\r\n\t\t// $array.each(this._itemDisposers, (x) => {\r\n\t\t// \tx.dispose();\r\n\t\t// });\r\n\t}\r\n\r\n\tprotected async _filterItems(search?: string) {\r\n\t\tconst searchCallback = this.get(\"searchCallback\");\r\n\t\tif (searchCallback && search) {\r\n\t\t\tconst maxItems = this.get(\"maxSearchItems\", 1000);\r\n\t\t\tlet items = await searchCallback.call(this, search);\r\n\t\t\tif (maxItems && (items.length > maxItems)) {\r\n\t\t\t\titems = items.slice(0, maxItems - 1);\r\n\t\t\t\titems.push({\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tclassName: \"am5stock-list-info\",\r\n\t\t\t\t\tlabel: this._root.language.translateAny(\"Seach results are limited to %1.\", undefined, \"\" + maxItems)\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tthis._initItems(items);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconst list = this.getPrivate(\"list\");\r\n\t\t\tif (list) {\r\n\t\t\t\tconst items = list.getElementsByTagName(\"li\");\r\n\t\t\t\t$array.each(items, (item) => {\r\n\t\t\t\t\tconst regex = new RegExp(search || \"\", \"i\");\r\n\t\t\t\t\tif (!search || item.innerText.match(regex)) {\r\n\t\t\t\t\t\titem.style.display = \"\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\titem.style.display = \"none\";\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tpublic addItem(info: IDropdownListItem): void {\r\n\t\tconst list = this.getPrivate(\"list\")!;\r\n\t\tconst item = document.createElement(\"li\");\r\n\t\titem.className = \"am5stock-list-item\";\r\n\r\n\t\tif (info.className) {\r\n\t\t\titem.className += \" \" + info.className;\r\n\t\t}\r\n\r\n\t\tif (info.icon) {\r\n\t\t\titem.appendChild(info.icon);\r\n\t\t}\r\n\r\n\t\tlet inputId: string | undefined;;\r\n\t\tif (info.form) {\r\n\t\t\tconst input: HTMLInputElement = document.createElement(\"input\");\r\n\t\t\tinputId = \"am5stock-list-\" + info.id;\r\n\t\t\tinput.type = info.form;\r\n\t\t\tif (info.value) {\r\n\t\t\t\tinput.value = info.value;\r\n\t\t\t}\r\n\t\t\tif (info.form == \"radio\") {\r\n\t\t\t\tinput.name = info.id;\r\n\t\t\t\tinputId +=  \"-\" + info.value;\r\n\t\t\t}\r\n\t\t\tif (info.checked) {\r\n\t\t\t\tinput.checked = true;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tinput.id = inputId;\r\n\r\n\t\t\t// this._disposers.push($utils.addEventListener(input, \"change\", (ev) => {\r\n\t\t\t// \tconsole.log(\"change\")\r\n\t\t\t// \tev.preventDefault();\r\n\t\t\t// \tthis.events.dispatch(\"changed\", {\r\n\t\t\t// \t\ttype: \"changed\",\r\n\t\t\t// \t\titem: info,\r\n\t\t\t// \t\tvalue: input.checked,\r\n\t\t\t// \t\tchecked: input.checked,\r\n\t\t\t// \t\ttarget: this\r\n\t\t\t// \t});\r\n\t\t\t// }));\r\n\r\n\t\t\tthis._disposers.push($utils.addEventListener(item, \"click\", (ev) => {\r\n\t\t\t\t//ev.preventDefault();\r\n\t\t\t\tif (ev.target !== input) {\r\n\t\t\t\t\tinput.checked = !input.checked;\r\n\t\t\t\t}\r\n\t\t\t\tthis.events.dispatch(\"changed\", {\r\n\t\t\t\t\ttype: \"changed\",\r\n\t\t\t\t\titem: info,\r\n\t\t\t\t\tvalue: input.checked,\r\n\t\t\t\t\tchecked: input.checked,\r\n\t\t\t\t\ttarget: this\r\n\t\t\t\t});\r\n\t\t\t}));\r\n\r\n\t\t\titem.appendChild(input);\r\n\t\t}\r\n\r\n\t\tconst label = document.createElement(\"label\");\r\n\t\tlabel.innerHTML = info.label;\r\n\t\tif (info.label == \"\") {\r\n\t\t\tlabel.style.display = \"none\";\r\n\t\t}\r\n\t\titem.appendChild(label);\r\n\r\n\t\tif (info.subLabel) {\r\n\t\t\tconst subLabel = document.createElement(\"label\");\r\n\t\t\tsubLabel.className = \"am5stock-list-sub\";\r\n\t\t\tsubLabel.innerHTML = info.subLabel;\r\n\t\t\titem.appendChild(subLabel);\r\n\t\t}\r\n\r\n\t\tlist.appendChild(item);\r\n\r\n\t\t// Add click event\r\n\t\tthis._disposers.push($utils.addEventListener(item, \"click\", (_ev) => {\r\n\t\t\tthis.hide();\r\n\t\t\tthis.events.dispatch(\"invoked\", {\r\n\t\t\t\ttype: \"invoked\",\r\n\t\t\t\titem: info,\r\n\t\t\t\ttarget: this\r\n\t\t\t});\r\n\t\t}));\r\n\t}\r\n\r\n\tpublic hide(): void {\r\n\t\tsuper.hide();\r\n\t\tthis._filterItems();\r\n\t\tlet searchBox = this.getPrivate(\"search\");\r\n\t\tif (searchBox) {\r\n\t\t\tconst inputs = searchBox.getElementsByTagName(\"input\");\r\n\t\t\tlet isCustomSearch = false;\r\n\t\t\t$array.each(inputs, (input) => {\r\n\t\t\t\tif (input.value !== \"\") {\r\n\t\t\t\t\tisCustomSearch = true;\r\n\t\t\t\t\tinput.value = \"\";\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (this.get(\"searchCallback\") && isCustomSearch) {\r\n\t\t\t\tthis._initItems();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}"]}

package/.internal/charts/stock/toolbar/DropdownListControl.d.ts

@@ -0,0 +1,34 @@
+import { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from "./StockControl";
+import { DropdownList, IDropdownListItem } from "./DropdownList";
+export interface IDropdownListControlSettings extends IStockControlSettings {
+    currentItem?: string | IDropdownListItem;
+    fixedLabel?: boolean;
+    items?: Array<string | IDropdownListItem>;
+    maxSearchItems?: number;
+    searchable?: boolean;
+    searchCallback?: (query: string) => IDropdownListItem[];
+}
+export interface IDropdownListControlPrivate extends IStockControlPrivate {
+    dropdown?: DropdownList;
+}
+export interface IDropdownListControlEvents extends IStockControlEvents {
+    selected: {
+        item: string | IDropdownListItem;
+    };
+}
+/**
+ * @todo review
+ */
+export declare class DropdownListControl extends StockControl {
+    static className: string;
+    static classNames: Array<string>;
+    _settings: IDropdownListControlSettings;
+    _privateSettings: IDropdownListControlPrivate;
+    _events: IDropdownListControlEvents;
+    protected _afterNew(): void;
+    protected _initElements(): void;
+    setItem(item: string | IDropdownListItem): void;
+    _beforeChanged(): void;
+    protected _dispose(): void;
+}
+//# sourceMappingURL=DropdownListControl.d.ts.map

package/.internal/charts/stock/toolbar/DropdownListControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListControl.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DropdownListControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKjE,MAAM,WAAW,4BAA6B,SAAQ,qBAAqB;IAC1E,WAAW,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,iBAAiB,EAAE,CAAC;CACxD;AAED,MAAM,WAAW,2BAA4B,SAAQ,oBAAoB;IACxE,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,0BAA2B,SAAQ,mBAAmB;IACtE,QAAQ,EAAE;QACT,IAAI,EAAE,MAAM,GAAG,iBAAiB,CAAC;KACjC,CAAC;CACF;AAED;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,YAAY;IACpD,OAAc,SAAS,EAAE,MAAM,CAAyB;IACxD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAmE;IAE3F,SAAS,EAAE,4BAA4B,CAAC;IACxC,gBAAgB,EAAE,2BAA2B,CAAC;IAC9C,OAAO,EAAE,0BAA0B,CAAC;IAEnD,SAAS,CAAC,SAAS;IAQnB,SAAS,CAAC,aAAa,IAAI,IAAI;IAuExB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,iBAAiB,GAAG,IAAI;IA6B/C,cAAc;IA0BrB,SAAS,CAAC,QAAQ,IAAI,IAAI;CAK1B"}