{#if !isBranchAll}

If defined, at the end of the step, the predicate expression will be evaluated to decide if the flow should stop early or break if inside a for/while loop. { if (isStopAfterIfEnabled && flowModule.stop_after_if) { flowModule.stop_after_if = undefined } else { flowModule.stop_after_if = { expr: 'result == undefined', skip_if_stopped: false } } }} options={{ right: isLoop ? 'Break loop' : parentLoopId ? 'Break parent loop module' : 'Stop flow' + ' if condition met' }} />

{#if flowModule.stop_after_if} {@const earlyStopResult = isLoop ? Array.isArray(result) && result.length > 0 ? result[result.length - 1] : result === NEVER_TESTED_THIS_FAR ? result : undefined : result} {#if !parentLoopId && !isLoop} {/if} Stop condition expression

{ editor?.insertAtCursor(detail) editor?.focus() }} >

{:else} {#if !parentLoopId && !isLoop} {/if} Stop condition expression

{/if}
			</div>
		</Section>
	{/if}

{#if isLoop || isBranchAll}
		<Section
			label={(parentLoopId ? 'Break parent loop module ' + parentLoopId : 'Stop flow early') +
				(isBranchAll
					? ' (evaluated after all branches have been run)'
					: ' (evaluated after all iterations)')}
			class="w-full"
		>
			<svelte:fragment slot="header">
				<Tooltip documentationLink="https://www.windmill.dev/docs/flows/early_stop">
					If defined, at the end of the step, the predicate expression will be evaluated to decide
					if the flow should stop early or break if inside a for/while loop.
				</Tooltip>
			</svelte:fragment>

<Toggle
				checked={isStopAfterAllIterationsEnabled}
				on:change={() => {
					if (isStopAfterAllIterationsEnabled && flowModule.stop_after_all_iters_if) {
						flowModule.stop_after_all_iters_if = undefined
					} else {
						flowModule.stop_after_all_iters_if = {
							expr: 'result == undefined',
							skip_if_stopped: false
						}
					}
				}}
				options={{
					right: (parentLoopId ? 'Break parent loop module' : 'Stop flow') + ' if condition met'
				}}
			/>

<div
				class="w-full border p-2 flex flex-col {flowModule.stop_after_all_iters_if
					? ''
					: 'bg-surface-secondary'}"
			>
				{#if flowModule.stop_after_all_iters_if}
					{#if !parentLoopId}
						<Toggle
							size="xs"
							bind:checked={flowModule.stop_after_all_iters_if.skip_if_stopped}
							options={{
								right: 'Label flow as "skipped" if stopped'
							}}
						/>
					{/if}
					<span class="mt-2 text-xs font-bold">Stop condition expression</span>
					<div class="border w-full">
						<PropPickerWrapper
							notSelectable
							flow_input={stepPropPicker.pickableProperties.flow_input}
							pickableProperties={undefined}
							{result}
							on:select={({ detail }) => {
								editor?.insertAtCursor(detail)
								editor?.focus()
							}}
						>
							<SimpleEditor
								bind:this={editor}
								lang="javascript"
								bind:code={flowModule.stop_after_all_iters_if.expr}
								class="few-lines-editor"
								extraLib={`declare const result = ${JSON.stringify(result)};`}
							/>
						</PropPickerWrapper>
					</div>
				{:else}
					{#if !parentLoopId}
						<Toggle
							disabled
							size="xs"
							options={{
								right: 'Label flow as "skipped" if stopped'
							}}
						/>
					{/if}
					<span class="mt-2 text-xs font-bold">Stop condition expression</span>
					<textarea disabled rows="3" class="min-h-[80px]" />
				{/if}
			</div>
		</Section>
	{/if}
</div>