{"version":3,"file":"index.ffc942a2.js","sources":["../../../../ui/node_modules/.pnpm/d3-dsv@3.0.1/node_modules/d3-dsv/src/tsv.js","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Number.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Dropdown.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Checkbox.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/CheckboxGroup.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Slider.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Radio.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Textbox.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Audio.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Video.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/File.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Dataframe.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/ColorPicker.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/TimeSeries.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/Markdown.svelte","../../../../ui/packages/app/src/components/Dataset/ExampleComponents/HTML.svelte","../../../../ui/packages/app/src/components/Dataset/directory.ts","../../../../ui/packages/app/src/components/Dataset/Dataset.svelte","../../../../ui/packages/app/src/components/Dataset/index.ts"],"sourcesContent":["import dsv from \"./dsv.js\";\n\nvar tsv = dsv(\"\\t\");\n\nexport var tsvParse = tsv.parse;\nexport var tsvParseRows = tsv.parseRows;\nexport var tsvFormat = tsv.format;\nexport var tsvFormatBody = tsv.formatBody;\nexport var tsvFormatRows = tsv.formatRows;\nexport var tsvFormatRow = tsv.formatRow;\nexport var tsvFormatValue = tsv.formatValue;\n","<script lang=\"ts\">\n\timport type { Value } from \"../../Audio/types\";\n\n\texport let value: Value;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{value}\n</div>\n\n<style>\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\tfont-size: var(--scale-00);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\texport let value: string;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{value}\n</div>\n\n<style>\n\t.gallery {\n\t\tpadding: var(--size-1) var(--size-2);\n\t\tfont-size: var(--scale-00);\n\t}\n</style>\n","<script lang=\"ts\">\n\texport let value: boolean;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{value.toLocaleString()}\n</div>\n\n<style>\n\tdiv {\n\t\tfont-size: var(--scale-000);\n\t\tfont-family: var(--font-mono);\n\t}\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\texport let value: Array<string>;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{#each value as check, i}{check.toLocaleString()}{#if i !== value.length - 1},&nbsp;{/if}{/each}\n</div>\n\n<style>\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport type { Value } from \"../../Audio/types\";\n\n\texport let value: Value;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{value}\n</div>\n\n<style>\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\tfont-size: var(--scale-00);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport type { Value } from \"../../Audio/types\";\n\n\texport let value: Value;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{value}\n</div>\n\n<style>\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\tfont-size: var(--scale-00);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport type { Value } from \"../../Audio/types\";\n\n\texport let value: Value;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{value}\n</div>\n\n<style>\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\tfont-size: var(--scale-00);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport type { Value } from \"../../Audio/types\";\n\n\texport let value: Value;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{value}\n</div>\n\n<style>\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\tfont-size: var(--scale-00);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport { playable } from \"../../utils/helpers\";\n\timport { onMount } from \"svelte\";\n\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n\texport let value: string;\n\texport let samples_dir: string;\n\tlet video: HTMLVideoElement;\n\n\tasync function init() {\n\t\tvideo.muted = true;\n\t\tvideo.playsInline = true;\n\t\tvideo.controls = false;\n\t\tvideo.setAttribute(\"muted\", \"\");\n\n\t\tawait video.play();\n\t\tvideo.pause();\n\t}\n\n\tonMount(() => {\n\t\tinit();\n\t});\n</script>\n\n<!-- svelte-ignore a11y-media-has-caption -->\n<!-- svelte-ignore a11y-mouse-events-have-key-events -->\n{#if playable()}\n\t<video\n\t\tmuted\n\t\tplaysinline\n\t\tbind:this={video}\n\t\tclass:table={type === \"table\"}\n\t\tclass:gallery={type === \"gallery\"}\n\t\tclass:selected\n\t\ton:mouseover={video.play}\n\t\ton:mouseout={video.pause}\n\t\tsrc={samples_dir + value}\n\t/>\n{:else}\n\t<div>{value}</div>\n{/if}\n\n<style>\n\tvideo {\n\t\tflex: none;\n\t\tborder: 2px solid var(--color-border-primary);\n\t\tborder-radius: var(--radius-lg);\n\t\tmax-width: none;\n\t}\n\n\tvideo:hover,\n\tvideo.selected {\n\t\tborder-color: var(--color-accent-light);\n\t}\n\t.table {\n\t\twidth: var(--size-20);\n\t\theight: var(--size-20);\n\t\tobject-fit: cover;\n\t}\n\n\t.gallery {\n\t\tmax-height: var(--size-20);\n\t\tobject-fit: cover;\n\t}\n</style>\n","<script lang=\"ts\">\n\timport type { FileData } from \"@gradio/upload\";\n\n\texport let value: FileData;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{Array.isArray(value) ? value.join(\", \") : value}\n</div>\n\n<style>\n\tdiv {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\tfont-size: var(--scale-00);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\t//@ts-ignore\n\timport { csvParseRows, tsvParseRows } from \"d3-dsv\";\n\n\texport let value: Array<Array<string | number>> | string;\n\texport let samples_dir: string;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n\texport let index: number;\n\n\tlet hovered = false;\n\tlet loaded_value: Array<Array<string | number>> | string = value;\n\tlet loaded = Array.isArray(loaded_value);\n\n\t$: if (!loaded && typeof value === \"string\" && /\\.[a-zA-Z]+$/.test(value)) {\n\t\tfetch(samples_dir + value)\n\t\t\t.then((v) => v.text())\n\t\t\t.then((v) => {\n\t\t\t\ttry {\n\t\t\t\t\tif ((value as string).endsWith(\"csv\")) {\n\t\t\t\t\t\tconst small_df = v\n\t\t\t\t\t\t\t.split(\"\\n\")\n\t\t\t\t\t\t\t.slice(0, 4)\n\t\t\t\t\t\t\t.map((v) => v.split(\",\").slice(0, 4).join(\",\"))\n\t\t\t\t\t\t\t.join(\"\\n\");\n\n\t\t\t\t\t\tloaded_value = csvParseRows(small_df);\n\t\t\t\t\t} else if ((value as string).endsWith(\"tsv\")) {\n\t\t\t\t\t\tconst small_df = v\n\t\t\t\t\t\t\t.split(\"\\n\")\n\t\t\t\t\t\t\t.slice(0, 4)\n\t\t\t\t\t\t\t.map((v) => v.split(\"\\t\").slice(0, 4).join(\"\\t\"))\n\t\t\t\t\t\t\t.join(\"\\n\");\n\n\t\t\t\t\t\tloaded_value = tsvParseRows(small_df);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t\"Incorrect format, only CSV and TSV files are supported\"\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tloaded = true;\n\t\t\t\t} catch (e) {\n\t\t\t\t\tconsole.error(e);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch((e) => {\n\t\t\t\tloaded_value = value;\n\t\t\t\tloaded = true;\n\t\t\t});\n\t}\n</script>\n\n{#if loaded}\n\t<div\n\t\tclass:table={type === \"table\"}\n\t\tclass:gallery={type === \"gallery\"}\n\t\tclass:selected\n\t\ton:mouseenter={() => (hovered = true)}\n\t\ton:mouseleave={() => (hovered = false)}\n\t>\n\t\t{#if typeof loaded_value === \"string\"}\n\t\t\t{loaded_value}\n\t\t{:else}\n\t\t\t<table class=\"\">\n\t\t\t\t{#each loaded_value.slice(0, 3) as row, i}\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t{#each row.slice(0, 3) as cell, j}\n\t\t\t\t\t\t\t<td>{cell}</td>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t\t{#if row.length > 3}\n\t\t\t\t\t\t\t<td>…</td>\n\t\t\t\t\t\t{/if}\n\t\t\t\t\t</tr>\n\t\t\t\t{/each}\n\t\t\t\t{#if value.length > 3}\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"overlay\"\n\t\t\t\t\t\tclass:odd={index % 2 != 0}\n\t\t\t\t\t\tclass:even={index % 2 == 0}\n\t\t\t\t\t\tclass:button={type === \"gallery\"}\n\t\t\t\t\t/>\n\t\t\t\t{/if}\n\t\t\t</table>\n\t\t{/if}\n\t</div>\n{/if}\n\n<style>\n\t.gallery {\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-collapse: collapse;\n\t\tpadding: var(--size-2);\n\t\toverflow: hidden;\n\t\tfont-size: var(--scale-000);\n\t\tline-height: var(--line-sm);\n\t\ttext-align: left;\n\t}\n\n\ttable {\n\t\tposition: relative;\n\t}\n\n\ttd {\n\t\tborder: 1px solid var(--dataset-dataframe-border-base);\n\t\tpadding: var(--size-2);\n\t\tfont-size: var(--scale-000);\n\t\tfont-family: var(--font-mono);\n\t}\n\n\t.table.selected td {\n\t\tborder-color: var(--dataset-dataframe-border-hover);\n\t}\n\n\t.gallery.selected td {\n\t\tborder-color: var(--dataset-dataframe-border-hover);\n\t}\n\n\ttd:first-child {\n\t\tborder-left: none;\n\t}\n\n\ttr:first-child td {\n\t\tborder-top: none;\n\t}\n\n\ttd:last-child {\n\t\tborder-right: none;\n\t}\n\n\ttr:last-child td {\n\t\tborder-bottom: none;\n\t}\n\n\t.overlay {\n\t\t--gradient-to: transparent;\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tbackground: linear-gradient(to bottom, transparent, var(--gradient-to));\n\t\twidth: var(--size-full);\n\t\theight: 50%;\n\t}\n\n\t/* i dont know what i've done here but it is what it is */\n\t.odd {\n\t\t--gradient-to: var(--table-even-background);\n\t}\n\n\t.even {\n\t\t--gradient-to: var(--table-odd-background);\n\t}\n\n\t.button {\n\t\t--gradient-to: var(--dataset-gallery-background-base);\n\t}\n\n\t.selected .even,\n\t.selected .odd {\n\t\t--gradient-to: var(--dataset-table-background-hover);\n\t}\n\n\t.selected .button {\n\t\t--gradient-to: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\texport let value: string;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tstyle=\"background-color: {value}\"\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n/>\n\n<style>\n\tdiv {\n\t\twidth: var(--size-10);\n\t\theight: var(--size-10);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport type { Value } from \"../../Audio/types\";\n\n\texport let value: Value;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n>\n\t{value}\n</div>\n\n<style>\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\tfont-size: var(--scale-00);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\texport let value: string;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n\tclass=\"prose\"\n>\n\t{@html value}\n</div>\n\n<style>\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-2);\n\t\tfont-size: var(--scale-000);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","<script lang=\"ts\">\n\texport let value: string;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<div\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n\tclass=\"prose\"\n>\n\t{@html value}\n</div>\n\n<style>\n\t.gallery {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--dataset-gallery-background-base);\n\t\tpadding: var(--size-2);\n\t\tfont-size: var(--scale-000);\n\t\ttext-align: left;\n\t}\n\n\t.gallery:hover,\n\t.selected.gallery {\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n</style>\n","import ExampleNumber from \"./ExampleComponents/Number.svelte\";\nimport ExampleDropdown from \"./ExampleComponents/Dropdown.svelte\";\nimport ExampleCheckbox from \"./ExampleComponents/Checkbox.svelte\";\nimport ExampleCheckboxGroup from \"./ExampleComponents/CheckboxGroup.svelte\";\nimport ExampleSlider from \"./ExampleComponents/Slider.svelte\";\nimport ExampleRadio from \"./ExampleComponents/Radio.svelte\";\nimport ExampleImage from \"./ExampleComponents/Image.svelte\";\nimport ExampleTextbox from \"./ExampleComponents/Textbox.svelte\";\nimport ExampleAudio from \"./ExampleComponents/Audio.svelte\";\nimport ExampleVideo from \"./ExampleComponents/Video.svelte\";\nimport ExampleFile from \"./ExampleComponents/File.svelte\";\nimport ExampleDataframe from \"./ExampleComponents/Dataframe.svelte\";\nimport ExampleModel3D from \"./ExampleComponents/Model3D.svelte\";\nimport ExampleColorPicker from \"./ExampleComponents/ColorPicker.svelte\";\nimport ExampleTimeSeries from \"./ExampleComponents/TimeSeries.svelte\";\nimport ExampleMarkdown from \"./ExampleComponents/Markdown.svelte\";\nimport ExampleHTML from \"./ExampleComponents/HTML.svelte\";\n\nexport const component_map = {\n\tdropdown: ExampleDropdown,\n\tcheckbox: ExampleCheckbox,\n\tcheckboxgroup: ExampleCheckboxGroup,\n\tnumber: ExampleNumber,\n\tslider: ExampleSlider,\n\tradio: ExampleRadio,\n\timage: ExampleImage,\n\ttextbox: ExampleTextbox,\n\taudio: ExampleAudio,\n\tvideo: ExampleVideo,\n\tfile: ExampleFile,\n\tdataframe: ExampleDataframe,\n\tmodel3d: ExampleModel3D,\n\tcolorpicker: ExampleColorPicker,\n\ttimeseries: ExampleTimeSeries,\n\tmarkdown: ExampleMarkdown,\n\thtml: ExampleHTML\n};\n","<script lang=\"ts\">\n\timport { createEventDispatcher } from \"svelte\";\n\timport type { SvelteComponentDev, ComponentType } from \"svelte/internal\";\n\timport { component_map } from \"./directory\";\n\n\texport let components: Array<keyof typeof component_map>;\n\texport let label: string = \"Examples\";\n\texport let headers: Array<string>;\n\texport let samples: Array<Array<any>>;\n\texport let elem_id: string = \"\";\n\texport let visible: boolean = true;\n\texport let value: number | null = null;\n\texport let root: string;\n\texport let root_url: null | string;\n\texport let samples_per_page: number = 10;\n\n\tconst dispatch = createEventDispatcher<{ click: number }>();\n\n\tlet samples_dir: string = root_url\n\t\t? \"proxy=\" + root_url + \"file=\"\n\t\t: root + \"file=\";\n\tlet page = 0;\n\t$: gallery = components.length < 2;\n\tlet paginate = samples.length > samples_per_page;\n\n\tlet selected_samples: Array<Array<any>>;\n\tlet page_count: number;\n\tlet visible_pages: Array<number> = [];\n\n\tlet current_hover = -1;\n\n\tfunction handle_mouseenter(i: number) {\n\t\tcurrent_hover = i;\n\t}\n\tfunction handle_mouseleave() {\n\t\tcurrent_hover = -1;\n\t}\n\n\t$: {\n\t\tif (paginate) {\n\t\t\tvisible_pages = [];\n\t\t\tselected_samples = samples.slice(\n\t\t\t\tpage * samples_per_page,\n\t\t\t\t(page + 1) * samples_per_page\n\t\t\t);\n\t\t\tpage_count = Math.ceil(samples.length / samples_per_page);\n\t\t\t[0, page, page_count - 1].forEach((anchor) => {\n\t\t\t\tfor (let i = anchor - 2; i <= anchor + 2; i++) {\n\t\t\t\t\tif (i >= 0 && i < page_count && !visible_pages.includes(i)) {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tvisible_pages.length > 0 &&\n\t\t\t\t\t\t\ti - visible_pages[visible_pages.length - 1] > 1\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tvisible_pages.push(-1);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvisible_pages.push(i);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tselected_samples = samples.slice();\n\t\t}\n\t}\n\n\t$: component_meta = selected_samples.map((sample_row) =>\n\t\tsample_row.map((sample_cell, j) => ({\n\t\t\tvalue: sample_cell,\n\t\t\tcomponent: component_map[\n\t\t\t\tcomponents[j]\n\t\t\t] as ComponentType<SvelteComponentDev>\n\t\t}))\n\t);\n</script>\n\n<div id={elem_id} class=\"wrap\" class:hide={!visible}>\n\t<div class=\"label\">\n\t\t<svg\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\t\t\taria-hidden=\"true\"\n\t\t\trole=\"img\"\n\t\t\twidth=\"1em\"\n\t\t\theight=\"1em\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tviewBox=\"0 0 32 32\"\n\t\t>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"M10 6h18v2H10zm0 18h18v2H10zm0-9h18v2H10zm-6 0h2v2H4zm0-9h2v2H4zm0 18h2v2H4z\"\n\t\t\t/>\n\t\t</svg>\n\t\t{label}\n\t</div>\n\t{#if gallery}\n\t\t<div class=\"gallery\">\n\t\t\t{#each selected_samples as sample_row, i}\n\t\t\t\t<button\n\t\t\t\t\tclass=\"button\"\n\t\t\t\t\ton:click={() => {\n\t\t\t\t\t\tvalue = i + page * samples_per_page;\n\t\t\t\t\t\tdispatch(\"click\", value);\n\t\t\t\t\t}}\n\t\t\t\t\ton:mouseenter={() => handle_mouseenter(i)}\n\t\t\t\t\ton:mouseleave={() => handle_mouseleave()}\n\t\t\t\t>\n\t\t\t\t\t{#if Object.keys(component_map).includes(components[0]) && component_map[components[0]]}\n\t\t\t\t\t\t<svelte:component\n\t\t\t\t\t\t\tthis={component_meta[0][0].component}\n\t\t\t\t\t\t\tvalue={sample_row[0]}\n\t\t\t\t\t\t\t{samples_dir}\n\t\t\t\t\t\t\ttype=\"gallery\"\n\t\t\t\t\t\t\tselected={current_hover === i}\n\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t/>\n\t\t\t\t\t{/if}\n\t\t\t\t</button>\n\t\t\t{/each}\n\t\t</div>\n\t{:else}\n\t\t<div class=\"table-wrap\">\n\t\t\t<table>\n\t\t\t\t<thead>\n\t\t\t\t\t<tr class=\"tr-head\">\n\t\t\t\t\t\t{#each headers as header}\n\t\t\t\t\t\t\t<th>\n\t\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t\t{#each component_meta as sample_row, i}\n\t\t\t\t\t\t<tr\n\t\t\t\t\t\t\tclass=\"tr-body\"\n\t\t\t\t\t\t\ton:click={() => {\n\t\t\t\t\t\t\t\tvalue = i + page * samples_per_page;\n\t\t\t\t\t\t\t\tdispatch(\"click\", value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ton:mouseenter={() => handle_mouseenter(i)}\n\t\t\t\t\t\t\ton:mouseleave={() => handle_mouseleave()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{#each sample_row as { value, component }, j}\n\t\t\t\t\t\t\t\t{#if components[j] !== undefined && component_map[components[j]] !== undefined}\n\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t<svelte:component\n\t\t\t\t\t\t\t\t\t\t\tthis={component}\n\t\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t\t\t{samples_dir}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"table\"\n\t\t\t\t\t\t\t\t\t\t\tselected={current_hover === i}\n\t\t\t\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t{/each}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{/each}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t{/if}\n\t{#if paginate}\n\t\t<div class=\"paginate\">\n\t\t\tPages:\n\t\t\t{#each visible_pages as visible_page}\n\t\t\t\t{#if visible_page === -1}\n\t\t\t\t\t<div>...</div>\n\t\t\t\t{:else}\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass:current-page={page === visible_page}\n\t\t\t\t\t\ton:click={() => (page = visible_page)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{visible_page + 1}\n\t\t\t\t\t</button>\n\t\t\t\t{/if}\n\t\t\t{/each}\n\t\t</div>\n\t{/if}\n</div>\n\n<style>\n\t.wrap {\n\t\tdisplay: inline-block;\n\t\tmargin-top: var(--size-4);\n\t\twidth: var(--size-full);\n\t\tmax-width: var(--size-full);\n\t\tcolor: var(--color-text-body);\n\t}\n\n\t.hide {\n\t\tdisplay: none;\n\t}\n\n\t.label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-bottom: var(--size-2);\n\t\tcolor: var(--color-text-label);\n\t\tfont-size: var(--scale-000);\n\t\tline-height: var(--line-sm);\n\t}\n\n\tsvg {\n\t\tmargin-right: var(--size-1);\n\t}\n\n\t.gallery {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--size-2);\n\t}\n\n\t.button {\n\t\tborder: 1px solid var(--color-border-primary);\n\t\tborder-radius: var(--radius-lg);\n\t\toverflow: hidden;\n\t\toverflow: hidden;\n\t}\n\n\t.button:hover {\n\t\tborder-color: var(--dataset-dataframe-border-hover);\n\t\tbackground: var(--dataset-gallery-background-hover);\n\t}\n\n\t.table-wrap {\n\t\tborder: 1px solid var(--color-border-primary);\n\t\tborder-radius: var(--radius-lg);\n\t\twidth: var(--size-full);\n\t\ttable-layout: auto;\n\t\toverflow-x: auto;\n\t\tfont-size: var(--scale-00);\n\t\tline-height: var(--line-sm);\n\t}\n\ttable {\n\t\twidth: var(--size-full);\n\t}\n\n\t.tr-head {\n\t\tbox-shadow: var(--shadow-drop-lg);\n\t\tborder-bottom: 1px solid var(--color-border-primary);\n\t}\n\n\t.tr-head > * + * {\n\t\tborder-right-width: 0px;\n\t\tborder-left-width: 1px;\n\t\tborder-color: var(--dataset-table-border-base);\n\t}\n\n\tth {\n\t\tpadding: var(--size-2);\n\t\twhite-space: nowrap;\n\t}\n\n\t.tr-body {\n\t\tcursor: pointer;\n\t\tborder-bottom: 1px solid var(--dataset-table-border-base);\n\t\tbackground: var(--table-even-background);\n\t}\n\n\t.tr-body:last-child {\n\t\tborder: none;\n\t}\n\n\t.tr-body:nth-child(odd) {\n\t\tbackground: var(--table-odd-background);\n\t}\n\n\t.tr-body:hover {\n\t\tbackground: var(--dataset-table-background-hover);\n\t}\n\n\t.tr-body > * + * {\n\t\tborder-right-width: 0px;\n\t\tborder-left-width: 1px;\n\t\tborder-color: var(--dataset-table-border-base);\n\t}\n\n\t.tr-body:hover > * + * {\n\t\tborder-color: var(--dataset-table-border-hover);\n\t}\n\n\ttd {\n\t\tpadding: var(--size-2);\n\t}\n\n\t.paginate {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tgap: var(--size-2);\n\t\tmargin-top: var(--size-2);\n\t\tcolor: var(--color-text-label);\n\t\tfont-size: var(--scale-000);\n\t}\n\n\tbutton.current-page {\n\t\tfont-weight: var(--weight-bold);\n\t}\n</style>\n","export { default as Component } from \"./Dataset.svelte\";\nexport const modes = [\"dynamic\"];\n\nexport const document = () => ({\n\ttype: {\n\t\tpayload: \"number\"\n\t},\n\tdescription: {\n\t\tpayload: \"index of selected row\"\n\t},\n\texample_data: 0\n});\n"],"names":["dsv","ExampleDropdown","ExampleCheckbox","ExampleCheckboxGroup","ExampleNumber","ExampleSlider","ExampleRadio","ExampleTextbox","ExampleAudio","ExampleVideo","ExampleFile","ExampleDataframe","ExampleColorPicker","ExampleTimeSeries","ExampleMarkdown","ExampleHTML"],"mappings":"kaAEA,GAAI,IAAMA,GAAI,GAAI,EAGP,GAAe,GAAI,2DCQ5B,gDAJY,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,mCAKE,uBAJY,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,oQCM9B,gDAJY,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,mCAKE,uBAJY,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,0OCQ9B,KAAM,4FAJM,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,sCAKE,KAAM,8CAJM,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,sTCQ8C,OAAO,wDAA1D,KAAM,0BAAsB,OAAM,KAAM,OAAS,mGAAjD,KAAM,6BAAsB,OAAM,KAAM,OAAS,oHAApE,0BAAL,oIAJW,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,wEAKQ,uBAAL,+HAAA,wBAJW,OAAS,OAAO,qBACd,OAAS,SAAS,kFAPtB,YACA,WACA,WAAoB,oQCU9B,gDAJY,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,mCAKE,uBAJY,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,oQCQ9B,gDAJY,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,mCAKE,uBAJY,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,oQCQ9B,gDAJY,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,mCAKE,uBAJY,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,oQCQ9B,gDAJY,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,mCAKE,uBAJY,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,4SCgCzB,KAAc,6DALN,OAAS,OAAO,gBACd,OAAS,SAAS,+BALlC,qDAOe,KAAM,IAAI,GAAV,KAAM,yDACP,KAAM,KAAK,GAAX,KAAM,kEACd,KAAc,qCALN,OAAS,OAAO,qBACd,OAAS,SAAS,uPA7BvB,WACA,WAAoB,OACpB,YACA,iBACP,yBAGH,EAAM,MAAQ,UACd,EAAM,YAAc,UACpB,EAAM,SAAW,MACjB,EAAM,aAAa,QAAS,EAAE,OAExB,GAAM,OACZ,EAAM,QAGP,QACC,gDAUW,6SClBX,OAAM,QAAQ,MAAS,KAAM,KAAK,IAAI,EAAI,kFAJ9B,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,sCAKE,OAAM,QAAQ,MAAS,KAAM,KAAK,IAAI,EAAI,mCAJ9B,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,2YCwDlB,OAAiB,sGANhB,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,0KACc,OAAS,OAAO,qBACd,OAAS,SAAS,qFASxB,KAAa,MAAM,EAAG,CAAC,uBAA5B,qCAUG,KAAM,OAAS,2HAXrB,6FACQ,KAAa,MAAM,EAAG,CAAC,oBAA5B,4HAAA,OAUG,KAAM,OAAS,gIAbpB,yCAAA,6CAMQ,4EAAL,qCAAK,wIAGL,kDAJM,MAAI,MAAM,EAAG,CAAC,uBAAnB,qCAGG,MAAI,OAAS,sHAJnB,6FACQ,MAAI,MAAM,EAAG,CAAC,oBAAnB,4HAAA,OAGG,MAAI,OAAS,6KAQP,KAAQ,GAAK,CAAC,aACb,KAAQ,GAAK,CAAC,eACZ,OAAS,SAAS,UAJjC,gCAEY,KAAQ,GAAK,CAAC,kBACb,KAAQ,GAAK,CAAC,oBACZ,OAAS,SAAS,yCA3BjC,6EAAA,gIAjDO,YACA,kBACA,WACA,WAAoB,OACpB,WAEP,EAAU,GACV,EAAuD,EACvD,EAAS,MAAM,QAAQ,CAAY,kBA8ChB,EAAU,EAAI,YACd,EAAU,EAAK,oNA7C9B,SAAiB,IAAU,UAAY,eAAe,KAAK,CAAK,GACvE,MAAM,EAAc,CAAK,EACvB,KAAM,GAAM,EAAE,QACd,KAAM,WAEA,EAAiB,SAAS,KAAK,QAC7B,GAAW,EACf,MAAM;AAAA,CAAI,EACV,MAAM,EAAG,CAAC,EACV,IAAK,GAAM,EAAE,MAAM,GAAG,EAAE,MAAM,EAAG,CAAC,EAAE,KAAK,GAAG,GAC5C,KAAK;AAAA,CAAI,MAEX,EAAe,GAAa,CAAQ,WACzB,EAAiB,SAAS,KAAK,QACpC,GAAW,EACf,MAAM;AAAA,CAAI,EACV,MAAM,EAAG,CAAC,EACV,IAAK,GAAM,EAAE,MAAM,GAAI,EAAE,MAAM,EAAG,CAAC,EAAE,KAAK,GAAI,GAC9C,KAAK;AAAA,CAAI,MAEX,EAAe,GAAa,CAAQ,iBAE1B,OACT,wDAAwD,MAI1D,EAAS,EAAI,QACL,GACR,QAAQ,MAAM,CAAC,KAGhB,MAAO,QACP,EAAe,CAAK,MACpB,EAAS,EAAI,6MCzCU,gDACb,OAAS,OAAO,gBACd,OAAS,SAAS,+BAHlC,gDAC2B,uBACb,OAAS,OAAO,qBACd,OAAS,SAAS,2EARtB,YACA,WACA,WAAoB,oQCU9B,gDAJY,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,mCAKE,uBAJY,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,6SCElB,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,qBAMQ,iCAAA,uBALM,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,6SCIlB,OAAS,OAAO,gBACd,OAAS,SAAS,+BAFlC,qBAMQ,iCAAA,uBALM,OAAS,OAAO,qBACd,OAAS,SAAS,2EAPtB,YACA,WACA,WAAoB,wNCenB,GAAgB,CAC5B,SAAUC,GACV,SAAUC,GACV,cAAeC,GACf,OAAQC,GACR,OAAQC,GACR,MAAOC,GACP,MAAO,GACP,QAASC,GACT,MAAOC,GACP,MAAOC,GACP,KAAMC,GACN,UAAWC,GACX,QAAS,GACT,YAAaC,GACb,WAAYC,GACZ,SAAUC,GACV,KAAMC,EACP,oXCuFa,0BAAL,qCAQI,2BAAL,+UAZL,SACC,OACC,OACC,yDAQD,4EAPS,uBAAL,+HAAA,yBAQI,wBAAL,uHAAA,8DAAA,oJApCG,0BAAL,8KADH,mFACQ,uBAAL,uHAAA,8DAAA,2IA8BI,oFADF,8CACE,iEAoBQ,qFAII,QAAkB,YACrB,0GAPT,oGAMY,QAAkB,cAJtB,qRAHJ,KAAW,SAAO,QAAa,EAAc,KAAW,UAAQ,kFAAhE,KAAW,SAAO,QAAa,EAAc,KAAW,UAAQ,+MAD/D,2BAAL,qPATH,sKASQ,wBAAL,oHAAA,8DAAA,6JAlCI,MAAe,GAAG,GAAG,4CACpB,MAAW,6CAGR,QAAkB,YACrB,4IAJA,MAAW,2BAGR,QAAkB,cAJtB,MAAe,GAAG,GAAG,iSAFxB,OAAO,KAAK,CAAa,EAAE,SAAS,KAAW,KAAO,EAAc,KAAW,6KATrF,oIASM,OAAO,KAAK,CAAa,EAAE,SAAS,KAAW,KAAO,EAAc,KAAW,uMA2D/E,0BAAL,yDAFkB;AAAA,IAEpB,qFAFD,kFAEQ,uBAAL,+HAAA,sDAQE,MAAe,oIAHI,OAAS,eAD9B,+EAIE,MAAe,2CAHI,OAAS,uGAH9B,wEADI,gRAxEH,uCAoEA,iFAtEH,kdAjBM,oDAAmC,cAA5C,SACC,OACC,OAUC,gGAKA,sIAsEG,wCAvFG,2BAAmC,yGArEhC,iBACA,QAAgB,eAChB,cACA,cACA,UAAkB,OAClB,UAAmB,OACnB,QAAuB,SACvB,WACA,eACA,mBAA2B,WAEhC,GAAW,QAEb,GAAsB,EACvB,SAAW,EAAW,QACtB,EAAO,QACN,EAAO,EAEP,EAAW,EAAQ,OAAS,EAE5B,EACA,EACA,KAEA,gBAEuB,QAC1B,EAAgB,CAAC,oBAGjB,IAAkB,mBAgEd,EAAQ,EAAI,EAAO,CAAgB,EACnC,EAAS,QAAS,CAAK,SAEH,EAAkB,CAAC,SACnB,eAgClB,EAAQ,EAAI,EAAO,CAAgB,EACnC,EAAS,QAAS,CAAK,SAEH,EAAkB,CAAC,SACnB,cA+BL,EAAO,CAAY,4YApJtC,EAAU,EAAW,OAAS,CAAC,wBAiB7B,OACH,UACA,EAAmB,EAAQ,MAC1B,EAAO,EACN,GAAO,GAAK,CAAgB,QAE9B,EAAa,KAAK,KAAK,EAAQ,OAAS,CAAgB,IACvD,EAAG,EAAM,EAAa,CAAC,EAAE,QAAS,WACzB,GAAI,EAAS,EAAG,GAAK,EAAS,EAAG,IACrC,GAAK,GAAK,EAAI,IAAe,EAAc,SAAS,CAAC,GAEvD,GAAc,OAAS,GACvB,EAAI,EAAc,EAAc,OAAS,GAAK,GAE9C,EAAc,OAAO,EAEtB,EAAc,KAAK,CAAC,UAKvB,EAAmB,EAAQ,kCAI1B,EAAiB,EAAiB,IAAK,GACzC,EAAW,KAAK,EAAa,OAC5B,MAAO,EACP,UAAW,EACV,EAAW,sRCnEF,IAAQ,CAAC,SAAS,EAElB,GAAW,MACvB,KAAM,CACL,QAAS,UAEV,YAAa,CACZ,QAAS,yBAEV,aAAc,CACf"}