Draw the progress indicator without Tailwind
Plan step 36 (actions). <x-progress> renders data-md-progress with data-md-color and data-md-circular/-wavy/-thick, and data-md-value/-max in place of data-value/data-max; no class list. progress.css draws LinearProgressIndicatorTokens and CircularProgressIndicatorTokens' stroke, sizes and colours, and the linear indicator's unconditional right-to-left mirror. Its sizing is a default only, same as loading.css: a caller's own class, unlayered or in Tailwind's utilities layer, still outranks it, so the width/ size detection regex the view carried is gone with it. resources/js/progress.js's WATCHED array and its reads follow the renamed hooks. ProgressTest (Feature and Browser) is rewritten on the hooks and ComponentStylesheet. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
This commit is contained in:
co-authored by
Claude Opus 5
parent
ce8ac4d316
commit
15cd306aba
@@ -111,7 +111,7 @@ it('turns indeterminate when a bound value is null, and back', function () {
|
||||
progressShowcase()->assertScript(onProgress('Bound', <<<'JS'
|
||||
set(null)
|
||||
await pause(100)
|
||||
const indeterminate = !el.hasAttribute('aria-valuenow') && !el.hasAttribute('data-value')
|
||||
const indeterminate = !el.hasAttribute('aria-valuenow') && !el.hasAttribute('data-md-value')
|
||||
const first = active().getAttribute('d')
|
||||
await pause(200)
|
||||
const moving = active().getAttribute('d') !== first
|
||||
|
||||
Reference in New Issue
Block a user