{#if !noPreview}

{#if $$slots.addProperty}

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

{/if}

{ opened = e.detail }} on:reorder={(e) => { schema.order = e.detail schema = schema tick().then(() => dispatch('change', schema)) }} on:change={() => { schema = schema 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} />

{/if} {#if editPanelSize > 0} 0 ? 'rounded-tl-none' : '')} > {#if editTab !== 'inputEditor'} {: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}

{/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 = schema dispatch('change', schema) }} > {#if isFlowInput || isAppInput} { const isS3 = e.detail == 'S3' const isOneOf = e.detail == '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, ...(e.detail == '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: e.detail } } // No better solution than this, needs future rework setTimeout(() => { schema = schema dispatch('change', schema) }, 100) dispatch('schemaChange') }} > {#each [['String', 'string'], ['Number', 'number'], ['Integer', 'integer'], ['Object', 'object'], ['OneOf', 'oneOf'], ['Array', 'array'], ['Boolean', 'boolean'], ['S3 Object', 'S3']] as x} {/each} {/if} {#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 = schema dispatch('change', schema) dispatch('schemaChange') }} /> {/if} {/if} {/if}

{/if}

{/each} {:else if !shouldHideNoInputs}

No inputs

{/if}