Legacy ADMY RangeSlider
Положение считается по ширине полосы и исходному min/max. Левая граница null не создаёт ручку. Mousedown и touchstart сразу обновляют текущую границу; последующее движение округляет значение до целого. При выходе за from/to выбирается другая граница; результат ограничивается min/max. Mouseup, mouseleave и touchend заканчивают движение. Исходные значения вне диапазона и пересечённый диапазон отображаются по тем же формулам, без предварительной нормализации.
Статус: experimental · в системе с 2026-09 · интерактивность: conditional (по конфигурации)
Когда использовать
- Перенос RangeSlider из закреплённого legacy-снимка.
Не использовать:
- Новая композиция без требования сохранить старые правила.
Исходный вариант
Компонент с видимыми исходными данными.
<!--
/**
* 🟢
*
* Образец показывает исходный RangeSlider с видимыми значениями.
* Данные можно менять исходными жестами без продуктовой логики.
*/
-->
<script>
import Component from "$lib/ui/LegacyAdmyRangeSlider.svelte";
const props = $derived({"from":20,"to":80,"min":0,"max":100,"labels":[0,100]});
</script>
<Component {...props} />