npm - @amcharts/amcharts5 - Versions diffs - 5.7.5 → 5.7.7 - Mend

@amcharts/amcharts5 5.7.5 → 5.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (237) hide show

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

	@@ -1 +1 @@
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 A dropdown used for color picker control.\r\n \r\n Should not be used as standalone control.\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}"]}
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 A dropdown used for color picker control.\r\n \r\n Should not be used as standalone control.\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._setupKeyboardNav();\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\tthis._maybeMakeAccessible();\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\tif (this.isDirty(\"control\")) {\r\n\t\t\tthis._maybeMakeAccessible();\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\tprotected _setupKeyboardNav(): void {\r\n\t\tif ($utils.supports(\"keyboardevents\")) {\r\n\t\t\tconst button = this.get(\"control\").getPrivate(\"button\")!;\r\n\t\t\tthis._disposers.push($utils.addEventListener(document, \"keydown\", (ev: KeyboardEvent) => {\r\n\t\t\t\tif (this.isAccessible()) {\r\n\t\t\t\t\tif (document.activeElement && (document.activeElement === button \|\| $utils.contains(button, document.activeElement))) {\r\n\t\t\t\t\t\tif (ev.keyCode == 13) {\r\n\t\t\t\t\t\t\t// ENTER\r\n\t\t\t\t\t\t\tif (document.activeElement !== button) {\r\n\t\t\t\t\t\t\t\t(document.activeElement as HTMLElement).click();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if ([37, 38, 39, 40].indexOf(ev.keyCode) !== -1) {\r\n\t\t\t\t\t\t\tconst dir = ev.keyCode == 37 \|\| ev.keyCode == 38 ? -1 : 1;\r\n\t\t\t\t\t\t\tconst items = this._getActiveItems();\r\n\t\t\t\t\t\t\tconst selected = button.querySelectorAll(\".am5stock-control-color:focus, .am5stock-control-opacity:focus\");\r\n\t\t\t\t\t\t\tlet index: number = -1;\r\n\t\t\t\t\t\t\tif (selected.length > 0) {\r\n\t\t\t\t\t\t\t\titems.forEach((item, key) => {\r\n\t\t\t\t\t\t\t\t\tif (item === selected.item(0)) {\r\n\t\t\t\t\t\t\t\t\t\tindex = key;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tindex += dir;\r\n\t\t\t\t\t\t\tif (index < 0) {\r\n\t\t\t\t\t\t\t\tindex = items.length - 1;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if (index >= items.length) {\r\n\t\t\t\t\t\t\t\tindex = 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t$utils.focus(items.item(index) as HTMLElement);\r\n\t\t\t\t\t\t}\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\tprotected _maybeMakeAccessible(): void {\r\n\t\tsuper._maybeMakeAccessible();\r\n\t\tif (this.isAccessible()) {\r\n\t\t\t//const tabindex = this._root.tabindex.toString();\r\n\t\t\t//const list = this.getPrivate(\"list\")!;\r\n\t\t\tconst items = this._getActiveItems();\r\n\t\t\titems.forEach((item, key) => {\r\n\t\t\t\t(item as HTMLElement).setAttribute(\"tabindex\", \"-1\");\r\n\t\t\t\t(item as HTMLElement).setAttribute(\"aria-label\", this.root.language.translateAny(\"Selection\") + \" #\" + (key + 1));\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tprotected _getActiveItems(): NodeList {\r\n\t\treturn this.getPrivate(\"list\")!.querySelectorAll(\".am5stock-control-color, .am5stock-control-opacity\");\r\n\t}\r\n\r\n}"]}

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

