Filters
{#if value.length > 0}
Match
{#each CONJUNCTIONS as c}
emit(value, c)} >{c.toUpperCase()}
{/each}
conditions
{/if}
+ Add rule
{#if value.length > 0}
emit([])} >Clear
{/if}
{#if value.length > 0}
{#each value as rule, i} {@const f = fields.find((x) => x.key === rule.field)} {@const ops = opsFor(f?.type)} {@const fieldId = `${uid}-f${i}`} {@const opId = `${uid}-op${i}`} {@const valId = `${uid}-v${i}`}
Field {i + 1}
setField(rule.id, e.currentTarget.value)} aria-label={`Rule ${i + 1} field`} > {#each fields as x}
{x.label}
{/each}
Operator {i + 1}
setOp(rule.id, e.currentTarget.value)} aria-label={`Rule ${i + 1} operator`} > {#each ops as op}
{op}
{/each}
Value {i + 1}
{#if f?.type === 'select'}
setValue(rule.id, e.currentTarget.value)} aria-label={`Rule ${i + 1} value`} >
Any
{#each f.options ?? [] as o}
{o}
{/each}
{:else}
setValue(rule.id, e.currentTarget.value)} aria-label={`Rule ${i + 1} value`} /> {/if}
removeRule(rule.id)} >
{/each}
{/if}