{#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)}
insertAtIndex(index)} type="button" class="text-gray-900 m-0.5 my-0.5 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-6 h-6 flex items-center justify-center" >
{#if mod.value.type === 'forloopflow'}
removeAtIndex(index)} on:click={() => select(['loop', String(index)].join('-'))} selected={$selectedId === ['loop', String(index)].join('-')} >
{index + 1}
For loop
{#if moduleStates[index]?.childFlowModules}
{/if}
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={(event) => { if (event.detail.event.shiftKey || isEmptyFlowModule(mod)) { removeAtIndex(index) } else { indexToRemove = index } }} >
{index + 1}
{mod.summary || mod.value.path || (mod.value.type === 'rawscript' ? `Inline ${mod.value.language}` : 'Select a script')}
{/if} {/each}
insertAtIndex(modules.length)} type="button" class="text-gray-900 bg-white border m-0.5 border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-6 h-6 flex items-center justify-center" >
{#if prefix === undefined}
{/if}
{ indexToRemove = undefined }} on:confirmed={() => { if (indexToRemove !== undefined) { removeAtIndex(indexToRemove) indexToRemove = undefined } }} />