@@ -61,6 +61,7 @@ export declare class DropdownList extends Dropdown {
     _settings: IDropdownListSettings;
     _privateSettings: IDropdownListPrivate;
     _events: IDropdownListEvents;
+    private _currentSelectedIndex?;
     protected _afterNew(): void;
     protected _initElements(): void;
     protected _sizeItems(): void;
@@ -79,5 +80,8 @@ export declare class DropdownList extends Dropdown {
     protected _filterItems(search?: string): Promise<void>;
     addItem(info: IDropdownListItem): void;
     hide(): void;
+    protected _setupKeyboardNav(): void;
+    protected _maybeMakeAccessible(): void;
+    protected _getActiveItems(): NodeList;
 }
 //# sourceMappingURL=DropdownList.d.ts.map

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

	@@ -1 +1 @@
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;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAE/D;;OAEG;IACH,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAEjE;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CAEnB;AAED,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;;;;GAIG;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;IAqB/B,SAAS,CAAC,UAAU,IAAI,IAAI;IAQ5B;;;;;;OAMG;IACI,WAAW,IAAI,IAAI;IAI1B,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,iBAAiB,EAAE,GAAG,IAAI;~~IAoBvD~~,SAAS,CAAC,WAAW,IAAI,IAAI;~~IAyBtB~~,cAAc;~~IAiBrB~~,SAAS,CAAC,QAAQ,IAAI,IAAI;cAQV,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM;IAmCrC,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;~~IAqFtC~~,IAAI,IAAI,IAAI;~~CAoBnB~~"}
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;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAE/D;;OAEG;IACH,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAEjE;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CAEnB;AAED,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;;;;GAIG;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;IAE5C,OAAO,CAAC,qBAAqB,CAAC,CAAS;IAIvC,SAAS,CAAC,SAAS;IAMnB,SAAS,CAAC,aAAa,IAAI,IAAI;IAqB/B,SAAS,CAAC,UAAU,IAAI,IAAI;IAQ5B;;;;;;OAMG;IACI,WAAW,IAAI,IAAI;IAI1B,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,iBAAiB,EAAE,GAAG,IAAI;IAsBvD,SAAS,CAAC,WAAW,IAAI,IAAI;IA6BtB,cAAc;IAqBrB,SAAS,CAAC,QAAQ,IAAI,IAAI;cAQV,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM;IAmCrC,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAsFtC,IAAI,IAAI,IAAI;IAsBnB,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAwCnC,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAatC,SAAS,CAAC,eAAe,IAAI,QAAQ;CAIrC"}

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

@@ -9,9 +9,19 @@ import * as $utils from "../../../core/util/Utils";
  * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/dropdown-list-control/} for more info
  */
 export class DropdownList extends Dropdown {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "_currentSelectedIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
     // private _itemDisposers: Array<IDisposer> = [];
     _afterNew() {
         super._afterNew();
+        this._setupKeyboardNav();
         this._root.addDisposer(this);
     }
     _initElements() {
@@ -61,6 +71,7 @@ export class DropdownList extends Dropdown {
         if (this.get("scrollable")) {
             this._sizeItems();
         }
+        this._maybeMakeAccessible();
     }
     _initSearch() {
         let searchBox = this.getPrivate("search");
@@ -78,6 +89,9 @@ export class DropdownList extends Dropdown {
                 this._disposers.push($utils.addEventListener(input, "input", (_ev) => {
                     this._filterItems(input.value);
                 }));
+                this._disposers.push($utils.addEventListener(input, "focus", (_ev) => {
+                    this._currentSelectedIndex = undefined;
+                }));
             }
         }
         else if (searchBox) {
@@ -95,6 +109,9 @@ export class DropdownList extends Dropdown {
         if (this.isPrivateDirty("currentId")) {
             // @todo
         }
+        if (this.isDirty("control")) {
+            this._maybeMakeAccessible();
+        }
     }
     _dispose() {
         super._dispose();
@@ -154,6 +171,7 @@ export class DropdownList extends Dropdown {
             const input = document.createElement("input");
             inputId = "am5stock-list-" + info.id;
             input.type = info.form;
+            input.setAttribute("tabindex", "-1");
             if (info.value) {
                 input.value = info.value;
             }
@@ -228,6 +246,60 @@ export class DropdownList extends Dropdown {
                 this._initItems();
             }
         }
+        this._currentSelectedIndex = undefined;
+    }
+    _setupKeyboardNav() {
+        if ($utils.supports("keyboardevents")) {
+            const button = this.get("control").getPrivate("button");
+            this._disposers.push($utils.addEventListener(document, "keydown", (ev) => {
+                if (this.isAccessible()) {
+                    if (document.activeElement && (document.activeElement === button || $utils.contains(button, document.activeElement))) {
+                        if (ev.keyCode == 13) {
+                            // ENTER
+                            if (document.activeElement !== button) {
+                                document.activeElement.click();
+                            }
+                        }
+                        else if (ev.keyCode == 38 || ev.keyCode == 40) {
+                            const dir = ev.keyCode == 38 ? -1 : 1;
+                            let index = this._currentSelectedIndex;
+                            if (index === undefined) {
+                                index = 0;
+                            }
+                            else {
+                                index += dir;
+                            }
+                            const items = this._getActiveItems();
+                            if (index < 0) {
+                                index = items.length - 1;
+                            }
+                            else if (index >= items.length) {
+                                index = 0;
+                            }
+                            this.setTimeout(() => {
+                                $utils.focus(items.item(index));
+                                this._currentSelectedIndex = index;
+                            }, 15);
+                        }
+                    }
+                }
+            }));
+        }
+    }
+    _maybeMakeAccessible() {
+        super._maybeMakeAccessible();
+        if (this.isAccessible()) {
+            //const tabindex = this._root.tabindex.toString();
+            //const list = this.getPrivate("list")!;
+            const items = this._getActiveItems();
+            items.forEach((item) => {
+                item.setAttribute("tabindex", "-1");
+                item.setAttribute("aria-label", item.getAttribute("title") || "");
+            });
+        }
+    }
+    _getActiveItems() {
+        return this.getPrivate("list").querySelectorAll(".am5stock-list-item:not(.am5stock-list-info, .am5stock-list-heading, .am5stock-disabled)");
     }
 }
 Object.defineProperty(DropdownList, "className", {

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

	@@ -1 +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\r\n\t/*\r\n\t A list of items in the dropdown.\r\n\t /\r\n\titems?: IDropdownListItem[];\r\n\r\n\t/\r\n\t Maximum search items to show.\r\n\t /\r\n\tmaxSearchItems?: number;\r\n\r\n\t/\r\n\t Is the list searchable? If `true` shows search field and\r\n\t * calls `searchCallback` function for a list of items.\r\n\t /\r\n\tsearchable?: boolean;\r\n\r\n\t/\r\n\t A callback function which returns a list of items based on a search query.\r\n\t /\r\n\tsearchCallback?: (query: string) => Promise<IDropdownListItem[]>;\r\n\r\n\t/\r\n\t An array of item IDs to now show in the list.\r\n\t \r\n\t @since 5.7.0\r\n\t /\r\n\texclude?: string[];\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 A dropdown control for [[StockToolbar]].\r\n \r\n @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/dropdown-list-control/} for more info\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\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 _sizeItems(): void {\r\n\t\tconst list = this.getPrivate(\"list\");\r\n\t\tif (list) {\r\n\t\t\tlist.style.maxHeight = (this.root.container.height() - 100) + \"px\";\r\n\t\t\tlist.style.overflow = \"auto\";\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Rebuilds the list.\r\n\t * \r\n\t * Useful when changing item data within item list.\r\n\t \r\n\t @since 5.7.0\r\n\t */\r\n\tpublic rebuildList(): void {\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\r\n\t\tconst exclude: any = this.get(\"exclude\", []);\r\n\t\t$array.each(items, (item) => {\r\n\t\t\tif (exclude.indexOf(item.id) == -1) {\r\n\t\t\t\tthis.addItem(item);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (this.get(\"scrollable\")) {\r\n\t\t\tthis._sizeItems();\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 (search == \"\") {\r\n\t\t\tthis._initItems(this.get(\"items\"));\r\n\t\t}\r\n\t\telse if (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\tif (info.id == \"separator\") {\r\n\t\t\titem.innerHTML = \"<hr>\";\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}"]}
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\r\n\t/*\r\n\t A list of items in the dropdown.\r\n\t /\r\n\titems?: IDropdownListItem[];\r\n\r\n\t/\r\n\t Maximum search items to show.\r\n\t /\r\n\tmaxSearchItems?: number;\r\n\r\n\t/\r\n\t Is the list searchable? If `true` shows search field and\r\n\t * calls `searchCallback` function for a list of items.\r\n\t /\r\n\tsearchable?: boolean;\r\n\r\n\t/\r\n\t A callback function which returns a list of items based on a search query.\r\n\t /\r\n\tsearchCallback?: (query: string) => Promise<IDropdownListItem[]>;\r\n\r\n\t/\r\n\t An array of item IDs to now show in the list.\r\n\t \r\n\t @since 5.7.0\r\n\t /\r\n\texclude?: string[];\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 A dropdown control for [[StockToolbar]].\r\n \r\n @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/dropdown-list-control/} for more info\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\tprivate _currentSelectedIndex?: number;\r\n\r\n\t// private _itemDisposers: Array<IDisposer> = [];\r\n\r\n\tprotected _afterNew() {\r\n\t\tsuper._afterNew();\r\n\t\tthis._setupKeyboardNav();\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\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 _sizeItems(): void {\r\n\t\tconst list = this.getPrivate(\"list\");\r\n\t\tif (list) {\r\n\t\t\tlist.style.maxHeight = (this.root.container.height() - 100) + \"px\";\r\n\t\t\tlist.style.overflow = \"auto\";\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Rebuilds the list.\r\n\t * \r\n\t * Useful when changing item data within item list.\r\n\t \r\n\t @since 5.7.0\r\n\t */\r\n\tpublic rebuildList(): void {\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\r\n\t\tconst exclude: any = this.get(\"exclude\", []);\r\n\t\t$array.each(items, (item) => {\r\n\t\t\tif (exclude.indexOf(item.id) == -1) {\r\n\t\t\t\tthis.addItem(item);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (this.get(\"scrollable\")) {\r\n\t\t\tthis._sizeItems();\r\n\t\t}\r\n\r\n\t\tthis._maybeMakeAccessible();\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\r\n\t\t\t\tthis._disposers.push($utils.addEventListener(input, \"focus\", (_ev) => {\r\n\t\t\t\t\tthis._currentSelectedIndex = undefined;\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\tif (this.isDirty(\"control\")) {\r\n\t\t\tthis._maybeMakeAccessible();\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 (search == \"\") {\r\n\t\t\tthis._initItems(this.get(\"items\"));\r\n\t\t}\r\n\t\telse if (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\tinput.setAttribute(\"tabindex\", \"-1\");\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\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\tif (info.id == \"separator\") {\r\n\t\t\titem.innerHTML = \"<hr>\";\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\r\n\t\tthis._currentSelectedIndex = undefined;\r\n\t}\r\n\r\n\tprotected _setupKeyboardNav(): void {\r\n\t\tif ($utils.supports(\"keyboardevents\")) {\r\n\t\t\tconst button = this.get(\"control\").getPrivate(\"button\")!;\r\n\t\t\tthis._disposers.push($utils.addEventListener(document, \"keydown\", (ev: KeyboardEvent) => {\r\n\t\t\t\tif (this.isAccessible()) {\r\n\t\t\t\t\tif (document.activeElement && (document.activeElement === button \|\| $utils.contains(button, document.activeElement))) {\r\n\t\t\t\t\t\tif (ev.keyCode == 13) {\r\n\t\t\t\t\t\t\t// ENTER\r\n\t\t\t\t\t\t\tif (document.activeElement !== button) {\r\n\t\t\t\t\t\t\t\t(document.activeElement as HTMLElement).click();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if (ev.keyCode == 38 \|\| ev.keyCode == 40) {\r\n\t\t\t\t\t\t\tconst dir = ev.keyCode == 38 ? -1 : 1;\r\n\t\t\t\t\t\t\tlet index: number \| undefined = this._currentSelectedIndex;\r\n\t\t\t\t\t\t\tif (index === undefined) {\r\n\t\t\t\t\t\t\t\tindex = 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\t\tindex += dir;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tconst items = this._getActiveItems();\r\n\t\t\t\t\t\t\tif (index < 0) {\r\n\t\t\t\t\t\t\t\tindex = items.length - 1;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if (index >= items.length) {\r\n\t\t\t\t\t\t\t\tindex = 0;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tthis.setTimeout(() => {\r\n\t\t\t\t\t\t\t\t$utils.focus(items.item(index!) as HTMLElement);\r\n\t\t\t\t\t\t\t\tthis._currentSelectedIndex = index;\r\n\t\t\t\t\t\t\t}, 15);\r\n\t\t\t\t\t\t}\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\tprotected _maybeMakeAccessible(): void {\r\n\t\tsuper._maybeMakeAccessible();\r\n\t\tif (this.isAccessible()) {\r\n\t\t\t//const tabindex = this._root.tabindex.toString();\r\n\t\t\t//const list = this.getPrivate(\"list\")!;\r\n\t\t\tconst items = this._getActiveItems();\r\n\t\t\titems.forEach((item) => {\r\n\t\t\t\t(item as HTMLElement).setAttribute(\"tabindex\", \"-1\");\r\n\t\t\t\t(item as HTMLElement).setAttribute(\"aria-label\", (item as HTMLElement).getAttribute(\"title\") \|\| \"\");\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tprotected _getActiveItems(): NodeList {\r\n\t\treturn this.getPrivate(\"list\")!.querySelectorAll(\".am5stock-list-item:not(.am5stock-list-info, .am5stock-list-heading, .am5stock-disabled)\");\r\n\t}\r\n\r\n}"]}

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

@@ -64,5 +64,6 @@ export declare class DropdownListControl extends StockControl {
     setItem(item: string | IDropdownListItem): void;
     _beforeChanged(): void;
     protected _dispose(): void;
+    protected _maybeMakeAccessible(): void;
 }
 //# sourceMappingURL=DropdownListControl.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownListControl.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DropdownListControl.ts"],"names":[],"mappings":"AAAA,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;IAE1E;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IAEzC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC;IAE1C;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,iBAAiB,EAAE,CAAC;IAExD;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CAEnB;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;;;;;;GAMG;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;IAyExB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,iBAAiB,GAAG,IAAI;IA6B/C,cAAc;~~IA0BrB~~,SAAS,CAAC,QAAQ,IAAI,IAAI;~~CAK1B~~"}
1	+ {"version":3,"file":"DropdownListControl.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DropdownListControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMjE,MAAM,WAAW,4BAA6B,SAAQ,qBAAqB;IAE1E;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IAEzC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC;IAE1C;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,iBAAiB,EAAE,CAAC;IAExD;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CAEnB;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;;;;;;GAMG;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;IAyExB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,iBAAiB,GAAG,IAAI;IA6B/C,cAAc;IA2BrB,SAAS,CAAC,QAAQ,IAAI,IAAI;IAI1B,SAAS,CAAC,oBAAoB,IAAI,IAAI;CAsBtC"}

package/.internal/charts/stock/toolbar/DropdownListControl.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { StockControl } from "./StockControl";
 import { DropdownList } from "./DropdownList";
 import * as $array from "../../../core/util/Array";
 import * as $type from "../../../core/util/Type";
+import * as $utils from "../../../core/util/Utils";
 /**
  * A generic control which creates a searchable list of items in a dropdown.
  *
@@ -125,12 +126,32 @@ export class DropdownListControl extends StockControl {
                     });
                 }
                 dropdown.set("items", dropdownItems);
+                //console.log(this.className, this.isAccessible())
             }
         }
     }
     _dispose() {
         super._dispose();
     }
+    _maybeMakeAccessible() {
+        super._maybeMakeAccessible();
+        if (this.isAccessible()) {
+            const button = this.getPrivate("button");
+            button.setAttribute("aria-label", button.getAttribute("title") + "; " + this._t("Press ENTER or use arrow keys to navigate"));
+            if ($utils.supports("keyboardevents")) {
+                this._disposers.push($utils.addEventListener(document, "keydown", (ev) => {
+                    if (document.activeElement == button) {
+                        if (ev.keyCode == 38 || ev.keyCode == 40) {
+                            // Open on arrows
+                            if (!this.get("active")) {
+                                this._handleClick();
+                            }
+                        }
+                    }
+                }));
+            }
+        }
+    }
 }
 Object.defineProperty(DropdownListControl, "className", {
     enumerable: true,

package/.internal/charts/stock/toolbar/DropdownListControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownListControl.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DropdownListControl.ts"],"names":[],"mappings":"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","sourcesContent":["import { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\nimport { DropdownList, IDropdownListItem } from \"./DropdownList\";\r\n\r\nimport * as $array from \"../../../core/util/Array\";\r\nimport * as $type from \"../../../core/util/Type\";\r\n\r\nexport interface IDropdownListControlSettings extends IStockControlSettings {\r\n\r\n\t/*\r\n\t Currently selected item.\r\n\t /\r\n\tcurrentItem?: string \| IDropdownListItem;\r\n\r\n\t/\r\n\t Label does not change when item is selected in the list.\r\n\t /\r\n\tfixedLabel?: boolean;\r\n\r\n\t/\r\n\t A list of items in the dropdown.\r\n\t /\r\n\titems?: Array<string \| IDropdownListItem>;\r\n\r\n\t/\r\n\t If set to `true`, the dropdown will fix the height to fit within chart's\r\n\t * area, with scroll if the contents do not fit.\r\n\t /\r\n\tscrollable?: boolean;\r\n\r\n\t/\r\n\t Maximum search items to show.\r\n\t /\r\n\tmaxSearchItems?: number,\r\n\r\n\t/\r\n\t Is the list searchable? If `true` shows search field and\r\n\t * calls `searchCallback` function for a list of items.\r\n\t /\r\n\tsearchable?: boolean;\r\n\r\n\t/\r\n\t A callback function which returns a list of items based on a search query.\r\n\t /\r\n\tsearchCallback?: (query: string) => IDropdownListItem[];\r\n\r\n\t/\r\n\t An array of item IDs to now show in the list.\r\n\t \r\n\t @since 5.7.0\r\n\t /\r\n\texclude?: string[];\r\n\r\n}\r\n\r\nexport interface IDropdownListControlPrivate extends IStockControlPrivate {\r\n\tdropdown?: DropdownList;\r\n}\r\n\r\nexport interface IDropdownListControlEvents extends IStockControlEvents {\r\n\tselected: {\r\n\t\titem: string \| IDropdownListItem;\r\n\t};\r\n}\r\n\r\n/\r\n A generic control which creates a searchable list of items in a dropdown.\r\n \r\n Can be used in a [[StockToolbar]].\r\n \r\n @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/dropdown-list-control/} for more info\r\n */\r\nexport class DropdownListControl extends StockControl {\r\n\tpublic static className: string = \"DropdownListControl\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([DropdownListControl.className]);\r\n\r\n\tdeclare public _settings: IDropdownListControlSettings;\r\n\tdeclare public _privateSettings: IDropdownListControlPrivate;\r\n\tdeclare public _events: IDropdownListControlEvents;\r\n\r\n\tprotected _afterNew() {\r\n\t\t// @todo still needed?\r\n\t\tsuper._afterNew();\r\n\r\n\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\tbutton.className = button.className + \" am5stock-control-dropdown\";\r\n\t}\r\n\r\n\tprotected _initElements(): void {\r\n\t\tsuper._initElements();\r\n\r\n\t\t// Disable icon\r\n\t\t//this.getPrivate(\"icon\")!.style.display = \"none\";\r\n\r\n\t\t// Create list\r\n\t\tconst dropdownSettings: any = {\r\n\t\t\tcontrol: this,\r\n\t\t\tparent: this.getPrivate(\"button\"),\r\n\t\t\tsearchable: this.get(\"searchable\", false),\r\n\t\t\tscrollable: this.get(\"scrollable\", false),\r\n\t\t\titems: [],\r\n\t\t\texclude: this.get(\"exclude\")\r\n\t\t}\r\n\r\n\t\tconst maxSearchItems = this.get(\"maxSearchItems\");\r\n\t\tif (maxSearchItems) {\r\n\t\t\tdropdownSettings.maxSearchItems = maxSearchItems;\r\n\t\t}\r\n\r\n\t\tconst searchCallback = this.get(\"searchCallback\");\r\n\t\tif (searchCallback) {\r\n\t\t\tdropdownSettings.searchCallback = searchCallback;\r\n\t\t}\r\n\r\n\t\tconst items = this.get(\"items\");\r\n\t\tlet currentItem = this.get(\"currentItem\");\r\n\t\tif (items) {\r\n\t\t\t$array.each(items, (item) => {\r\n\t\t\t\tconst itemObject = $type.isString(item) ? {\r\n\t\t\t\t\tid: item,\r\n\t\t\t\t\tlabel: item\r\n\t\t\t\t} : item;\r\n\t\t\t\tdropdownSettings.items.push(itemObject);\r\n\r\n\t\t\t\tif ($type.isString(currentItem) && currentItem == itemObject.id) {\r\n\t\t\t\t\tcurrentItem = itemObject;\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}\r\n\r\n\t\tconst dropdown = DropdownList.new(this._root, dropdownSettings);\r\n\t\tthis.setPrivate(\"dropdown\", dropdown);\r\n\r\n\t\tif (currentItem) {\r\n\t\t\tthis.setItem(currentItem);\r\n\t\t}\r\n\r\n\t\tdropdown.events.on(\"closed\", (_ev) => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tdropdown.events.on(\"invoked\", (ev) => {\r\n\t\t\tthis.setItem(ev.item);\r\n\t\t\tthis.events.dispatch(\"selected\", {\r\n\t\t\t\ttype: \"selected\",\r\n\t\t\t\titem: ev.item,\r\n\t\t\t\ttarget: this\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tthis.on(\"active\", (active) => {\r\n\t\t\tif (active) {\r\n\t\t\t\t//dropdown.setPrivate(\"currentId\", $type.numberToString(this.get(\"strokeWidth\")));\r\n\t\t\t\tthis.setTimeout(() => dropdown.show(), 10);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdropdown.hide();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tpublic setItem(item: string \| IDropdownListItem): void {\r\n\t\tif (this.get(\"fixedLabel\") !== true) {\r\n\t\t\tconst label = this.getPrivate(\"label\")!;\r\n\t\t\tif ($type.isString(item)) {\r\n\t\t\t\tlabel.innerHTML = item;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tif (item.icon) {\r\n\t\t\t\t\tconst icon = this.getPrivate(\"icon\")!;\r\n\t\t\t\t\ticon.innerHTML = \"\";\r\n\t\t\t\t\ticon.appendChild(item.icon.cloneNode(true));\r\n\t\t\t\t\ticon.style.display = \"\";\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\t//icon.style.display = \"none\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.label) {\r\n\t\t\t\t\tlabel.innerHTML = item.label;\r\n\t\t\t\t\tlabel.style.display = \"\";\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tlabel.innerHTML = \"\";\r\n\t\t\t\t\tlabel.style.display = \"none\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tpublic _beforeChanged() {\r\n\t\tsuper._beforeChanged();\r\n\t\tif (this.isDirty(\"items\")) {\r\n\t\t\tconst dropdown = this.getPrivate(\"dropdown\");\r\n\t\t\tif (dropdown) {\r\n\t\t\t\tconst items = this.get(\"items\");\r\n\t\t\t\tconst dropdownItems: IDropdownListItem[] = [];\r\n\t\t\t\tlet currentItem = this.get(\"currentItem\");\r\n\t\t\t\tif (items) {\r\n\t\t\t\t\t$array.each(items, (item) => {\r\n\t\t\t\t\t\tconst itemObject = $type.isString(item) ? {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tlabel: item\r\n\t\t\t\t\t\t} : item;\r\n\t\t\t\t\t\tdropdownItems.push(itemObject);\r\n\r\n\t\t\t\t\t\tif ($type.isString(currentItem) && currentItem == itemObject.id) {\r\n\t\t\t\t\t\t\tcurrentItem = itemObject;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t\tdropdown.set(\"items\", dropdownItems)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tprotected _dispose(): void {\r\n\t\tsuper._dispose();\r\n\t}\r\n\r\n\r\n}\r\n"]}
1	+ {"version":3,"file":"DropdownListControl.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DropdownListControl.ts"],"names":[],"mappings":"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","sourcesContent":["import { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\nimport { DropdownList, IDropdownListItem } from \"./DropdownList\";\r\n\r\nimport * as $array from \"../../../core/util/Array\";\r\nimport * as $type from \"../../../core/util/Type\";\r\nimport * as $utils from \"../../../core/util/Utils\";\r\n\r\nexport interface IDropdownListControlSettings extends IStockControlSettings {\r\n\r\n\t/*\r\n\t Currently selected item.\r\n\t /\r\n\tcurrentItem?: string \| IDropdownListItem;\r\n\r\n\t/\r\n\t Label does not change when item is selected in the list.\r\n\t /\r\n\tfixedLabel?: boolean;\r\n\r\n\t/\r\n\t A list of items in the dropdown.\r\n\t /\r\n\titems?: Array<string \| IDropdownListItem>;\r\n\r\n\t/\r\n\t If set to `true`, the dropdown will fix the height to fit within chart's\r\n\t * area, with scroll if the contents do not fit.\r\n\t /\r\n\tscrollable?: boolean;\r\n\r\n\t/\r\n\t Maximum search items to show.\r\n\t /\r\n\tmaxSearchItems?: number,\r\n\r\n\t/\r\n\t Is the list searchable? If `true` shows search field and\r\n\t * calls `searchCallback` function for a list of items.\r\n\t /\r\n\tsearchable?: boolean;\r\n\r\n\t/\r\n\t A callback function which returns a list of items based on a search query.\r\n\t /\r\n\tsearchCallback?: (query: string) => IDropdownListItem[];\r\n\r\n\t/\r\n\t An array of item IDs to now show in the list.\r\n\t \r\n\t @since 5.7.0\r\n\t /\r\n\texclude?: string[];\r\n\r\n}\r\n\r\nexport interface IDropdownListControlPrivate extends IStockControlPrivate {\r\n\tdropdown?: DropdownList;\r\n}\r\n\r\nexport interface IDropdownListControlEvents extends IStockControlEvents {\r\n\tselected: {\r\n\t\titem: string \| IDropdownListItem;\r\n\t};\r\n}\r\n\r\n/\r\n A generic control which creates a searchable list of items in a dropdown.\r\n \r\n Can be used in a [[StockToolbar]].\r\n \r\n @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/dropdown-list-control/} for more info\r\n */\r\nexport class DropdownListControl extends StockControl {\r\n\tpublic static className: string = \"DropdownListControl\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([DropdownListControl.className]);\r\n\r\n\tdeclare public _settings: IDropdownListControlSettings;\r\n\tdeclare public _privateSettings: IDropdownListControlPrivate;\r\n\tdeclare public _events: IDropdownListControlEvents;\r\n\r\n\tprotected _afterNew() {\r\n\t\t// @todo still needed?\r\n\t\tsuper._afterNew();\r\n\r\n\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\tbutton.className = button.className + \" am5stock-control-dropdown\";\r\n\t}\r\n\r\n\tprotected _initElements(): void {\r\n\t\tsuper._initElements();\r\n\r\n\t\t// Disable icon\r\n\t\t//this.getPrivate(\"icon\")!.style.display = \"none\";\r\n\r\n\t\t// Create list\r\n\t\tconst dropdownSettings: any = {\r\n\t\t\tcontrol: this,\r\n\t\t\tparent: this.getPrivate(\"button\"),\r\n\t\t\tsearchable: this.get(\"searchable\", false),\r\n\t\t\tscrollable: this.get(\"scrollable\", false),\r\n\t\t\titems: [],\r\n\t\t\texclude: this.get(\"exclude\")\r\n\t\t}\r\n\r\n\t\tconst maxSearchItems = this.get(\"maxSearchItems\");\r\n\t\tif (maxSearchItems) {\r\n\t\t\tdropdownSettings.maxSearchItems = maxSearchItems;\r\n\t\t}\r\n\r\n\t\tconst searchCallback = this.get(\"searchCallback\");\r\n\t\tif (searchCallback) {\r\n\t\t\tdropdownSettings.searchCallback = searchCallback;\r\n\t\t}\r\n\r\n\t\tconst items = this.get(\"items\");\r\n\t\tlet currentItem = this.get(\"currentItem\");\r\n\t\tif (items) {\r\n\t\t\t$array.each(items, (item) => {\r\n\t\t\t\tconst itemObject = $type.isString(item) ? {\r\n\t\t\t\t\tid: item,\r\n\t\t\t\t\tlabel: item\r\n\t\t\t\t} : item;\r\n\t\t\t\tdropdownSettings.items.push(itemObject);\r\n\r\n\t\t\t\tif ($type.isString(currentItem) && currentItem == itemObject.id) {\r\n\t\t\t\t\tcurrentItem = itemObject;\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}\r\n\r\n\t\tconst dropdown = DropdownList.new(this._root, dropdownSettings);\r\n\t\tthis.setPrivate(\"dropdown\", dropdown);\r\n\r\n\t\tif (currentItem) {\r\n\t\t\tthis.setItem(currentItem);\r\n\t\t}\r\n\r\n\t\tdropdown.events.on(\"closed\", (_ev) => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tdropdown.events.on(\"invoked\", (ev) => {\r\n\t\t\tthis.setItem(ev.item);\r\n\t\t\tthis.events.dispatch(\"selected\", {\r\n\t\t\t\ttype: \"selected\",\r\n\t\t\t\titem: ev.item,\r\n\t\t\t\ttarget: this\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tthis.on(\"active\", (active) => {\r\n\t\t\tif (active) {\r\n\t\t\t\t//dropdown.setPrivate(\"currentId\", $type.numberToString(this.get(\"strokeWidth\")));\r\n\t\t\t\tthis.setTimeout(() => dropdown.show(), 10);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdropdown.hide();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tpublic setItem(item: string \| IDropdownListItem): void {\r\n\t\tif (this.get(\"fixedLabel\") !== true) {\r\n\t\t\tconst label = this.getPrivate(\"label\")!;\r\n\t\t\tif ($type.isString(item)) {\r\n\t\t\t\tlabel.innerHTML = item;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tif (item.icon) {\r\n\t\t\t\t\tconst icon = this.getPrivate(\"icon\")!;\r\n\t\t\t\t\ticon.innerHTML = \"\";\r\n\t\t\t\t\ticon.appendChild(item.icon.cloneNode(true));\r\n\t\t\t\t\ticon.style.display = \"\";\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\t//icon.style.display = \"none\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (item.label) {\r\n\t\t\t\t\tlabel.innerHTML = item.label;\r\n\t\t\t\t\tlabel.style.display = \"\";\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tlabel.innerHTML = \"\";\r\n\t\t\t\t\tlabel.style.display = \"none\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tpublic _beforeChanged() {\r\n\t\tsuper._beforeChanged();\r\n\t\tif (this.isDirty(\"items\")) {\r\n\t\t\tconst dropdown = this.getPrivate(\"dropdown\");\r\n\t\t\tif (dropdown) {\r\n\t\t\t\tconst items = this.get(\"items\");\r\n\t\t\t\tconst dropdownItems: IDropdownListItem[] = [];\r\n\t\t\t\tlet currentItem = this.get(\"currentItem\");\r\n\t\t\t\tif (items) {\r\n\t\t\t\t\t$array.each(items, (item) => {\r\n\t\t\t\t\t\tconst itemObject = $type.isString(item) ? {\r\n\t\t\t\t\t\t\tid: item,\r\n\t\t\t\t\t\t\tlabel: item\r\n\t\t\t\t\t\t} : item;\r\n\t\t\t\t\t\tdropdownItems.push(itemObject);\r\n\r\n\t\t\t\t\t\tif ($type.isString(currentItem) && currentItem == itemObject.id) {\r\n\t\t\t\t\t\t\tcurrentItem = itemObject;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t\tdropdown.set(\"items\", dropdownItems);\r\n\t\t\t\t//console.log(this.className, this.isAccessible())\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tprotected _dispose(): void {\r\n\t\tsuper._dispose();\r\n\t}\r\n\r\n\tprotected _maybeMakeAccessible(): void {\r\n\t\tsuper._maybeMakeAccessible();\r\n\t\tif (this.isAccessible()) {\r\n\t\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\t\tbutton.setAttribute(\"aria-label\", button.getAttribute(\"title\") + \"; \" + this._t(\"Press ENTER or use arrow keys to navigate\"));\r\n\r\n\t\t\tif ($utils.supports(\"keyboardevents\")) {\r\n\t\t\t\tthis._disposers.push($utils.addEventListener(document, \"keydown\", (ev: KeyboardEvent) => {\r\n\t\t\t\t\tif (document.activeElement == button) {\r\n\t\t\t\t\t\tif (ev.keyCode == 38 \|\| ev.keyCode == 40) {\r\n\t\t\t\t\t\t\t// Open on arrows\r\n\t\t\t\t\t\t\tif (!this.get(\"active\")) {\r\n\t\t\t\t\t\t\t\tthis._handleClick();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n}\r\n"]}

package/.internal/charts/stock/toolbar/PeriodSelector.d.ts CHANGED Viewed

@@ -70,5 +70,7 @@ export declare class PeriodSelector extends StockControl {
     protected _getAxis(): any;
     selectPeriod(period: IPeriod): void;
     protected _highlightPeriod(period: IPeriod): void;
+    protected _maybeMakeAccessible(): void;
+    protected _getPeriodButtons(): NodeList;
 }
 //# sourceMappingURL=PeriodSelector.d.ts.map

package/.internal/charts/stock/toolbar/PeriodSelector.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/PeriodSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChH,OAAO,EAAiB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMvE,MAAM,WAAW,OAAO;IACvB,QAAQ,EAAE,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,GAAG,CAAC,EAAE,IAAI,CAAC;CACX;AAED,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB;IAErE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IAEpB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAEzB;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAEnE;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAEzB;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CACjE;AAED;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,YAAY;IAC/C,OAAc,SAAS,EAAE,MAAM,CAAoB;IACnD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAA8D;IAEtF,SAAS,EAAE,uBAAuB,CAAC;IACnC,gBAAgB,EAAE,sBAAsB,CAAC;IACzC,OAAO,EAAE,qBAAqB,CAAC;IAE9C,SAAS,CAAC,eAAe,EAAE,SAAS,GAAG,SAAS,CAAC;IACjD,SAAS,CAAC,eAAe,EAAE,SAAS,GAAG,SAAS,CAAC;IAEjD,SAAS,CAAC,SAAS;IASnB,SAAS,CAAC,kBAAkB,IAAI,IAAI;~~IA+BpC~~,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAoBrC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAsCjC,aAAa;IAOpB,SAAS,CAAC,SAAS,IAAI,GAAG;IAI1B,SAAS,CAAC,QAAQ,IAAI,GAAG;IAIlB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAwG1C,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;~~CAejD~~"}
1	+ {"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/PeriodSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChH,OAAO,EAAiB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMvE,MAAM,WAAW,OAAO;IACvB,QAAQ,EAAE,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,GAAG,CAAC,EAAE,IAAI,CAAC;CACX;AAED,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB;IAErE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IAEpB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAEzB;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAEnE;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAEzB;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CACjE;AAED;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,YAAY;IAC/C,OAAc,SAAS,EAAE,MAAM,CAAoB;IACnD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAA8D;IAEtF,SAAS,EAAE,uBAAuB,CAAC;IACnC,gBAAgB,EAAE,sBAAsB,CAAC;IACzC,OAAO,EAAE,qBAAqB,CAAC;IAE9C,SAAS,CAAC,eAAe,EAAE,SAAS,GAAG,SAAS,CAAC;IACjD,SAAS,CAAC,eAAe,EAAE,SAAS,GAAG,SAAS,CAAC;IAEjD,SAAS,CAAC,SAAS;IASnB,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAqEpC,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAoBrC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAsCjC,aAAa;IAOpB,SAAS,CAAC,SAAS,IAAI,GAAG;IAI1B,SAAS,CAAC,QAAQ,IAAI,GAAG;IAIlB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAwG1C,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAejD,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAatC,SAAS,CAAC,iBAAiB,IAAI,QAAQ;CAIvC"}

package/.internal/charts/stock/toolbar/PeriodSelector.js CHANGED Viewed

@@ -56,6 +56,42 @@ export class PeriodSelector extends StockControl {
                 this.setPrivate("deferTimeout", this.setTimeout(() => this.setPrivate("deferReset", false), axis.get("interpolationDuration", 1000) + 200));
             }));
         });
