corex-ui / corex / 694796eb5572aff056ba530ff0dfc61424be7e0d

93%

push

github

feat: add Corex.Slider for single-thumb and range (#106)

* feat: add Corex.Slider for single-thumb and range

Uncontrolled Zag slider covering one thumb or N thumbs from the value
list, with form gating, JS/server API, design CSS, and demo/e2e coverage
following AngleSlider.

Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>

* fix: satisfy Credo and formatter for Slider

Simplify hidden-input attrs, use ~S in assertions, format e2e HEEx/JS
helpers, and order aliases so mix lint and prettier pass.

Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>

* fix: ignore Slider JS opaque Dialyzer contracts

Match other components: Phoenix.LiveView.JS.dispatch success typing
trips contract_with_opaque on Slider API helpers.

Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>

* fix: make Slider thumbs measurable and add max-width style axis

SSR thumbs now expose role=slider so Zag can measure size before the
first spread (contain alignment was leaving them visibility:hidden and
unfocusable). Wire the fill-host Max width section on the style page.

Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>

* fix: dismiss overlays before Slider-related E2E clicks

Open Combobox/DatePicker floating layers were intercepting Wallaby clicks
on the next trigger (playground Select, range anatomy). Close the open
layer first, and stop mapping slider track control to checkbox chrome.

Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>

* fix: keep slider thumbs and markers visible after hydration

Zag's default contain alignment hides thumbs and markers until thumbSize
is measured. Seed thumbSize from SSR layout before the machine starts so
hydration does not flash content away.

Also align SSR thumb and marker offsets with Zag's contain positioning
using calc() and --thumb-size, and add regression tests.

Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>... (continued)

494 of 544 new or added lines in 4 files covered. (90.81%)

8213 of 8810 relevant lines covered (93.22%)

36.6 hits per line