{#if dragActive}
⬇
DROP MEDIA HERE
{/if}
UPLOAD
{#if error}
{error}
{/if} {#if success}
{success}
BROWSE
{/if}
{ file = (e.target as HTMLInputElement).files?.[0] ?? null; }} disabled={loading} />
{file ? `CHANGE FILE: ${file.name}` : 'SELECT MEDIA'}
TAGS (COMMA-SEPARATED)
{ if (e.key === 'Enter') { if (sugIndex >= 0 && sugIndex < suggestions.length) { e.preventDefault(); selectSuggestion(suggestions[sugIndex]); } } else if (e.key === 'Tab' || e.key === 'ArrowDown') { if (showSuggestions && suggestions.length > 0) { e.preventDefault(); sugIndex = (sugIndex + 1) % suggestions.length; } } else if (e.key === 'ArrowUp') { if (showSuggestions && suggestions.length > 0) { e.preventDefault(); sugIndex = sugIndex <= 0 ? suggestions.length - 1 : sugIndex - 1; } } else if (e.key === 'Escape') { showSuggestions = false; sugIndex = -1; } }} onblur={() => setTimeout(() => { showSuggestions = false; sugIndex = -1; }, 200)} disabled={loading} /> {#if showSuggestions}
{#each suggestions as s, i}
selectSuggestion(s)}>{s}
{/each}
{/if}
{loading ? 'UPLOADING...' : 'UPLOAD'}