Version 5.11.0

Author: martynasma

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "@amcharts/amcharts5",
-  "version": "5.10.12",
+  "version": "5.11.0",
   "author": "amCharts <[email protected]> (https://www.amcharts.com/)",
   "description": "amCharts 5",
   "homepage": "https://www.amcharts.com/",

packages/shared/CHANGELOG.md

@@ -5,6 +5,22 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/).
 Please note, that this project, while following numbering syntax, it DOES NOT
 adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html) rules.
 
+## [5.11.0] - 2025-02-03
+
+### Added
+- New `Root` property: `entitiesById`. Contains all Entities belonging to this `Root` instance that have an `id` set.
+
+### Changed
+- From now on, unique `id` for Entities will be enforced within Root scope, not global scope.
+- `StockChart`'s indicators had axes tooltips and cursor horizontal line hardcoded with `forceHidden: true`. It was moved to a default theme, so now you can enable them using custom theme.
+
+### Fixed
+- Overlapping interactive elements were ignoring `layer` setting.
+- Improved handling of focusing of Series' elements.
+- `toggleDrawing` of `StockChart` was not hiding/showing grips if called from outside until hovered over the chart.
+- Changing stroke/fill drawing setting in `StockChart` drawing toolbar would update colors for existing Fibonacci drawings.
+
+
 ## [5.10.12] - 2025-01-23
 
 ### Fixed

src/.internal/charts/stock/StockChart.ts

