Fix CtlSlider not updating when value changed

Author: welchr

src/components/DataTable/DataTable.vue

@@ -149,6 +149,11 @@ watch(() => appStore.filterPanelControls.filterDataChanged, async () => {
 })
 
 watch(() => appStore[currentPageName.value]?.showOrphans, async () => {
+  let showOrphans = appStore[currentPageName.value].showOrphans
+  if (showOrphans) {
+    appStore[currentPageName.value].filters.h4 = 0
+    appStore[currentPageName.value].filters.r2 = 0
+  }
   await loadDataDebounced()
 })
 

src/components/misc widgets/CtlSlider.vue

@@ -63,6 +63,23 @@ watch(() => resetInput.value, () => {
   }
 })
 
+watch(
+  () => {
+    // Same logic as onSliderChangeEnd to get the value from the store
+    if (controlSet.topKey === 'filter') {
+      return appStore[appStore.currentPageName]?.filters?.[controlSet.storeKey]
+    }
+    return appStore[appStore.currentPageName]?.[controlSet.storeKey]
+  },
+  (newValue) => {
+    // Use inputValue (not controlValue) and check for undefined
+    if (newValue !== undefined && newValue !== inputValue.value) {
+      inputValue.value = newValue
+      controlLabel.value = `${controlSet.title} ${newValue}`
+    }
+  }
+)
+
 </script>
 
 <style scoped>