[PR #173] feat: add RangeSelector component #165

New issue

Closed

opened 2026-02-26 17:37:35 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 17:37:35 +03:00

Owner

Original Pull Request: https://github.com/Corsinvest/cv4pve-admin/pull/173

State: closed
Merged: Yes

Summary

New RangeSelector Blazor component with overlay mode and full-height draggable handles
Dark mask overlay on left/right areas outside the selected range
Value badge labels above handles with anti-overlap clamping
Central area drag to move the entire range
Realtime update support with configurable debounce
CSS classes prefixed with cv4pve-range-selector
JS module cv4pve.RangeSelector with zero SignalR traffic during drag (notifies .NET only on release or when value actually changes)

Test plan

Drag start/end handles and verify range updates correctly
Drag central area and verify entire range moves
Verify dark masks cover areas outside selection
Verify value badge labels stay visible at edges and don't overlap when handles are close
Test realtime update toggle with and without debounce
Test touch support on mobile

**Original Pull Request:** https://github.com/Corsinvest/cv4pve-admin/pull/173 **State:** closed **Merged:** Yes --- ## Summary - New `RangeSelector` Blazor component with overlay mode and full-height draggable handles - Dark mask overlay on left/right areas outside the selected range - Value badge labels above handles with anti-overlap clamping - Central area drag to move the entire range - Realtime update support with configurable debounce - CSS classes prefixed with `cv4pve-range-selector` - JS module `cv4pve.RangeSelector` with zero SignalR traffic during drag (notifies .NET only on release or when value actually changes) ## Test plan - [ ] Drag start/end handles and verify range updates correctly - [ ] Drag central area and verify entire range moves - [ ] Verify dark masks cover areas outside selection - [ ] Verify value badge labels stay visible at edges and don't overlap when handles are close - [ ] Test realtime update toggle with and without debounce - [ ] Test touch support on mobile