{original ? "Update" : "Create"} index

{ indexParts.unique = e.target.checked; indexParts.tableName = indexParts.tableName || collection?.name; index = CommonHelper.buildIndex(indexParts); }} /> Unique {#if isCodeEditorComponentLoading}

{:else}
            <svelte:component
                this={codeEditorComponent}
                id={uniqueId}
                placeholder={`eg. CREATE INDEX idx_test on ${collection?.name} (created)`}
                language="sql-create-index"
                minHeight="85"
                bind:value={index}
            />
        {/if}
    </Field>

{#if presetColumns.length > 0}
        <div class="inline-flex gap-10">
            <span class="txt txt-hint">Presets</span>
            {#each presetColumns as column}
                <button
                    type="button"
                    class="label link-primary"
                    class:label-info={indexColumns.includes(column)}
                    on:click={() => toggleColumn(column)}
                >
                    {column}
                </button>
            {/each}
        </div>
    {/if}

<svelte:fragment slot="footer">
        {#if original != ""}
            <button
                type="button"
                class="btn btn-sm btn-circle btn-hint btn-transparent m-r-auto"
                use:tooltip={{ text: "Delete", position: "top" }}
                on:click={() => remove()}
            >
                <i class="ri-delete-bin-7-line" />
            </button>
        {/if}
        <button type="button" class="btn btn-transparent" on:click={() => hide()}>
            <span class="txt">Cancel</span>
        </button>
        <button
            type="button"
            class="btn"
            class:btn-disabled={indexColumns.length <= 0}
            on:click={() => submit()}
        >
            <span class="txt">Set index</span>
        </button>
    </svelte:fragment>
</OverlayPanel>