@@ -406,7 +406,6 @@ export class StockChart extends Container {
 	}
 
 	public _prepareChildren() {
-
 		if (this.isDirty("drawingSelectionEnabled")) {
 			const enabled = this.get("drawingSelectionEnabled", false);
 			if (!enabled) {

src/.internal/charts/stock/drawing/DrawingSeries.ts

@@ -1056,13 +1056,14 @@ export class DrawingSeries extends LineSeries {
 
 	public toggleDrawing(enabled?: boolean) {
 		if(this._getStockChart().get("hideDrawingGrips")){
+			this.circles.getIndex(0)?.markDirty();
 			this.root.events.once("frameended", () => {
 				this.circles.each((circle) => {
 					circle.set("forceHidden", !enabled);
 				})
 				this.grips.each((grip) => {
 					grip.set("forceInactive", !enabled);
-				})
+				})				
 			})
 		}
 	}

src/.internal/charts/stock/drawing/FibonacciSeries.ts

@@ -85,6 +85,9 @@ export class FibonacciSeries extends SimpleLineSeries {
 				if (line) {
 					const diP1 = this._di[i]["p1"];
 					const diP2 = this._di[i]["p2"];
+					const di = this._di[i]["e"];
+					const dataContext = di.dataContext as any;
+					const strokeTemplate = dataContext.stroke;					
 
 					if (diP1 && diP2) {
 
@@ -111,9 +114,18 @@ export class FibonacciSeries extends SimpleLineSeries {
 								let strokeColor = fillColor;
 
 								fill.set("fill", fillColor);
-								fill.set("fillOpacity", this.get("fillOpacity", 0));
 								stroke.set("stroke", strokeColor);
-								stroke.set("strokeOpacity", this.get("strokeOpacity", 0));
+
+								let strokeOpacity;								
+								if(strokeTemplate){
+									strokeOpacity = strokeTemplate.get("strokeOpacity");
+								}
+
+								if(strokeOpacity == undefined){
+									strokeOpacity = this.get("strokeOpacity", 0);
+								}
+
+								stroke.set("strokeOpacity", strokeOpacity);
 
 								const y1 = p1.y + (p2.y - p1.y) * prevValue;
 								const y2 = p1.y + (p2.y - p1.y) * -value;

src/.internal/charts/stock/drawing/FibonacciTimezoneSeries.ts

@@ -90,11 +90,34 @@ export class FibonacciTimezoneSeries extends FibonacciSeries {
 								stroke.setPrivate("visible", true);
 
 								const fillTemplate = dataContext.fill;
+								const strokeTemplate = dataContext.stroke;
+
 								let fillColor = this.get("colors", [])[i];
 								let strokeColor = fillColor;
 
-								fill.set("fillOpacity", this.get("fillOpacity", 0) * 0.2);
-								stroke.set("strokeOpacity", this.get("strokeOpacity", 0));
+								let fillOpacity;								
+								if(fillTemplate){
+									fillOpacity = fillTemplate.get("fillOpacity");
+								}
+
+								if(fillOpacity == undefined){
+									fillOpacity = this.get("fillOpacity", 0);
+								}
+
+								fillOpacity = fillOpacity * 0.2;
+								fill.set("fillOpacity", fillOpacity);
+								
+
+								let strokeOpacity;								
+								if(strokeTemplate){
+									strokeOpacity = strokeTemplate.get("strokeOpacity");
+								}
+
+								if(strokeOpacity == undefined){
+									strokeOpacity = this.get("strokeOpacity", 0);
+								}
+
+								stroke.set("strokeOpacity", strokeOpacity);
 
 								if (!fillColor) {
 
@@ -108,7 +131,7 @@ export class FibonacciTimezoneSeries extends FibonacciSeries {
 								}
 
 								if (!strokeColor) {
-									const strokeTemplate = dataContext.stroke;
+									
 									if (strokeTemplate) {
 										strokeColor = strokeTemplate.get("stroke");
 									}

src/.internal/charts/stock/indicators/ChartIndicator.ts

@@ -43,7 +43,7 @@ export abstract class ChartIndicator extends Indicator {
 	public legend!: StockLegend;
 
 	protected _themeTag?: string;
-	protected _themeTags:Array<string> = ["indicator"];
+	protected _themeTags: Array<string> = ["indicator"];
 
 	protected _afterNew() {
 		super._afterNew();
@@ -84,18 +84,20 @@ export abstract class ChartIndicator extends Indicator {
 			xAxis.set("groupData", seriesXAxis.get("groupData"));
 			xAxis.set("groupCount", seriesXAxis.get("groupCount"));
 
-			xAxis.set("tooltip", Tooltip.new(root, { forceHidden: true }));
+			xAxis.set("tooltip", Tooltip.new(root, { themeTags: ["indicator"] }));
 
 			xAxis.setAll({ start: start, end: end })
 			this.xAxis = xAxis;
 
 			// yAxis
 			const yRenderer = AxisRendererY.new(root, {
-				minGridDistance:20
+				minGridDistance: 20
 			});
+			const yTooltip = Tooltip.new(root, { themeTags: ["indicator"] });
+
 			const yAxis = chart.yAxes.push(ValueAxis.new(root, {
 				renderer: yRenderer,
-				tooltip: Tooltip.new(root, { forceHidden: true })
+				tooltip: yTooltip
 			}))
 			this.yAxis = yAxis;
 

src/.internal/core/Registry.ts

@@ -6,7 +6,7 @@ export class Registry {
 	/**
 	 * Currently running version of amCharts.
 	 */
-	readonly version: string = "5.10.12";
+	readonly version: string = "5.11.0";
 
 	/**
 	 * List of applied licenses.

src/.internal/core/Root.ts

@@ -368,6 +368,13 @@ export class Root implements IDisposer {
 	protected _htmlElementContainer: HTMLDivElement | undefined;
 	protected _htmlEnabledContainers: Container[] = [];
 
+	/**
+	 * Entities that have their `id` setting set.
+	 *
+	 * @since 5.11.0
+	 */
+	public entitiesById: { [index: string]: any } = {};
+
 	protected constructor(id: string | HTMLElement, settings: IRootSettings = {}, isReal: boolean) {
 
 		if (!isReal) {
@@ -1573,7 +1580,7 @@ export class Root implements IDisposer {
 			focusElement.removeAttribute("aria-controls");
 		}
 
-		if (target.get("visible") && target.get("opacity") !== 0 && target.get("role") != "tooltip" && !target.isHidden() && target.getPrivate("focusable") !== false) {
+		if (target.get("visible") && target.get("opacity") !== 0 && target.get("role") != "tooltip" && !target.isHidden() && target.getPrivate("focusable") !== false && (target.height() || target.width())) {
 			if (focusElement.getAttribute("tabindex") != "-1") {
 				focusElement.setAttribute("tabindex", "" + this.tabindex);
 			}

src/.internal/core/render/Sprite.ts

@@ -1865,7 +1865,7 @@ export abstract class Sprite extends Entity {
 				}
 			}
 
-			if (this.get("focusable") && this.isFocus()) {
+			if (this.get("focusable")) {
 				this.markDirtyAccessibility();
 			}
 		}