Hi Karian,

Here is some sample code to help you along:

var min = 0; 
var max = 10; 

var values = {
	myValue: 5
}

var components = { 
	myValue: { 
		type: 'range', label: 'Some Value', 
		range: [min, max]
	}, 
}; 
 
var palette = new Palette('Range Component', components, values); 
 
function onMouseDown(event) { 
	max += 20; 
	components.myValue.range = [min, max]; 
}

Thank you for you help,

I posted the new version of the tool, the slider-timeline works great,
I also did an "instructions" button,
I also did the frame counter in the palette.
I fixed some bugs - cleaned the code.
I updated the features description (NEW).

Best Regards

If there is a way to update the document in realtime when you are dragging the slider, it will be better.

Is there possible ?

Thanks.