gridFocused.set(true)}
on:mouseleave={() => gridFocused.set(false)}
style="--row-height:{$rowHeight}px; --default-row-height:{DefaultRowHeight}px; --gutter-width:{GutterWidth}px; --max-cell-render-height:{MaxCellRenderHeight}px; --max-cell-render-width-overflow:{MaxCellRenderWidthOverflow}px; --content-lines:{$contentLines};"
>
{#if showControls}
{/if}
{#if $loaded}
{#if $config.canAddRows}
{/if}
{:else if $error}
There was a problem loading your grid
{$error}
{/if}
{#if $loading && !$error}
{/if}
{#if $config.canDeleteRows}
{/if}