{#if graph?.error}

{graph.error}

{:else} {#if sharedViewport && onViewportChange} {/if} { document.dispatchEvent(new Event('focus')) if (actualSelectionManager.mode === 'normal') { actualSelectionManager.clearSelection() } }} onnodedragstop={(event) => { const node = event.targetNode if (node && node.type === 'note') { onNotePositionUpdate?.(node.id, node.position) } }} 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 noteMode} {/if} {#if multiSelectEnabled} !id.startsWith('Settings') && !id.startsWith('Trigger') && !id.startsWith('Result') )} > actualSelectionManager.selectedIds.includes(node.id) )} /> actualSelectionManager.selectNodes(nodeIds, addToExisting, modules, nodes)} {nodes} /> {/if} {#if leftHeader}

{@render leftHeader()}

{:else} {#if multiSelectEnabled}

{ actualSelectionManager.mode = actualSelectionManager.mode === 'normal' ? 'rect-select' : 'normal' }} title="Toggle rectangle selection" class={actualSelectionManager.mode === 'rect-select' ? 'text-accent !bg-surface-selected' : ''} > {#if actualSelectionManager.selectedIds.length > 0} {actualSelectionManager.selectedIds.length} selected {/if}

{/if} {#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}