@amcharts/amcharts5 5.2.49 → 5.3.0

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

@@ -1,4 +1,4 @@
-import { __awaiter, __extends, __generator } from "tslib";
+import { __awaiter } from "tslib";
 import { Dropdown } from "./Dropdown";
 //import type { IDisposer } from "../../../core/util/Disposer";
 import * as $array from "../../../core/util/Array";
@@ -6,273 +6,210 @@ 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;
-    }
+export class DropdownList extends Dropdown {
     // 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);
+    _afterNew() {
+        super._afterNew();
+        this._root.addDisposer(this);
+    }
+    _initElements() {
+        super._initElements();
+        // Create container
+        const container = this.getPrivate("container");
+        // Init search
+        if (this.get("searchable")) {
+            this._initSearch();
+        }
+        // Create list
+        const list = document.createElement("ul");
+        list.className = "am5stock-control-list";
+        container.appendChild(list);
+        this.setPrivate("list", list);
+        this._initItems();
+    }
+    _initItems(items) {
+        const list = this.getPrivate("list");
+        list.innerHTML = "";
+        if (!items) {
+            items = this.get("items", []);
         }
-    });
-    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();
+        $array.each(items, (item) => {
+            this.addItem(item);
+        });
+    }
+    _initSearch() {
+        let searchBox = this.getPrivate("search");
+        if (this.get("searchable")) {
+            if (!searchBox) {
+                const container = this.getPrivate("container");
+                searchBox = document.createElement("div");
+                searchBox.className = "am5stock-list-search";
+                container.appendChild(searchBox);
+                this.setPrivate("search", searchBox);
+                const input = document.createElement("input");
+                input.type = "text";
+                input.placeholder = this._root.language.translateAny("Search");
+                searchBox.appendChild(input);
+                this._disposers.push($utils.addEventListener(input, "input", (_ev) => {
+                    this._filterItems(input.value);
+                }));
             }
-            // Create list
-            var list = document.createElement("ul");
-            list.className = "am5stock-control-list";
-            container.appendChild(list);
-            this.setPrivate("list", list);
+        }
+        else if (searchBox) {
+            searchBox.style.display = "none";
+        }
+    }
+    _beforeChanged() {
+        super._beforeChanged();
+        if (this.isDirty("items")) {
             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);
-            });
+        if (this.isDirty("searchable")) {
+            this._initSearch();
+        }
+        if (this.isPrivateDirty("currentId")) {
+            // @todo
         }
-    });
-    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);
-                    }));
+    }
+    _dispose() {
+        super._dispose();
+        // $array.each(this._itemDisposers, (x) => {
+        // 	x.dispose();
+        // });
+    }
+    _filterItems(search) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const searchCallback = this.get("searchCallback");
+            if (searchCallback && search) {
+                const maxItems = this.get("maxSearchItems", 1000);
+                let items = yield searchCallback.call(this, search);
+                if (maxItems && (items.length > maxItems)) {
+                    items = items.slice(0, maxItems - 1);
+                    items.push({
+                        id: "",
+                        className: "am5stock-list-info",
+                        label: this._root.language.translateAny("Search results are limited to %1.", undefined, "" + maxItems)
+                    });
                 }
+                this._initItems(items);
             }
-            else if (searchBox) {
-                searchBox.style.display = "none";
+            else {
+                const list = this.getPrivate("list");
+                if (list) {
+                    const items = list.getElementsByTagName("li");
+                    $array.each(items, (item) => {
+                        const regex = new RegExp(search || "", "i");
+                        if (!search || item.innerText.match(regex)) {
+                            item.style.display = "";
+                        }
+                        else {
+                            item.style.display = "none";
+                        }
+                    });
+                }
             }
+        });
+    }
+    addItem(info) {
+        const list = this.getPrivate("list");
+        const item = document.createElement("li");
+        item.className = "am5stock-list-item";
+        item.setAttribute("title", info.subLabel || info.label);
+        if (info.className) {
+            item.className += " " + info.className;
         }
-    });
-    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 (info.icon) {
+            item.appendChild(info.icon);
+        }
+        let inputId;
+        ;
+        if (info.form) {
+            const input = document.createElement("input");
+            inputId = "am5stock-list-" + info.id;
+            input.type = info.form;
+            if (info.value) {
+                input.value = info.value;
             }
-            if (this.isDirty("searchable")) {
-                this._initSearch();
+            if (info.form == "radio") {
+                input.name = info.id;
+                inputId += "-" + info.value;
             }
-            if (this.isPrivateDirty("currentId")) {
-                // @todo
+            if (info.checked) {
+                input.checked = true;
             }
+            input.id = inputId;
+            this._disposers.push($utils.addEventListener(item, "click", (ev) => {
+                //ev.preventDefault();
+                if (ev.target !== input) {
+                    input.checked = !input.checked;
+                }
+                this.events.dispatch("changed", {
+                    type: "changed",
+                    item: info,
+                    value: input.checked,
+                    checked: input.checked,
+                    target: this
+                });
+            }));
+            item.appendChild(input);
         }
-    });
-    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();
-            // });
+        const label = document.createElement("label");
+        label.innerHTML = info.label;
+        if (info.label == "") {
+            label.style.display = "none";
         }
