Version 5.11.1

Author: martynasma

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "@amcharts/amcharts5",
-  "version": "5.11.0",
+  "version": "5.11.1",
   "author": "amCharts <[email protected]> (https://www.amcharts.com/)",
   "description": "amCharts 5",
   "homepage": "https://www.amcharts.com/",
@@ -51,7 +51,7 @@
     "d3-selection": "^3.0.0",
     "d3-transition": "^3.0.0",
     "d3-voronoi-treemap": "^1.1.2",
-    "flatpickr": "^4.6.9",
+    "flatpickr": "^4.6.13",
     "markerjs2": "^2.29.4",
     "pdfmake": "^0.2.2",
     "polylabel": "^1.1.0",

packages/shared/CHANGELOG.md

@@ -5,6 +5,20 @@ 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.1] - 2025-02-25
+
+### Added
+- New setting `disableWeekDays` (array of numbers) in `DateRangeSelector`. E.g. set to `diasbleWeekDays: [0, 6]` to disable Sundays and Saturdays.
+
+### Fixed
+- The value of a `Hierarchy` node with `toggleKey: "none"` would be reset to `"disabled"`, after data was appended to the node.
+- `DurationFormatter` was not correctly rounding fractional numbers in some cases.
+- `DateRangeSelector` was not correctly handling `firstDayOfWeek` value from locale.
+- `XYCursor` lines were not focusable until cursor was shown for the first time.
+- Setting `exclude` on a `MapSeries` would not re-enable previously excluded objects.
+- Fixed issue with stacking of negative values.
+
+
 ## [5.11.0] - 2025-02-03
 
 ### Added

src/.internal/charts/hierarchy/Hierarchy.ts

@@ -578,7 +578,7 @@ export abstract class Hierarchy extends Series {
 		const node = dataItem.get("node");
 
 		if (node) {
-			node.set("toggleKey", "disabled");
+			node.set("toggleKey", this.nodes.template.get("toggleKey", "disabled"));
 		}
 
 		let depth = dataItem.get("depth");

src/.internal/charts/map/MapSeries.ts

@@ -173,8 +173,18 @@ export abstract class MapSeries extends Series {
 						this._excludeDataItem(dataItem)
 					}
 				})
+
+				$array.each(this._excluded, (dataItem) => {
+					const id = dataItem.get("id");
+					if (id) {
+						if (exclude.indexOf(id) == -1) {
+							this._unexcludeDataItem(dataItem)
+						}
+					}
+				})
 			}
 
