@@ -304,16 +304,32 @@ function hasVisibleItemsAfter(items, currentIndex) {
304304 hide- details
305305 >< / v- text- field>
306306
307- <!-- Numeric input -->
308- < v - text - field
307+ <!-- Numeric input with optional slider -->
308+ < div
309309 v- else - if = " (metadata[metadataKey].items[key]?.type === 'int' || metadata[metadataKey].items[key]?.type === 'float') && !metadata[metadataKey]?.invisible"
310- v- model= " iterable[key]"
311- density= " compact"
312- variant= " outlined"
313- class = " config-field"
314- type= " number"
315- hide- details
316- >< / v- text- field>
310+ class = " d-flex align-center gap-3"
311+ >
312+ < v- slider
313+ v- if = " metadata[metadataKey].items[key]?.slider"
314+ v- model .number = " iterable[key]"
315+ : min= " metadata[metadataKey].items[key]?.slider?.min ?? 0"
316+ : max= " metadata[metadataKey].items[key]?.slider?.max ?? 100"
317+ : step= " metadata[metadataKey].items[key]?.slider?.step ?? 1"
318+ color= " primary"
319+ density= " compact"
320+ hide- details
321+ class = " flex-grow-1"
322+ >< / v- slider>
323+ < v- text- field
324+ v- model .number = " iterable[key]"
325+ density= " compact"
326+ variant= " outlined"
327+ class = " config-field"
328+ type= " number"
329+ hide- details
330+ style= " max-width: 140px;"
331+ >< / v- text- field>
332+ < / div>
317333
318334 <!-- Text area -->
319335 < v- textarea
@@ -413,16 +429,32 @@ function hasVisibleItemsAfter(items, currentIndex) {
413429 hide- details
414430 >< / v- text- field>
415431
416- <!-- Numeric input -->
417- < v - text - field
432+ <!-- Numeric input with optional slider -->
433+ < div
418434 v- else - if = " (metadata[metadataKey]?.type === 'int' || metadata[metadataKey]?.type === 'float') && !metadata[metadataKey]?.invisible"
419- v- model= " iterable[metadataKey]"
420- density= " compact"
421- variant= " outlined"
422- class = " config-field"
423- type= " number"
424- hide- details
425- >< / v- text- field>
435+ class = " d-flex align-center gap-3"
436+ >
437+ < v- slider
438+ v- if = " metadata[metadataKey]?.slider"
439+ v- model .number = " iterable[metadataKey]"
440+ : min= " metadata[metadataKey]?.slider?.min ?? 0"
441+ : max= " metadata[metadataKey]?.slider?.max ?? 100"
442+ : step= " metadata[metadataKey]?.slider?.step ?? 1"
443+ color= " primary"
444+ density= " compact"
445+ hide- details
446+ class = " flex-grow-1"
447+ >< / v- slider>
448+ < v- text- field
449+ v- model .number = " iterable[metadataKey]"
450+ density= " compact"
451+ variant= " outlined"
452+ class = " config-field"
453+ type= " number"
454+ hide- details
455+ style= " max-width: 140px;"
456+ >< / v- text- field>
457+ < / div>
426458
427459 <!-- Text area -->
428460 < v- textarea
0 commit comments