Merge remote-tracking branch 'origin/main' into add-dimension-contiguous

# Conflicts:
#	CHANGELOG.md
#	src/chart/generator/plotbuilder.cpp

Author: schaumb

CHANGELOG.md

@@ -2,8 +2,28 @@
 
 ## [Unreleased]
 
+### Fixed
+
+- Fix invalid read/write when animation is contiguous (onFinish callback calls setKeyframe).
+- Waterfall chart preset not aligned.
+- Split chart count negative values too.
+- Split chart handled when same dimension on main and sub axis.
+
+### Changed
+
+- Channels 'set' rewrite doesn't clear AxisChannel properties.
+- Split charts 
+  - axis line multiplication.
+  - axis labels multiplication.
+  - axis range interpretation differently for all split part.
+  - align center / stretch fix.
+
 ### Added
 
+- Separate Channel properties to AxisChannel properties at config.
+- Move split align sort and reverse to AxisChannel
+- Add new sorting strategy: 'byLabel'.
+- Enable split and align on mainAxis.
 - Add 'isContiguous' property for dimension series
 
 ## [0.16.0] - 2024-11-28

docs/assets/javascripts/mdchart.js

@@ -7,12 +7,15 @@ class MdChart {
 		this.id = id
 	}
 
+	async createFromConfig(snippets) {
+		this.create(await loadAnimations(snippets))
+	}
+
 	async create(snippets) {
-		const animations = await loadAnimations(snippets)
 		let chart = Promise.resolve()
-		for (let i = 0; i < animations.length; i++) {
+		for (let i = 0; i < snippets.length; i++) {
 			const number = i + 1
-			chart = this.animate(('0' + number).slice(-2), animations[i], chart)
+			chart = this.animate(('0' + number).slice(-2), snippets[i], chart)
 		}
 	}
 

docs/tutorial/align_range/01.js

@@ -1,8 +1,8 @@
 chart.animate({
 	config: {
-		align: 'center',
 		channels: {
 			y: {
+				align: 'center',
 				labels: false
 			}
 		}

docs/tutorial/align_range/02_b.js

@@ -1,10 +1,8 @@
 chart.animate({
 	config: {
-		align: 'stretch',
-		channels: {
-			y: {
-				labels: true
-			}
+		y: {
+			align: 'stretch',
+			labels: true
 		}
 	}
 })

docs/tutorial/align_range/03_b.js

@@ -1,5 +1,7 @@
 chart.animate({
 	config: {
-		align: 'none'
+		y: {
+			align: 'none'
+		}
 	}
 })

docs/tutorial/assets/snippet.js

@@ -12,5 +12,5 @@ Promise.all([mdChartLoaded, dataLoaded, configLoaded]).then((results) => {
 	const config = results[2].default
 	const MdChart = results[0].default
 	const mdchart = new MdChart(data, 'tutorial')
-	mdchart.create(config)
+	mdchart.createFromConfig(config)
 })

docs/tutorial/orientation_split_polar/02_b.js

@@ -1,5 +1,5 @@
 chart.animate({
 	config: {
-		split: true
+		x: { split: true }
 	}
 })

docs/tutorial/orientation_split_polar/03_b.js

@@ -1,5 +1,5 @@
 chart.animate({
 	config: {
-		split: false
+		x: { split: false }
 	}
 })

docs/tutorial/shorthands_store/01.js

@@ -1,5 +1,7 @@
 chart.animate({
 	// config: {
-	align: 'stretch'
+	y: {
+		align: 'stretch'
+	}
 	// }
 })

docs/tutorial/shorthands_store/03_b.js

@@ -9,10 +9,10 @@ chart
 			},
 			// y: { detach: [ 'Kinds' ] },
 			y: {
-				detach: 'Kinds'
+				detach: 'Kinds',
+				align: 'none'
 			}
-		},
-		align: 'none'
+		}
 	})
 	.activated.then((control) => {
 		animation = control.store()