+
 			if (!exclude || exclude.length == 0) {
 				$array.each(this._excluded, (dataItem) => {
 					this._unexcludeDataItem(dataItem)
@@ -403,5 +413,5 @@ export abstract class MapSeries extends Series {
 		super._onDataClear();
 		this._geoJSONparsed = false;
 		this._markDirtyKey("exclude");
-	}	
+	}
 }

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

@@ -48,6 +48,15 @@ export interface IDateRangeSelectorSettings extends IStockControlSettings {
 	 */
 	maxDate?: Date | "auto" | null;
 
+	/**
+	 * Set to array of days to disable in date picker dropdowns, with Sunday
+	 * starting at 0, Monday - 1, etc.
+	 * 
+	 * @default []
+	 * @since 5.11.1
+	 */
+	disableWeekDays?: number[];
+
 }
 
 export interface IDateRangeSelectorPrivate extends IStockControlPrivate {
@@ -177,11 +186,20 @@ export class DateRangeSelector extends StockControl {
 		// Date pickers
 		const pickerLocale = this._getPickerLocale();
 
+		// Disable weekends?
+		const disableWeekDays: number[] = this.get("disableWeekDays", []);
+		const disable = disableWeekDays.length ? [
+			function(date: Date) {
+				return (disableWeekDays.indexOf(date.getDay()) !== -1);
+			}
+		] : [];
+
 		const fromPicker = flatpickr(fromField, {
 			inline: true,
 			appendTo: fromColumn,
 			allowInput: true,
 			locale: pickerLocale,
+			disable: disable,
 			formatDate: (date) => {
 				return this._formatDate(date);
 			},
@@ -197,6 +215,7 @@ export class DateRangeSelector extends StockControl {
 			appendTo: toColumn,
 			allowInput: true,
 			locale: pickerLocale,
+			disable: disable,
 			formatDate: (date) => {
 				return this._formatDate(date);
 			},
@@ -401,7 +420,7 @@ export class DateRangeSelector extends StockControl {
 
 	protected _getPickerLocale(): any {
 		const l = this._root.language;
-		return {
+		const locale: any = {
 			weekdays: {
 				shorthand: [
 					l.translate("Sun"),
@@ -452,7 +471,7 @@ export class DateRangeSelector extends StockControl {
 					l.translate("December"),
 				],
 			},
-			firstDayOfWeek: l.translate("firstDayOfWeek"),
+			firstDayOfWeek: this._root.locale.firstDayOfWeek,
 			ordinal: l.translateFunc("_dateOrd"),
 			rangeSeparator: " " + l.translateAny("to") + " ",
 			weekAbbreviation: l.translateAny("Wk"),
@@ -463,8 +482,10 @@ export class DateRangeSelector extends StockControl {
 			monthAriaLabel: l.translateAny("Month"),
 			hourAriaLabel: l.translateAny("Hour"),
 			minuteAriaLabel: l.translateAny("Minute"),
-			time_24hr: true,
+			time_24hr: true
 		}
+
+		return locale;
 	}
 
 	/**

src/.internal/charts/xy/series/XYSeries.ts

@@ -1597,6 +1597,11 @@ export abstract class XYSeries extends Series {
 					if (stackToNegative) {
 						if ($type.isNumber(value)) {
 							if ($type.isNumber(stackValue)) {
+
+								if(s == len - 1){
+									dataItem.setRaw(stackToItemKey, undefined);
+								}
+
 								if (value >= 0 && stackValue >= 0) {
 									dataItem.setRaw(stackToItemKey, stackToItem);
 									this._reallyStackedTo[stackToSeries.uid] = stackToSeries;
@@ -1608,7 +1613,7 @@ export abstract class XYSeries extends Series {
 									this._reallyStackedTo[stackToSeries.uid] = stackToSeries;
 									stackToSeries._stackedSeries[this.uid] = this;
 									break;
-								}
+								}								
 							}
 						}
 						else {

src/.internal/core/Registry.ts

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

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

@@ -33,29 +33,29 @@ import * as $math from "../util/Math";
  */
 class SpriteEventDispatcher<Target, E extends Events<Target, ISpriteEvents>> extends EventDispatcher<E> {
 	protected static RENDERER_EVENTS: { [K in keyof IRendererEvents]?: <E extends Events<Sprite, ISpriteEvents>>(this: SpriteEventDispatcher<Sprite, E>, event: IRendererEvents[K]) => void } = {
-		"click": function (event) {
+		"click": function(event) {
 			if (this.isEnabled("click") && !this._sprite.isDragging() && this._sprite._hasDown() && !this._sprite._hasMoved(this._makePointerEvent("click", event))) {
 				this.dispatch("click", this._makePointerEvent("click", event));
 			}
 		},
 
-		"rightclick": function (event) {
+		"rightclick": function(event) {
 			if (this.isEnabled("rightclick")) {
 				this.dispatch("rightclick", this._makePointerEvent("rightclick", event));
 			}
 		},
 
-		"middleclick": function (event) {
+		"middleclick": function(event) {
 			if (this.isEnabled("middleclick")) {
 				this.dispatch("middleclick", this._makePointerEvent("middleclick", event));
 			}
 		},
 
-		"dblclick": function (event) {
+		"dblclick": function(event) {
 			this.dispatchParents("dblclick", this._makePointerEvent("dblclick", event));
 		},
 
-		"pointerover": function (event) {
+		"pointerover": function(event) {
 
 			const sprite = this._sprite;
 			let dispatch = true;
@@ -85,35 +85,35 @@ class SpriteEventDispatcher<Target, E extends Events<Target, ISpriteEvents>> ext
 			}
 		},
 
-		"pointerout": function (event) {
+		"pointerout": function(event) {
 			if (this.isEnabled("pointerout")) {
 				this.dispatch("pointerout", this._makePointerEvent("pointerout", event));
 			}
 		},
 
-		"pointerdown": function (event) {
+		"pointerdown": function(event) {
 			this.dispatchParents("pointerdown", this._makePointerEvent("pointerdown", event));
 		},
 
-		"pointerup": function (event) {
+		"pointerup": function(event) {
 			if (this.isEnabled("pointerup")) {
 				this.dispatch("pointerup", this._makePointerEvent("pointerup", event));
 			}
 		},
 
-		"globalpointerup": function (event) {
+		"globalpointerup": function(event) {
 			if (this.isEnabled("globalpointerup")) {
 				this.dispatch("globalpointerup", this._makePointerEvent("globalpointerup", event));
 			}
 		},
 
-		"globalpointermove": function (event) {
+		"globalpointermove": function(event) {
 			if (this.isEnabled("globalpointermove")) {
 				this.dispatch("globalpointermove", this._makePointerEvent("globalpointermove", event));
 			}
 		},
 
-		"wheel": function (event) {
+		"wheel": function(event) {
 			this.dispatchParents("wheel", {
 				type: "wheel",
 				target: this._sprite,
@@ -1469,6 +1469,11 @@ export abstract class Sprite extends Entity {
 			this._disposers.push(events.on("blur", () => {
 				this.setPrivateRaw("touchHovering", false);
 			}));
+			this._disposers.push(events.once("boundschanged", () => {
+				// We might need to do this to re-evaluate accessibility attributes
+				// once the element gains size (bounds)
+				this.markDirtyAccessibility();
+			}));
 		}
 
 		if (this.isPrivateDirty("focusable")) {

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

@@ -206,6 +206,7 @@ export class DurationFormatter extends Entity {
 			details = info.zero;
 		}
 
+
 		// Format
 		let formatted = this.applyFormat(source, details);
 
@@ -387,19 +388,29 @@ export class DurationFormatter extends Entity {
 		let negative = !details.absolute && (value < this.get("negativeBase"));
 		value = Math.abs(value);
 
+
 		// Recalculate to milliseconds
 		let tstamp = this.toTimeStamp(value, details.baseUnit);
 
 		// Init return value
 		let res = details.template;
+		const values: any  = {
+			millisecond: 0,
+			second: 0,
+			minute: 0,
+			hour: 0,
+			day: 0,
+			week: 0,
+			month: 0,
+			year: 0
+		};
 
 		// Iterate through duration parts
 		for (let i = 0, len = details.parts.length; i < len; i++) {
 
 			// Gather the part
 			let part = details.parts[i];
-			let unit = this._toTimeUnit(part.substr(0, 1));
-			let digits = part.length;
+			let unit: any = this._toTimeUnit(part.substr(0, 1));
 
 			// Calculate current unit value
 			let ints: number;
@@ -410,12 +421,63 @@ export class DurationFormatter extends Entity {
 			else {
 				ints = Math.round(tstamp / unitValue);
 			}
-			res = res.replace($type.PLACEHOLDER, $utils.padString(ints, digits, "0"));
+
+			values[unit] += ints;
 
 			// Reduce timestamp
 			tstamp -= ints * unitValue;
 		}
 
+		// Check if we have full unit that we need to bump up to higher unit
+		$object.each(values, (unit, value) => {
+			if (unit == "millisecond" && value == 1000) {
+				values["second"]++;
+				values["millisecond"] = 0;
+			}
+			else if (unit == "second" && value == 60) {
+				values["minute"]++;
+				values["second"] = 0;
+			}
+			else if (unit == "minute" && value == 60) {
+				values["hour"]++;
+				values["minute"] = 0;
+			}
+			else if (unit == "hour" && value == 24) {
+				values["day"]++;
+				values["hour"] = 0;
+			}
+			else if (unit == "day" && value == 7) {
+				values["week"]++;
+				values["day"] = 0;
+			}
+			else if (unit == "day" && value == 30) {
+				values["month"]++;
+				values["day"] = 0;
+			}
+			else if (unit == "month" && value == 12) {
+				values["year"]++;
+				values["month"] = 0;
+			}
+			// if (val > 0) {
+			// 	res = res.replace($type.PLACEHOLDER, $utils.padString(val, 2, "0"));
+			// }
+			// else {
+			// 	res = res.replace($type.PLACEHOLDER, "");
+			// }
+		});
+
+		// Iterate again
+		for (let i = 0, len = details.parts.length; i < len; i++) {
+			// Gather the part
+			let part = details.parts[i];
+			let unit: any = this._toTimeUnit(part.substr(0, 1));
+			let digits = part.length;
+
+			// Calculate current unit value
+			res = res.replace($type.PLACEHOLDER, $utils.padString(values[unit], digits, "0"));
+		}
+
+
 		// Reapply negative sign
 		if (negative) {
 			res = "-" + res;

yarn.lock

@@ -1989,7 +1989,7 @@ find-up@^3.0.0:
   dependencies:
     locate-path "^3.0.0"
 
-flatpickr@^4.6.9:
+flatpickr@^4.6.13:
   version "4.6.13"
   resolved "https://registry.yarnpkg.com/flatpickr/-/flatpickr-4.6.13.tgz#8a029548187fd6e0d670908471e43abe9ad18d94"
   integrity sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==