-    });
-    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("Search 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*/];
-                    }
-                });
-            });
+        item.appendChild(label);
+        if (info.subLabel) {
+            const subLabel = document.createElement("label");
+            subLabel.className = "am5stock-list-sub";
+            subLabel.innerHTML = info.subLabel;
+            item.appendChild(subLabel);
         }
-    });
-    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";
-            item.setAttribute("title", info.subLabel || info.label);
-            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(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
-            if (info.disabled) {
-                item.className += " am5stock-disabled";
-            }
-            else {
-                this._disposers.push($utils.addEventListener(item, "click", function (_ev) {
-                    _this.hide();
-                    _this.events.dispatch("invoked", {
-                        type: "invoked",
-                        item: info,
-                        target: _this
-                    });
-                }));
-            }
+        list.appendChild(item);
+        // Add click event
+        if (info.disabled) {
+            item.className += " am5stock-disabled";
         }
-    });
-    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 = "";
-                    }
+        else {
+            this._disposers.push($utils.addEventListener(item, "click", (_ev) => {
+                this.hide();
+                this.events.dispatch("invoked", {
+                    type: "invoked",
+                    item: info,
+                    target: this
                 });
-                if (this.get("searchCallback") && isCustomSearch_1) {
-                    this._initItems();
+            }));
+        }
+    }
+    hide() {
+        super.hide();
+        this._filterItems();
+        let searchBox = this.getPrivate("search");
+        if (searchBox) {
+            const inputs = searchBox.getElementsByTagName("input");
+            let isCustomSearch = false;
+            $array.each(inputs, (input) => {
+                if (input.value !== "") {
+                    isCustomSearch = true;
+                    input.value = "";
                 }
+            });
+            if (this.get("searchCallback") && isCustomSearch) {
+                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 };
+    }
+}
+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])
+});
 //# sourceMappingURL=DropdownList.js.map

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

@@ -1 +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\tdisabled?: boolean;\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(\"Search 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\t\titem.setAttribute(\"title\", info.subLabel || info.label);\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\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\tif (info.disabled) {\r\n\t\t\titem.className += \" am5stock-disabled\";\r\n\t\t}\r\n\t\telse {\r\n\t\t\tthis._disposers.push($utils.addEventListener(item, \"click\", (_ev) => {\r\n\t\t\t\tthis.hide();\r\n\t\t\t\tthis.events.dispatch(\"invoked\", {\r\n\t\t\t\t\ttype: \"invoked\",\r\n\t\t\t\t\titem: info,\r\n\t\t\t\t\ttarget: this\r\n\t\t\t\t});\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}"]}
+{"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\tdisabled?: boolean;\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(\"Search 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\t\titem.setAttribute(\"title\", info.subLabel || info.label);\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\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\tif (info.disabled) {\r\n\t\t\titem.className += \" am5stock-disabled\";\r\n\t\t}\r\n\t\telse {\r\n\t\t\tthis._disposers.push($utils.addEventListener(item, \"click\", (_ev) => {\r\n\t\t\t\tthis.hide();\r\n\t\t\t\tthis.events.dispatch(\"invoked\", {\r\n\t\t\t\t\ttype: \"invoked\",\r\n\t\t\t\t\titem: info,\r\n\t\t\t\t\ttarget: this\r\n\t\t\t\t});\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}"]}