Migrate nodeList subcomponents

This commit is contained in:
Christoph Kluge
2025-06-26 12:29:48 +02:00
parent db5f6c7540
commit e94b250541
4 changed files with 62 additions and 45 deletions

View File

@@ -6,18 +6,18 @@
- `items [Any]`: List of plot components to render
-->
<script>
import {
Row,
Col,
} from "@sveltestrap/sveltestrap";
<script>
import {
Row,
Col,
} from "@sveltestrap/sveltestrap";
/* Svelte 5 Props */
let {
items,
itemsPerRow,
gridContent
} = $props();
/* Svelte 5 Props */
let {
items,
itemsPerRow,
gridContent
} = $props();
</script>
<Row cols={{ xs: 1, sm: 2, md: 3, lg: itemsPerRow}}>

View File

@@ -18,6 +18,7 @@ Changes #2: Rewritten for Svelte 5, removed bodyHandler
-->
<script>
/* Svelte 5 Props */
let {
sliderMin,
sliderMax,
@@ -26,6 +27,7 @@ Changes #2: Rewritten for Svelte 5, removed bodyHandler
changeRange
} = $props();
/* State Init */
let pendingValues = $state([fromPreset, toPreset]);
let sliderFrom = $state(Math.max(((fromPreset == null ? sliderMin : fromPreset) - sliderMin) / (sliderMax - sliderMin), 0.));
let sliderTo = $state(Math.min(((toPreset == null ? sliderMin : toPreset) - sliderMin) / (sliderMax - sliderMin), 1.));
@@ -34,7 +36,10 @@ Changes #2: Rewritten for Svelte 5, removed bodyHandler
let leftHandle = $state();
let sliderMain = $state();
/* Var Init */
let timeoutId = null;
/* Functions */
function queueChangeEvent() {
if (timeoutId !== null) {
clearTimeout(timeoutId)