{"version":3,"file":"Index-af99ef52.js","sources":["../../../../js/tabitem/shared/TabItem.svelte","../../../../js/tabitem/Index.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { getContext, onMount, createEventDispatcher, tick } from \"svelte\";\n\timport { TABS } from \"@gradio/tabs\";\n\timport Column from \"@gradio/column\";\n\timport type { SelectData } from \"@gradio/utils\";\n\n\texport let elem_id = \"\";\n\texport let elem_classes: string[] = [];\n\texport let name: string;\n\texport let id: string | number | object = {};\n\texport let visible: boolean;\n\texport let interactive: boolean;\n\n\tconst dispatch = createEventDispatcher<{ select: SelectData }>();\n\n\tconst { register_tab, unregister_tab, selected_tab, selected_tab_index } =\n\t\tgetContext(TABS) as any;\n\n\tlet tab_index: number;\n\n\t$: tab_index = register_tab({ name, id, elem_id, visible, interactive });\n\n\tonMount(() => {\n\t\treturn (): void => unregister_tab({ name, id, elem_id });\n\t});\n\n\t$: $selected_tab_index === tab_index &&\n\t\ttick().then(() => dispatch(\"select\", { value: name, index: tab_index }));\n</script>\n\n<div\n\tid={elem_id}\n\tclass=\"tabitem {elem_classes.join(' ')}\"\n\tstyle:display={$selected_tab === id && visible ? \"block\" : \"none\"}\n\trole=\"tabpanel\"\n>\n\t<Column>\n\t\t<slot />\n\t</Column>\n</div>\n\n<style>\n\tdiv {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\tborder: 1px solid var(--border-color-primary);\n\t\tborder-top: none;\n\t\tborder-bottom-right-radius: var(--container-radius);\n\t\tborder-bottom-left-radius: var(--container-radius);\n\t\tpadding: var(--block-padding);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport type { Gradio, SelectData } from \"@gradio/utils\";\n\timport TabItem from \"./shared/TabItem.svelte\";\n\n\texport let elem_id = \"\";\n\texport let elem_classes: string[] = [];\n\texport let label: string;\n\texport let id: string | number;\n\texport let gradio: Gradio<{\n\t\tselect: SelectData;\n\t}>;\n\texport let visible = true;\n\texport let interactive = true;\n</script>\n\n<TabItem\n\t{elem_id}\n\t{elem_classes}\n\tname={label}\n\t{visible}\n\t{interactive}\n\t{id}\n\ton:select={({ detail }) => gradio.dispatch(\"select\", detail)}\n>\n\t<slot />\n</TabItem>\n"],"names":[],"mappings":"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"}