{#if prefix === undefined}
select('settings')}
class={classNames(
'border w-full rounded-md p-2 bg-white text-sm cursor-pointer flex items-center mb-4',
$selectedId.includes('settings')
? 'outline outline-offset-1 outline-2 outline-slate-900'
: ''
)}
>
Settings
select('inputs')}
isFirst
hasLine
selected={$selectedId === 'inputs'}
>
Inputs
{/if}
{#each modules as mod, index (index)}
{#if mod.value.type === 'forloopflow'}
-
removeAtIndex(index)}
on:click={() => select(['loop', String(index)].join('-'))}
selected={$selectedId === ['loop', String(index)].join('-')}
>
{index + 1}
For loop
The loop's result is the list of every iteration's result.
{:else}
-
select([prefix, String(index)].filter(Boolean).join('-'))}
color={prefix ? 'orange' : 'blue'}
isLast={index === modules.length - 1}
selected={$selectedId === [prefix, String(index)].filter(Boolean).join('-')}
deletable
on:delete={() => removeAtIndex(index)}
>
{index + 1}
{/if}
{/each}