(isDragging || isHover) && handleMouseEvent({ clientY })} onmousedown={({ clientY }) => isHover && handleMouseEvent({ clientY, isDragging: true })} onmouseup={({ clientY }) => handleMouseEvent({ clientY, isDragging: false })} ontouchstart={onTouchStart} ontouchend={onTouchEnd} ontouchcancel={onTouchEnd} />
(isHover = true)} onmouseleave={() => (isHover = false)} onkeydown={(event) => onScrubKeyDown?.(event, event.currentTarget)} draggable="false" > {#if !usingMobileDevice && hoverLabel && (isHover || isDragging)}
{hoverLabel}
{/if} {#if usingMobileDevice && ((assetStore.scrolling && scrollHoverLabel) || isHover || isDragging)}
{#if (assetStore.scrolling && scrollHoverLabel) || isHover || isDragging}

{scrollHoverLabel}

{/if}
{/if} {#if !usingMobileDevice && !isDragging}
{#if assetStore.scrolling && scrollHoverLabel}

{scrollHoverLabel}

{/if}
{/if}
{#if relativeTopOffset > 6}
{/if}
{#each segments as segment (segment.date)}
{#if !usingMobileDevice && segment.hasLabel}
{segment.date.year}
{/if} {#if !usingMobileDevice && segment.hasDot}
{/if}
{/each}