{"version":3,"file":"index.e77b7820.js","sources":["../../../../ui/packages/tabs/src/TabItem.svelte","../../../../ui/packages/app/src/components/TabItem/Tabs.svelte","../../../../ui/packages/app/src/components/TabItem/index.ts"],"sourcesContent":["<script lang=\"ts\">\n\timport { getContext, onMount, createEventDispatcher, tick } from \"svelte\";\n\timport { TABS } from \"./Tabs.svelte\";\n\timport { Component as Column } from \"./../../app/src/components/Column\";\n\n\texport let elem_id: string = \"\";\n\texport let name: string;\n\texport let id: string | number | object = {};\n\n\tconst dispatch = createEventDispatcher<{ select: undefined }>();\n\n\tconst { register_tab, unregister_tab, selected_tab } = getContext(TABS);\n\n\tregister_tab({ name, id });\n\n\tonMount(() => {\n\t\treturn () => unregister_tab({ name, id });\n\t});\n\n\t$: $selected_tab === id && tick().then(() => dispatch(\"select\"));\n</script>\n\n<div\n\tid={elem_id}\n\tclass=\"tabitem\"\n\tstyle:display={$selected_tab === id ? \"block\" : \"none\"}\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: 2px solid var(--color-border-primary);\n\t\tborder-top: none;\n\t\tpadding: var(--size-2);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport { TabItem } from \"@gradio/tabs\";\n\n\texport let elem_id: string = \"\";\n\texport let label: string;\n\texport let id: string | number;\n</script>\n\n<TabItem {elem_id} name={label} {id} on:select>\n\t<slot />\n</TabItem>\n","export { default as Component } from \"./Tabs.svelte\";\nexport const modes = [\"static\"];\n"],"names":[],"mappings":"oqBAuBK,0DAEW,OAAkB,KAAK,QAAU,mBAHjD,+GACK,yBAEW,OAAkB,KAAK,QAAU,qJApBrC,UAAkB,OAClB,WACA,gBAEL,GAAW,KAET,eAAc,iBAAgB,gBAAiB,EAAW,CAAI,4BAEtE,GAAe,OAAM,OAErB,UACc,GAAiB,OAAM,oKAGlC,IAAkB,GAAM,IAAO,SAAW,EAAS,QAAQ,mZCXtC,+KAAA,oMALb,UAAkB,OAClB,YACA,2RCJC,GAAQ,CAAC,QAAQ"}