{@render openEditTab?.()}

{#if !noPreview}

{#if addProperty}

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

{/if}

(previewSchema ? previewSchema : schema), (newSchema) => { schema = newSchema tick().then(() => dispatch('change', schema)) } } {dndType} {disableDnd} {onlyMaskPassword} bind:args on:click={(e) => { opened = e.detail }} on:reorder={(e) => { schema = { ...schema, order: e.detail } tick().then(() => dispatch('change', schema)) }} prettifyHeader={isAppInput} disabled={!!previewSchema} {diff} on:acceptChange on:rejectChange on:nestedChange={() => { dispatch('change', schema) }} {shouldDispatchChanges} bind:isValid noVariablePicker={noVariablePicker || customUi?.disableVariablePicker === true} /> {@render runButton?.()}

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

{ schemaString = JSON.stringify(schema, null, '\t') editor?.setCode(schemaString) }} />

{/if} {#if !jsonView}

{#if keys.length > 0} {#each keys as argName, i (argName)}

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

{argName} {#if !uiOnly}

{#snippet trigger()}

{/snippet}

{/if}

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

{#if opened === argName}

{#if !hiddenArgs.includes(argName) && Object.keys(schema?.properties ?? {}).includes(argName)} {#if typeof args == 'object' && schema?.properties[argName]} { schema = $state.snapshot(schema) dispatch('change', schema) }} > {#snippet typeeditor()} {#if isFlowInput || isAppInput} computeSelected(schema.properties[opened ?? '']), (v) => { const isS3 = v == 'S3' const isOneOf = v == 'oneOf' 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 (isS3) { schema.properties[argName] = { ...emptyProperty, type: 'object', format: 'resource-s3_object' } } 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' } } }, { title: 'Option 2', type: 'object', properties: { label: { type: 'string', enum: ['Option 2'] }, property_2: { type: 'string' } } } ] } } else { schema.properties[argName] = { ...emptyProperty, format: undefined, type: v } } } } on:selected={(e) => { schema = schema dispatch('change', schema) dispatch('schemaChange') }} > {#snippet children({ item })} {#each [['String', 'string'], ['Number', 'number'], ['Integer', 'integer'], ['Object', 'object'], ['OneOf', 'oneOf'], ['Array', 'array'], ['Boolean', 'boolean'], ['S3 Object', 'S3']] as x} {/each} {/snippet} {/if} {/snippet} {#if isFlowInput || isAppInput} { if (event.detail.required) { schema.required = schema.required ?? [] schema.required.push(argName) } else { schema.required = schema.required?.filter( (x) => x !== argName ) } dispatch('change', schema) }} on:schemaChange={(e) => { schema = $state.snapshot(schema) dispatch('change', schema) dispatch('schemaChange') }} /> {/if} {/if} {/if}

{/if}

{/each} {:else if !shouldHideNoInputs}

No inputs

{/if}