{#if !(tables?.length > 0)}
Drag & drop tables or views from left panel here
{/if}
e.preventDefault()}
on:drop={handleDrop}
style={`width:${canvasWidth}px;height:${canvasHeight}px;`}
on:mousedown={e => {
if (e.button == 0 && settings?.canSelectTables) {
callChange(
current => ({
...current,
tables: (current.tables || []).map(x => ({ ...x, isSelectedTable: false })),
}),
true
);
}
}}
>
{#each references || [] as ref (ref.designerId)}
{/each}
{#each tables || [] as table (table.designerId)}
{/each}