Make Bonito slider emit event only if mousedrag stops

[baxmittens]

Hi there,

in the following example, the update should only take place after releasing the slider and not on any change. Is that possible?

using Bonito
using WGLMakie
import Bonito.TailwindDashboard as D

app = App() do session::Session
	sliders = [Bonito.Slider(-1:.1:1, value=0.0) for i = 1:6]
	vals = map!(Observable{Any}(), map(x->x.value, sliders)...) do x...
		return [x...]
	end
	f = Figure(size=(1000,200))
	ax = Axis(f[1,1])
	scatter!(ax, 1:6, vals) 
        sliderdiv(slider) = DOM.div(slider, "value: ", slider.value)
	flexrow = D.FlexCol(map(sliderdiv,sliders))
	return DOM.div(flexrow, f)
end

I appreciate any help you can give me.
Greetz max

[SimonDanisch]

You could do something like this:

slider_val = Observable(0.0; ignore_equal_values=true)
onany(ax.scene.events.mousebutton, slider.value) do mb, val  
    if mb.action == Mouse.release 
        slicer_val[] = val
    end
end

[baxmittens]

I altered my example

using Bonito
using WGLMakie
import Bonito.TailwindDashboard as D

app = App() do session::Session
	sliders = [Bonito.Slider(-1:.1:1, value=0.0) for i = 1:6]

	f = Figure(size=(1000,200))
	ax = Axis(f[1,1])

	slider_vals1 = map!(Observable{Any}(), map(x->x.value, sliders)...) do x...
		return [x...]
	end
	slider_vals2 = map!(Observable{Any}(), map(x->x.value, sliders)...) do x...
		return [x...]
	end
	onany(ax.scene.events.mousebutton, slider_vals2) do mb, val  	
    	        if mb.action == Mouse.release 
        	      slider_vals1[] = val
    	        end
	end

	scatter!(ax, 1:6, slider_vals1) 
        sliderdiv(slider) = DOM.div(slider, "value: ", slider.value)
	flexrow = D.FlexCol(map(sliderdiv,sliders))
	return DOM.div(flexrow, f)
end

But this also doesn't work. It seems like since the sliders are not part of the scene the event
Makie.MouseButtonEvent(Makie.Mouse.left, Makie.Mouse.release)
is triggered each time I change a slider.

Another solution would be to use Makie.Slider but there I do not know how to register an interaction on a slider because it is no Axis. If I could do so, I could watch for the leftdragstop event.