{#if insertable}
{/if}
{#if graph?.error}
{graph.error}
{:else}
{#if sharedViewport && onViewportChange}
{/if}
{
document.dispatchEvent(new Event('focus'))
}}
onmove={(event, viewport) => {
viewportSynchronizer?.handleLocalViewportChange(event, viewport)
}}
{nodes}
{edges}
{edgeTypes}
{nodeTypes}
{height}
{width}
minZoom={0.2}
maxZoom={1.2}
connectionLineType={ConnectionLineType.SmoothStep}
defaultEdgeOptions={{ type: 'smoothstep' }}
preventScrolling={scroll}
zoomOnDoubleClick={false}
elementsSelectable={false}
{proOptions}
nodesDraggable={false}
--background-color={false}
>
{#if leftHeader}
{@render leftHeader()}
{:else}
{#if download}
{
try {
localStorage.setItem(
'svelvet',
encodeState({ modules, failureModule, preprocessorModule })
)
} catch (e) {
console.error('error interacting with local storage', e)
}
window.open('/view_graph', '_blank')
}}
class="!bg-surface"
>
{/if}
{#if showDataflow}
{/if}
{/if}
{/if}