{#if !(tables?.length > 0)}
Drag & drop tables or views from left panel here
{#if allowAddTablesButton}
{/if}
{/if}
e.preventDefault()}
on:drop={handleDrop}
style={`width:${canvasWidth / zoomKoef}px;height:${canvasHeight / zoomKoef}px;
${settings?.customizeStyle && value?.style?.zoomKoef ? `transform:scale(${value?.style?.zoomKoef});transform-origin: top left;` : ''}
`}
on:mousedown={e => {
if (e.button == 0 && settings?.canSelectTables) {
callChange(
current => ({
...current,
tables: (current.tables || []).map(x => ({ ...x, isSelectedTable: false })),
}),
true
);
}
}}
use:moveDrag={settings?.canSelectTables ? [handleMoveStart, handleMove, handleMoveEnd] : null}
>
{#each references || [] as ref (ref.designerId)}
{/each}
{#each tables || [] as table (table.designerId)}
{/each}
{#if dragStartPoint && dragCurrentPoint}
{/if}
{#if showColumnFilter && tables?.length > 0}
{/if}