+        if ($utils.supports("keyboardevents")) {
+            this._disposers.push($utils.addEventListener(document, "keydown", (ev) => {
+                if (this.isAccessible()) {
+                    const button = this.getPrivate("button");
+                    if (document.activeElement && (document.activeElement === button || $utils.contains(button, document.activeElement))) {
+                        if ([37, 38, 39, 40].indexOf(ev.keyCode) !== -1) {
+                            const dir = ev.keyCode == 37 || ev.keyCode == 38 ? -1 : 1;
+                            const items = this._getPeriodButtons();
+                            const selected = container.querySelectorAll(".am5stock-link:focus");
+                            let index = -1;
+                            if (selected.length > 0) {
+                                //index = items.entries().indexOf(selected.item(0));
+                                items.forEach((item, key) => {
+                                    if (item === selected.item(0)) {
+                                        index = key;
+                                    }
+                                });
+                            }
+                            index += dir;
+                            if (index < 0) {
+                                index = items.length - 1;
+                            }
+                            else if (index >= items.length) {
+                                index = 0;
+                            }
+                            $utils.focus(items.item(index));
+                        }
+                        else if (ev.keyCode == 13) {
+                            // ENTER
+                            document.activeElement.click();
+                        }
+                    }
+                }
+            }));
+        }
+        this._maybeMakeAccessible();
     }
     _resetActiveButtons() {
         if (this.getPrivate("deferReset") !== true) {
@@ -113,9 +149,9 @@ export class PeriodSelector extends StockControl {
     // }
     _afterChanged() {
         super._afterChanged();
-        // if (this.isDirty("active")) {
-        // 	this._initDropdown();
-        // }
+        if (this.isPrivateDirty("toolbar")) {
+            this._maybeMakeAccessible();
+        }
     }
     _getChart() {
         return this.get("stockChart").panels.getIndex(0);
@@ -227,6 +263,21 @@ export class PeriodSelector extends StockControl {
             }
         }
     }
+    _maybeMakeAccessible() {
+        super._maybeMakeAccessible();
+        if (this.isAccessible()) {
+            const button = this.getPrivate("button");
+            button.setAttribute("aria-label", button.getAttribute("title") + "; " + this._t("Press ENTER or use arrow keys to navigate"));
+            const items = this._getPeriodButtons();
+            items.forEach((item) => {
+                item.setAttribute("tabindex", "-1");
+                item.setAttribute("aria-label", item.getAttribute("title") || "");
+            });
+        }
+    }
+    _getPeriodButtons() {
+        return this.getPrivate("label").querySelectorAll(".am5stock-link");
+    }
 }
 Object.defineProperty(PeriodSelector, "className", {
     enumerable: true,