{#each filled as bucket, i (bucket.month)} onbarpointerdown(e, i)} onpointerenter={() => onbarpointerenter(i)} onclick={() => onbarclick(i)} class="bar group flex h-full min-w-px flex-1 cursor-pointer items-end justify-center bg-transparent p-0 transition-colors focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:ring-offset-2 focus-visible:outline-none" class:selected={isSelected(bucket.month)} class:in-drag-preview={isInDragPreview(i)} > {/each} {#if isDragging} {/if}