{#if !rangeSlider} {#each trackSamples as sample} {/each} {/if} {#each midpointPositions as midpoint, index} {#if midpoint >= 0 && midpoint <= 1} midpointPointerDown(e, index)} on:dblclick={() => midpointDoubleClick(index)} data-gradient-midpoint xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8" > {/if} {/each} {#each dashes as dash}
= highlightedRun[0] && dash.index < highlightedRun[1]} style:--span-left={dash.left} style:--span-width={dash.width} on:pointerenter={() => (hoverRun = dashedRun(dash.index))} on:pointerleave={() => (hoverRun = undefined)} on:pointerdown={(e) => dashPointerDown(e, dash.index)} on:dblclick={() => resetRun(...dashedRun(dash.index))} >
{/each} {#each markers as marker, index} {#if marker.position >= 0 && marker.position <= 1} = highlightedRun[0] && index <= highlightedRun[1]} style:--marker-position={marker.position} style:--marker-color={marker.handleColorCSS} on:pointerenter={() => markerPointerEnter(index)} on:pointerleave={() => (hoverRun = undefined)} on:pointerdown={(e) => markerPointerDown(e, index)} on:dblclick={() => markerDoubleClick(index)} data-gradient-marker xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" > {#if disabled} {/if} {/if} {/each}