{#snippet table_region({ region_name, rows, on_cell_click, }: { region_name: "main" | "inserter"; rows: Row[]; on_cell_click(ev: MouseEvent, coords: Coords): void; })} {#if lazy_data} {#each rows as row, row_index}
{#each lazy_data.fields as field, field_index} {@const cell_data = row.data[field_index]} {@const cell_coords: Coords = [row_index, field_index]} {@const cell_selected = selections.some( (sel) => sel.region === region_name && coords_eq(sel.coords, cell_coords), )} {@const null_value_class = region_name === "inserter" && field.has_default ? "ti-sparkles" : "ti-cube-3d-sphere-off"} {@const invalid_value = field.not_null && !field.has_default && cell_data.c === undefined}
on_cell_click(ev, cell_coords)} ondblclick={() => { datum_editor?.focus(); }} role="gridcell" style:width={`${field.field.table_width_px}px`} tabindex="-1" >
{#if field.field.presentation.t === "Dropdown"} {#if cell_data.t === "Text"}
{#if cell_data.c === undefined} {:else}
option.value === cell_data.c) ?.color.toLocaleLowerCase("en-US") ?? "grey" }`, ]} > {cell_data.c}
{/if}
{:else} UNKNOWN {/if} {:else if field.field.presentation.t === "Text"}
{#if cell_data.c === undefined} {:else} {cell_data.c} {/if}
{:else if field.field.presentation.t === "Uuid"}
{#if cell_data.c === undefined} {:else} {cell_data.c} {/if}
{:else}
UNKNOWN
{/if} {#if invalid_value}
{/if}
{/each}
{/each} {/if} {/snippet}
{#if lazy_data}
{ try_queue_delta(); }} onkeydown={handle_table_keydown} role="grid" tabindex="0" >
{#each lazy_data.fields as _, field_index} {/each}
{@render table_region({ region_name: "main", rows: lazy_data.rows, on_cell_click: handle_main_cell_click, })}
{@render table_region({ region_name: "inserter", rows: inserter_rows, on_cell_click: handle_inserter_cell_click, })}
{#each inserter_rows as row} {#each lazy_data.fields as field, field_index} {/each} {/each}
{#if selections.length === 1} { try_sync_edit_to_cells(); }} /> {/if}
{/if}