{"version":3,"file":"FileUpload-oA3tCL_B.js","sources":["../../../../js/file/shared/utils.ts","../../../../js/file/shared/FilePreview.svelte","../../../../js/file/shared/File.svelte","../../../../js/file/shared/FileUpload.svelte"],"sourcesContent":["import type { FileData } from \"@gradio/client\";\n\nexport const prettyBytes = (bytes: number): string => {\n\tlet units = [\"B\", \"KB\", \"MB\", \"GB\", \"PB\"];\n\tlet i = 0;\n\twhile (bytes > 1024) {\n\t\tbytes /= 1024;\n\t\ti++;\n\t}\n\tlet unit = units[i];\n\treturn bytes.toFixed(1) + \"&nbsp;\" + unit;\n};\n","<script lang=\"ts\">\n\timport type { FileData } from \"@gradio/client\";\n\timport { prettyBytes } from \"./utils\";\n\timport { createEventDispatcher } from \"svelte\";\n\timport type { I18nFormatter, SelectData } from \"@gradio/utils\";\n\timport { DownloadLink } from \"@gradio/wasm/svelte\";\n\n\tconst dispatch = createEventDispatcher<{\n\t\tselect: SelectData;\n\t\tchange: FileData[] | FileData;\n\t\tdelete: FileData;\n\t}>();\n\texport let value: FileData | FileData[];\n\texport let selectable = false;\n\texport let height: number | undefined = undefined;\n\texport let i18n: I18nFormatter;\n\n\tfunction split_filename(filename: string): [string, string] {\n\t\tconst last_dot = filename.lastIndexOf(\".\");\n\t\tif (last_dot === -1) {\n\t\t\treturn [filename, \"\"];\n\t\t}\n\t\treturn [filename.slice(0, last_dot), filename.slice(last_dot)];\n\t}\n\n\t$: normalized_files = (Array.isArray(value) ? value : [value]).map((file) => {\n\t\tconst [filename_stem, filename_ext] = split_filename(file.orig_name ?? \"\");\n\t\treturn {\n\t\t\t...file,\n\t\t\tfilename_stem,\n\t\t\tfilename_ext\n\t\t};\n\t});\n\n\tfunction handle_row_click(\n\t\tevent: MouseEvent & { currentTarget: HTMLTableRowElement },\n\t\tindex: number\n\t): void {\n\t\tconst tr = event.currentTarget;\n\t\tconst should_select =\n\t\t\tevent.target === tr || // Only select if the click is on the row itself\n\t\t\t(tr &&\n\t\t\t\ttr.firstElementChild &&\n\t\t\t\tevent.composedPath().includes(tr.firstElementChild)); // Or if the click is on the name column\n\n\t\tif (should_select) {\n\t\t\tdispatch(\"select\", { value: normalized_files[index].orig_name, index });\n\t\t}\n\t}\n\n\tfunction remove_file(index: number): void {\n\t\tconst removed = normalized_files.splice(index, 1);\n\t\tnormalized_files = [...normalized_files];\n\t\tvalue = normalized_files;\n\t\tdispatch(\"delete\", removed[0]);\n\t\tdispatch(\"change\", normalized_files);\n\t}\n\n\tconst is_browser = typeof window !== \"undefined\";\n</script>\n\n<div\n\tclass=\"file-preview-holder\"\n\tstyle=\"max-height: {typeof height === undefined ? 'auto' : height + 'px'};\"\n>\n\t<table class=\"file-preview\">\n\t\t<tbody>\n\t\t\t{#each normalized_files as file, i (file)}\n\t\t\t\t<tr\n\t\t\t\t\tclass=\"file\"\n\t\t\t\t\tclass:selectable\n\t\t\t\t\ton:click={(event) => {\n\t\t\t\t\t\thandle_row_click(event, i);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<td class=\"filename\" aria-label={file.orig_name}>\n\t\t\t\t\t\t<span class=\"stem\">{file.filename_stem}</span>\n\t\t\t\t\t\t<span class=\"ext\">{file.filename_ext}</span>\n\t\t\t\t\t</td>\n\n\t\t\t\t\t<td class=\"download\">\n\t\t\t\t\t\t{#if file.url}\n\t\t\t\t\t\t\t<DownloadLink\n\t\t\t\t\t\t\t\thref={file.url}\n\t\t\t\t\t\t\t\tdownload={is_browser && window.__is_colab__\n\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t: file.orig_name}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{@html file.size != null\n\t\t\t\t\t\t\t\t\t? prettyBytes(file.size)\n\t\t\t\t\t\t\t\t\t: \"(size unknown)\"}&nbsp;&#8675;\n\t\t\t\t\t\t\t</DownloadLink>\n\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t{i18n(\"file.uploading\")}\n\t\t\t\t\t\t{/if}\n\t\t\t\t\t</td>\n\n\t\t\t\t\t{#if normalized_files.length > 1}\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"label-clear-button\"\n\t\t\t\t\t\t\t\taria-label=\"Remove this file\"\n\t\t\t\t\t\t\t\ton:click={() => {\n\t\t\t\t\t\t\t\t\tremove_file(i);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ton:keydown={(event) => {\n\t\t\t\t\t\t\t\t\tif (event.key === \"Enter\") {\n\t\t\t\t\t\t\t\t\t\tremove_file(i);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>×\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t{/if}\n\t\t\t\t</tr>\n\t\t\t{/each}\n\t\t</tbody>\n\t</table>\n</div>\n\n<style>\n\t.label-clear-button {\n\t\tcolor: var(--body-text-color-subdued);\n\t\tposition: relative;\n\t\tleft: -3px;\n\t}\n\n\t.label-clear-button:hover {\n\t\tcolor: var(--body-text-color);\n\t}\n\n\t.file-preview {\n\t\ttable-layout: fixed;\n\t\twidth: var(--size-full);\n\t\tmax-height: var(--size-60);\n\t\toverflow-y: auto;\n\t\tmargin-top: var(--size-1);\n\t\tcolor: var(--body-text-color);\n\t}\n\n\t.file-preview-holder {\n\t\toverflow: auto;\n\t}\n\n\t.file {\n\t\tdisplay: flex;\n\t\twidth: var(--size-full);\n\t}\n\n\t.file > * {\n\t\tpadding: var(--size-1) var(--size-2-5);\n\t}\n\n\t.filename {\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\toverflow: hidden;\n\t}\n\t.filename .stem {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n\t.filename .ext {\n\t\twhite-space: nowrap;\n\t}\n\n\t.download {\n\t\tmin-width: 8rem;\n\t\twidth: 10%;\n\t\twhite-space: nowrap;\n\t\ttext-align: right;\n\t}\n\t.download:hover {\n\t\ttext-decoration: underline;\n\t}\n\t.download > :global(a) {\n\t\tcolor: var(--link-text-color);\n\t}\n\n\t.download > :global(a:hover) {\n\t\tcolor: var(--link-text-color-hover);\n\t}\n\t.download > :global(a:visited) {\n\t\tcolor: var(--link-text-color-visited);\n\t}\n\t.download > :global(a:active) {\n\t\tcolor: var(--link-text-color-active);\n\t}\n\t.selectable {\n\t\tcursor: pointer;\n\t}\n\n\ttbody > tr:nth-child(even) {\n\t\tbackground: var(--block-background-fill);\n\t}\n\n\ttbody > tr:nth-child(odd) {\n\t\tbackground: var(--table-odd-background-fill);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport type { FileData } from \"@gradio/client\";\n\timport { BlockLabel, Empty } from \"@gradio/atoms\";\n\timport { File } from \"@gradio/icons\";\n\timport FilePreview from \"./FilePreview.svelte\";\n\timport type { I18nFormatter } from \"@gradio/utils\";\n\n\texport let value: FileData | FileData[] | null = null;\n\texport let label: string;\n\texport let show_label = true;\n\texport let selectable = false;\n\texport let height: number | undefined = undefined;\n\texport let i18n: I18nFormatter;\n</script>\n\n<BlockLabel\n\t{show_label}\n\tfloat={value === null}\n\tIcon={File}\n\tlabel={label || \"File\"}\n/>\n\n{#if value && (Array.isArray(value) ? value.length > 0 : true)}\n\t<FilePreview {i18n} {selectable} on:select {value} {height} />\n{:else}\n\t<Empty unpadded_box={true} size=\"large\"><File /></Empty>\n{/if}\n","<script lang=\"ts\">\n\timport { createEventDispatcher, tick } from \"svelte\";\n\timport { Upload, ModifyUpload } from \"@gradio/upload\";\n\timport type { FileData, Client } from \"@gradio/client\";\n\timport { BlockLabel } from \"@gradio/atoms\";\n\timport { File } from \"@gradio/icons\";\n\n\timport FilePreview from \"./FilePreview.svelte\";\n\timport type { I18nFormatter } from \"@gradio/utils\";\n\n\texport let value: null | FileData | FileData[];\n\n\texport let label: string;\n\texport let show_label = true;\n\texport let file_count: \"single\" | \"multiple\" | \"directory\" = \"single\";\n\texport let file_types: string[] | null = null;\n\texport let selectable = false;\n\texport let root: string;\n\texport let height: number | undefined = undefined;\n\texport let i18n: I18nFormatter;\n\texport let max_file_size: number | null = null;\n\texport let upload: Client[\"upload\"];\n\texport let stream_handler: Client[\"stream\"];\n\n\tasync function handle_upload({\n\t\tdetail\n\t}: CustomEvent<FileData | FileData[]>): Promise<void> {\n\t\tvalue = detail;\n\t\tawait tick();\n\t\tdispatch(\"change\", value);\n\t\tdispatch(\"upload\", detail);\n\t}\n\n\tfunction handle_clear(): void {\n\t\tvalue = null;\n\t\tdispatch(\"change\", null);\n\t\tdispatch(\"clear\");\n\t}\n\n\tconst dispatch = createEventDispatcher<{\n\t\tchange: FileData[] | FileData | null;\n\t\tclear: undefined;\n\t\tdrag: boolean;\n\t\tupload: FileData[] | FileData;\n\t\tload: FileData[] | FileData;\n\t\terror: string;\n\t}>();\n\n\tlet dragging = false;\n\t$: dispatch(\"drag\", dragging);\n</script>\n\n<BlockLabel {show_label} Icon={File} float={!value} label={label || \"File\"} />\n\n{#if value && (Array.isArray(value) ? value.length > 0 : true)}\n\t<ModifyUpload {i18n} on:clear={handle_clear} absolute />\n\t<FilePreview\n\t\t{i18n}\n\t\ton:select\n\t\t{selectable}\n\t\t{value}\n\t\t{height}\n\t\ton:change\n\t\ton:delete\n\t/>\n{:else}\n\t<Upload\n\t\ton:load={handle_upload}\n\t\tfiletype={file_types}\n\t\t{file_count}\n\t\t{max_file_size}\n\t\t{root}\n\t\tbind:dragging\n\t\ton:error\n\t\t{stream_handler}\n\t\t{upload}\n\t>\n\t\t<slot />\n\t</Upload>\n{/if}\n"],"names":["prettyBytes","bytes","units","i","unit","createEventDispatcher","t_value","ctx","dirty","set_data","t","downloadlink_changes","html_tag","raw_value","insert","target","td","anchor","append","button","t0_value","t2_value","create_if_block","attr","td0","td0_aria_label_value","tr","span0","span1","td1","current","t0","t2","set_style","div","table","tbody","split_filename","filename","last_dot","dispatch","value","$$props","selectable","height","i18n","handle_row_click","event","index","normalized_files","remove_file","removed","$$invalidate","is_browser","file","filename_stem","filename_ext","File","show_if","blocklabel_changes","label","show_label","tick","file_count","file_types","root","max_file_size","upload","stream_handler","handle_upload","detail","handle_clear","dragging"],"mappings":"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"}