Version 5.13.6

Author: martynasma

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "@amcharts/amcharts5",
-  "version": "5.13.5",
+  "version": "5.13.6",
   "author": "amCharts <contact@amcharts.com> (https://www.amcharts.com/)",
   "description": "amCharts 5",
   "homepage": "https://www.amcharts.com/",

packages/shared/CHANGELOG.md

@@ -5,6 +5,13 @@ 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.13.6] - 2025-08-27
+
+### Fixed
+- In some cases, `DurationFormatter` could display incorrect number of days.
+- The selector tool in `StockChart`'s drawing mode was not working properly since `5.13.4`.
+
+
 ## [5.13.5] - 2025-08-05
 
 ### Fixed

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

@@ -178,7 +178,7 @@ export interface IStockChartPrivate extends IContainerPrivate {
 	mainAxis?: DateAxis<AxisRenderer>
 
 
-	drawingSelectionEnabled?: boolean;	
+	drawingSelectionEnabled?: boolean;
 }
 
 export interface IStockChartEvents extends IContainerEvents {
@@ -249,7 +249,7 @@ export class StockChart extends Container {
 	protected _indicatorsChanged = false;
 	protected _baseDP?: IDisposer;
 
-	public _selectionWasOn: boolean = false;
+	//public _selectionWasOn: boolean = false;
 
 	/**
 	 * A list of stock panels.
@@ -418,8 +418,18 @@ export class StockChart extends Container {
 	}
 
 	public _prepareChildren() {
-		if (this.isDirty("drawingSelectionEnabled") || this.isPrivateDirty("drawingSelectionEnabled")) {
-			const enabled = this.get("drawingSelectionEnabled", this.getPrivate("drawingSelectionEnabled", false));
+		if (this.isDirty("drawingSelectionEnabled")) {
+			const enabled = this.get("drawingSelectionEnabled");
+			if (enabled !== undefined) {
+				this._root.events.once("frameended", () => {
+					this.setPrivate("drawingSelectionEnabled", enabled);
+				})
+			}
+		}
+
+		if (this.isPrivateDirty("drawingSelectionEnabled")) {
+			const enabled = this.getPrivate("drawingSelectionEnabled", false);
+
 			if (!enabled) {
 				this.unselectDrawings();
 			}
@@ -893,7 +903,7 @@ export class StockChart extends Container {
 			panelControls.closeButton.setPrivate(visible, false);
 
 
-			if(autoHidePanelControls) {
+			if (autoHidePanelControls) {
 				panel.plotContainer.events.on("pointerover", () => {
 					panelControls.show();
 				})
@@ -903,7 +913,7 @@ export class StockChart extends Container {
 				})
 
 				panel.plotContainer.events.on("pointerout", () => {
-					if(!panelControls.isHover()){
+					if (!panelControls.isHover()) {
 						panelControls.hide();
 					}
 				})

src/.internal/charts/stock/StockChartDefaultTheme.ts

@@ -46,7 +46,7 @@ export class StockChartDefaultTheme extends Theme {
 				strictMinMaxSelection: true
 			},
 			autoSetPercentScale: true,
-			drawingSelectionEnabled: false,
+		
 			autoHidePanelControls: false
 		});
 

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

@@ -349,7 +349,7 @@ export class DrawingSeries extends LineSeries {
 			this._handlePointerOut();
 		})
 
-		this._getStockChart().markDirtyKey("drawingSelectionEnabled");
+		this._getStockChart()._markDirtyPrivateKey("drawingSelectionEnabled");
 
 	}
 
@@ -507,8 +507,9 @@ export class DrawingSeries extends LineSeries {
 
 	public enableDrawingSelection(value: boolean) {
 		this._erasingEnabled = false;
-		this.strokes.template.set("forceInactive", !value);
-		this.fills.template.set("forceInactive", !value);
+		this._root.events.once("frameended", () => {
+			this.setInteractive(value);
+		});
 	}
 
 	protected _showSegmentBullets(index: number) {
@@ -769,7 +770,7 @@ export class DrawingSeries extends LineSeries {
 		}
 
 		if (this._valuesDirty) {
-			if(!this._baseSeriesDirty){
+			if (!this._baseSeriesDirty) {
 				this.markDirtyDrawings();
 			}
 		}
@@ -787,7 +788,7 @@ export class DrawingSeries extends LineSeries {
 		const stockChart = this._getStockChart();
 		if (stockChart) {
 			if (value) {
-				stockChart._selectionWasOn = stockChart.get("drawingSelectionEnabled", false);
+				//stockChart._selectionWasOn = stockChart.get("drawingSelectionEnabled", false);
 				stockChart.set("drawingSelectionEnabled", false);
 			}
 		}
@@ -857,11 +858,11 @@ export class DrawingSeries extends LineSeries {
 	protected _dispatchStockEvent(type: any, drawingId?: string, index?: number) {
 		const stockChart = this._getStockChart();
 
-		if (type == "drawingadded") {
-			if (stockChart._selectionWasOn) {
-				stockChart.set("drawingSelectionEnabled", true);
-			}
-		}
+		//if (type == "drawingadded") {
+			//if (stockChart._selectionWasOn) {
+			//	stockChart.set("drawingSelectionEnabled", true);
+			//}
+		//}
 
 		if (stockChart && stockChart.events.isEnabled(type)) {
 			stockChart.events.dispatch(type, { drawingId: drawingId, series: this, target: stockChart, index: index });
@@ -1059,15 +1060,15 @@ export class DrawingSeries extends LineSeries {
 	}
 
 	public toggleDrawing(enabled?: boolean) {
-		if(this._getStockChart().get("hideDrawingGrips")){
+		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);
-				})				
+				})
 			})
 		}
 	}
@@ -1214,7 +1215,7 @@ export class DrawingSeries extends LineSeries {
 
 
 	public _selectDrawing(index: number, keepSelection?: boolean, force?: boolean) {
-		if (this._getStockChart().get("drawingSelectionEnabled") || force) {
+		if (this._getStockChart().getPrivate("drawingSelectionEnabled") || force) {
 
 			this._isSelecting = true;
 

src/.internal/charts/stock/toolbar/DrawingControl.ts

@@ -675,7 +675,7 @@ export class DrawingControl extends StockControl {
 			stockChart: stockChart,
 			description: l.translateAny("Select"),
 			icon: StockIcons.getIcon("Select"),
-			active: stockChart.get("drawingSelectionEnabled", stockChart.getPrivate("drawingSelectionEnabled", false)),
+			active: stockChart.get("drawingSelectionEnabled"),
 		});
 		this._disposers.push(stockChart.on("drawingSelectionEnabled", (active) => {
 			selectControl.set("active", active);
@@ -689,7 +689,7 @@ export class DrawingControl extends StockControl {
 		this.setPrivate("selectControl", selectControl);
 		selectControl.on("active", (_ev) => {
 			const active = selectControl.get("active", false);
-			stockChart.setPrivateRaw("drawingSelectionEnabled", active);
+			stockChart.setPrivate("drawingSelectionEnabled", active);
 		});
 
 		/**
@@ -859,7 +859,7 @@ export class DrawingControl extends StockControl {
 				this.getPrivate("eraserControl")!.set("active", false);
 			}
 			const stockChart = this.get("stockChart");
-			stockChart.setPrivate("drawingSelectionEnabled", false)			
+			stockChart.setPrivate("drawingSelectionEnabled", false);			
 			stockChart.unselectDrawings();
 			return;
 		}

src/.internal/core/Registry.ts

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

src/.internal/core/util/DurationFormatter.ts

@@ -446,7 +446,7 @@ export class DurationFormatter extends Entity {
 				values["day"]++;
 				values["hour"] = 0;
 			}
-			else if (unit == "day" && value == 7) {
+			else if (unit == "day" && value == 7 && details.parts.indexOf("w") !== -1) {
 				values["week"]++;
 				values["day"] = 0;
 			}