{@render openEditTab?.()}

{#if !noPreview}

{#if addProperty}

0 ? `width: 100%;` : `width: calc(100% - ${panelButtonWidth - pannelExtraButtonWidth}px);`} > {@render addProperty?.()}

{/if}

(previewSchema ? previewSchema : schema), (newSchema) => { schema = newSchema } } {hiddenArgs} {disableDnd} {onlyMaskPassword} {workspace} bind:args on:click={(e) => { opened = e.detail }} on:reorder={(e) => { let order = e.detail let newProperties = {} for (let key of order) { newProperties[key] = schema.properties[key] } schema = { ...schema, properties: newProperties, order: e.detail } }} helperScript={{ source: 'inline', code: dynCode!, lang: dynLang! }} prettifyHeader={isAppInput} disabled={!!previewSchema} {diff} on:acceptChange on:rejectChange {shouldDispatchChanges} bind:isValid noVariablePicker={noVariablePicker || customUi?.disableVariablePicker === true} /> {@render runButton?.()} {#if dynamicFunctions.length > 0}

{#if dynamicFunctions.length > 0}

Expected Functions for Dynamic Input Fields:

{functionName}()

{/if} { dynCode = initDynFn(detail) }} > {#snippet children({ item })} {/snippet} {#key dynLang}

{/key}

{/if}

{/if} {#if editPanelSize > 0} 0 ? 'rounded-tl-none' : '')} > {#if editTab !== 'inputEditor'} {@render extraTab?.()} {:else} {#if jsonEnabled && customUi?.jsonOnly != true}

{#if addPropertyInEditorTab} { openField(propertyName) }} > {#snippet trigger()}

{/if} {#if !jsonView}

{#if keys.length > 0} {#each keys as argName, i (argName)} {@const locked = lockedArgs.includes(argName)}

{ if (opened === argName) { opened = undefined } else { opened = argName } }} >

{argName} {#if !uiOnly && !locked}

{#snippet trigger()}

{/snippet}

{/if}

{#if schema.required?.includes(argName)} Required {/if} {#if !uiOnly && !locked} {/if}

{#if opened === argName}

{#if Object.keys(schema?.properties ?? {}).includes(argName)} {#if typeof args == 'object' && schema?.properties[argName]} {#snippet typeeditor()} {#if isFlowInput || isAppInput} computeSelected(schema.properties[opened ?? '']), (v) => { const isResource = v == 'resource' const isS3 = v == 'S3' const isOneOf = v == 'oneOf' const isDynSelect = v == 'dynselect' const isDynMultiselect = v == 'dynmultiselect' const emptyProperty = { contentEncoding: undefined, enum_: undefined, pattern: undefined, default: undefined, min: undefined, max: undefined, currency: undefined, currencyLocale: undefined, multiselect: undefined, password: undefined, dateFormat: undefined, ...(v == 'array' ? { items: { type: 'string' } } : {}), showExpr: undefined, nullable: undefined, required: undefined } if ( isDynMultiselect && args && !Array.isArray(args?.[argName]) ) { args[argName] = [] } if (isS3) { schema.properties[argName] = { ...emptyProperty, type: 'object', format: 'resource-s3_object' } } else if (isResource) { schema.properties[argName] = { ...emptyProperty, type: 'object', format: 'resource-' } } else if (isDynSelect || isDynMultiselect) { const functionName = argName.replace(/\s+/g, '_') schema.properties[argName] = { ...emptyProperty, type: 'object', format: (isDynSelect ? 'dynselect-' : 'dynmultiselect-') + functionName } updateDynCode(argName, dynLang) dynamicSelectEditor?.setCode(dynCode || '') } else if (isOneOf) { schema.properties[argName] = { ...emptyProperty, type: 'object', oneOf: [ { title: 'Option 1', type: 'object', properties: { label: { type: 'string', enum: ['Option 1'] }, property_1: { type: 'string' } }, order: ['property_1'] }, { title: 'Option 2', type: 'object', properties: { label: { type: 'string', enum: ['Option 2'] }, property_2: { type: 'string' } }, order: ['property_2'] } ] } } else { schema.properties[argName] = { ...emptyProperty, format: undefined, type: v } } schema.properties = schema.properties } } > {#snippet children({ item })} {#each typeOptions as x} {/each} {#if showDynOpt} {#each DYNAMIC_OPTIONS as x} {/each} {/if} {/snippet} {/if} {/snippet} {#if isFlowInput || isAppInput} { dndType = generateRandomString() }} bind:defaultValue={schema.properties[argName].default} {variableEditor} {itemPicker} bind:nullable={schema.properties[argName].nullable} bind:disabled={schema.properties[argName].disabled} type={schema.properties[argName]?.type} bind:oneOf={schema.properties[argName].oneOf} bind:format={schema.properties[argName].format} contentEncoding={schema.properties[argName].contentEncoding} required={schema.required?.includes(argName) ?? false} pattern={schema.properties[argName].pattern} password={schema.properties[argName].password} propsNames={schema.properties[argName].propsNames} bind:showExpr={schema.properties[argName].showExpr} extra={schema.properties[argName]} customErrorMessage={schema.properties[argName].customErrorMessage} itemsType={schema.properties[argName].items} bind:properties={schema.properties[argName].properties} bind:order={schema.properties[argName].order} bind:requiredProperty={schema.properties[argName].required} bind:hideCatalogPicker={ schema.properties[argName].hideCatalogPicker } bind:hideRawInput={schema.properties[argName].hideRawInput} {displayWebhookWarning} on:requiredChange={(event) => { if (event.detail.required) { schema.required = schema.required ?? [] schema.required.push(argName) } else { schema.required = schema.required?.filter( (x) => x !== argName ) } }} /> {/if} {/if} {/if}

{/if}

{/each} {:else if !shouldHideNoInputs}

No inputs

{/if}