Programmatically setting slider widget values causes visual desync

[tokotchd]

ALL software version info

Panel==0.12.1

Description of expected behavior and the observed behavior

Setting the value of a slider widget programmatically should change both the internal and UI values.
Currently, only the UI value is changed until you interact with each slider again, at which point that internal value updates to the new position.

Complete, minimal, self-contained example code that reproduces the issue

import panel as pn
from panel.template.material import MaterialDefaultTheme

material = pn.template.MaterialTemplate(title="Test", theme=MaterialDefaultTheme)
slider_1 = pn.widgets.IntSlider(name='slider_1', start=1, end=100, value=10)
slider_2 = pn.widgets.IntSlider(name='slider_2', start=1, end=100, value=30)
slider_3 = pn.widgets.IntSlider(name='slider_3', start=1, end=100, value=50)
slider_4 = pn.widgets.IntSlider(name='slider_4', start=1, end=100, value=70)
slider_5 = pn.widgets.IntSlider(name='slider_5', start=1, end=100, value=90)
reset_button = pn.widgets.Button(name='Reset Values')

@pn.depends(
    slider_1.param.value_throttled, 
    slider_2.param.value_throttled, 
    slider_3.param.value_throttled, 
    slider_4.param.value_throttled, 
    slider_5.param.value_throttled, 
)
def test_call(test1, test2, test3, test4, test5):
    return test1, test2, test3, test4, test5

def reset_sliders(event):
    slider_1.value = 10
    slider_2.value = 30
    slider_3.value = 50
    slider_4.value = 70
    slider_5.value = 90
reset_button.on_click(reset_sliders)

material.sidebar.append(slider_1)
material.sidebar.append(slider_2)
material.sidebar.append(slider_3)
material.sidebar.append(slider_4)
material.sidebar.append(slider_5)
material.sidebar.append(reset_button)

material.main.append(pn.Column(test_call))
material.servable()

Screenshots or screencasts of the bug in action

Start State

Random Slider values

Reset button is pressed, sliders show correct values, but programmatic values seen by test_call are not updated

Clicking on slider 5 updated the slider 5 value seen in test_call but the others remain out of sync.

[hoxbro]

You can get this to work by changing the test_call to be depending on value instead of value_throttled:

@pn.depends(
    slider_1.param.value,
    slider_2.param.value,
    slider_3.param.value,
    slider_4.param.value,
    slider_5.param.value,
)
def test_call(test1, test2, test3, test4, test5):
    return test1, test2, test3, test4, test5

If you want all the sliders to be throttled I would set pn.config.throttled =True after the imports.

[tokotchd]

Thank you for the concise and hasty reply.

Both parts of what you said are true:
This expected behavior of the reset button does not occur when using .value
Using Pn.config.throttled = true allowed us to keep the desired throttle behavior and achieve intended behavior with the reset button.

Thanks!