{"version":3,"file":"index-92b28246.js","sources":["../../../../js/form/src/Radio.svelte","../../../../js/app/src/components/Radio/Radio.svelte","../../../../js/app/src/components/Radio/index.ts"],"sourcesContent":["<script lang=\"ts\">\n\timport { createEventDispatcher, afterUpdate } from \"svelte\";\n\timport { BlockTitle } from \"@gradio/atoms\";\n\timport type { SelectData } from \"@gradio/utils\";\n\n\texport let value: string | null;\n\texport let value_is_output = false;\n\texport let choices: string[];\n\texport let disabled = false;\n\texport let label: string;\n\texport let info: string | undefined = undefined;\n\texport let show_label = true;\n\texport let elem_id: string;\n\n\tconst dispatch = createEventDispatcher<{\n\t\tchange: string | null;\n\t\tinput: undefined;\n\t\tselect: SelectData;\n\t}>();\n\n\tfunction handle_change(): void {\n\t\tdispatch(\"change\", value);\n\t\tif (!value_is_output) {\n\t\t\tdispatch(\"input\");\n\t\t}\n\t}\n\tafterUpdate(() => {\n\t\tvalue_is_output = false;\n\t});\n\t$: value, handle_change();\n</script>\n\n<BlockTitle {show_label} {info}>{label}</BlockTitle>\n\n<div class=\"wrap\">\n\t{#each choices as choice, i (i)}\n\t\t<label\n\t\t\tclass:disabled\n\t\t\tclass:selected={value === choice}\n\t\t\tdata-testid={`${choice}-radio-label`}\n\t\t>\n\t\t\t<input\n\t\t\t\t{disabled}\n\t\t\t\tbind:group={value}\n\t\t\t\ton:input={() => dispatch(\"select\", { value: choice, index: i })}\n\t\t\t\ttype=\"radio\"\n\t\t\t\tname=\"radio-{elem_id}\"\n\t\t\t\tvalue={choice}\n\t\t\t/>\n\t\t\t<span class=\"ml-2\">{choice}</span>\n\t\t</label>\n\t{/each}\n</div>\n\n<style>\n\t.wrap {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--checkbox-label-gap);\n\t}\n\tlabel {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\ttransition: var(--button-transition);\n\t\tcursor: pointer;\n\t\tbox-shadow: var(--checkbox-label-shadow);\n\t\tborder: var(--checkbox-label-border-width) solid\n\t\t\tvar(--checkbox-label-border-color);\n\t\tborder-radius: var(--button-small-radius);\n\t\tbackground: var(--checkbox-label-background-fill);\n\t\tpadding: var(--checkbox-label-padding);\n\t\tcolor: var(--checkbox-label-text-color);\n\t\tfont-weight: var(--checkbox-label-text-weight);\n\t\tfont-size: var(--checkbox-label-text-size);\n\t\tline-height: var(--line-md);\n\t}\n\n\tlabel:hover {\n\t\tbackground: var(--checkbox-label-background-fill-hover);\n\t}\n\tlabel:focus {\n\t\tbackground: var(--checkbox-label-background-fill-focus);\n\t}\n\tlabel.selected {\n\t\tbackground: var(--checkbox-label-background-fill-selected);\n\t\tcolor: var(--checkbox-label-text-color-selected);\n\t}\n\n\tlabel > * + * {\n\t\tmargin-left: var(--size-2);\n\t}\n\n\tinput {\n\t\t--ring-color: transparent;\n\t\tposition: relative;\n\t\tbox-shadow: var(--checkbox-shadow);\n\t\tborder: var(--checkbox-border-width) solid var(--checkbox-border-color);\n\t\tborder-radius: var(--radius-full);\n\t\tbackground-color: var(--checkbox-background-color);\n\t\tline-height: var(--line-sm);\n\t}\n\n\tinput:checked,\n\tinput:checked:hover,\n\tinput:checked:focus {\n\t\tborder-color: var(--checkbox-border-color-selected);\n\t\tbackground-image: var(--radio-circle);\n\t\tbackground-color: var(--checkbox-background-color-selected);\n\t}\n\n\tinput:hover {\n\t\tborder-color: var(--checkbox-border-color-hover);\n\t\tbackground-color: var(--checkbox-background-color-hover);\n\t}\n\n\tinput:focus {\n\t\tborder-color: var(--checkbox-border-color-focus);\n\t\tbackground-color: var(--checkbox-background-color-focus);\n\t}\n\n\tinput[disabled],\n\t.disabled {\n\t\tcursor: not-allowed;\n\t}\n</style>\n","<script lang=\"ts\">\n\timport { Radio } from \"@gradio/form\";\n\timport { Block } from \"@gradio/atoms\";\n\timport StatusTracker from \"../StatusTracker/StatusTracker.svelte\";\n\timport type { LoadingStatus } from \"../StatusTracker/types\";\n\n\texport let label = \"Radio\";\n\texport let info: string | undefined = undefined;\n\texport let elem_id = \"\";\n\texport let elem_classes: string[] = [];\n\texport let visible = true;\n\texport let value: string | null = null;\n\texport let value_is_output = false;\n\texport let choices: string[] = [];\n\texport let mode: \"static\" | \"dynamic\";\n\texport let show_label: boolean;\n\texport let container = false;\n\texport let scale: number | null = null;\n\texport let min_width: number | undefined = undefined;\n\texport let loading_status: LoadingStatus;\n</script>\n\n<Block\n\t{visible}\n\ttype=\"fieldset\"\n\t{elem_id}\n\t{elem_classes}\n\t{container}\n\t{scale}\n\t{min_width}\n>\n\t<StatusTracker {...loading_status} />\n\n\t<Radio\n\t\tbind:value\n\t\tbind:value_is_output\n\t\t{label}\n\t\t{info}\n\t\t{elem_id}\n\t\t{show_label}\n\t\t{choices}\n\t\tdisabled={mode === \"static\"}\n\t\ton:change\n\t\ton:input\n\t\ton:select\n\t/>\n</Block>\n","export { default as Component } from \"./Radio.svelte\";\nexport const modes = [\"static\", \"dynamic\"];\n\nexport const document = (config: Record<string, any>) => ({\n\ttype: {\n\t\tpayload: \"string\"\n\t},\n\tdescription: {\n\t\tpayload: \"selected choice\"\n\t},\n\texample_data: config.choices.length > 1 ? config.choices[0] : \"\"\n});\n"],"names":["ctx","toggle_class","label_1","insert","target","anchor","append","input","span","set_data","t1","t1_value","i","div","value","$$props","value_is_output","choices","disabled","label","info","show_label","elem_id","dispatch","createEventDispatcher","handle_change","afterUpdate","$$invalidate","choice","dirty","radio_changes","elem_classes","visible","mode","container","scale","min_width","loading_status","modes","document","config"],"mappings":"2iBAgCiCA,EAAK,CAAA,CAAA,oCAALA,EAAK,CAAA,CAAA,yDAiBfA,EAAM,EAAA,EAAA,oNAHZA,EAAO,CAAA,CAAA,cACbA,EAAM,EAAA,yGAREA,EAAM,EAAA,eAAA,qDADNC,EAAAC,EAAA,WAAAF,OAAUA,EAAM,EAAA,CAAA,8BAFjCG,EAcOC,EAAAF,EAAAG,CAAA,EATNC,EAOCJ,EAAAK,CAAA,wBALYP,EAAK,CAAA,SAMlBM,EAAiCJ,EAAAM,CAAA,yHAHnBR,EAAO,CAAA,8BACbA,EAAM,EAAA,uEAJDA,EAAK,CAAA,eAMEA,EAAM,EAAA,EAAA,KAAAS,EAAAC,EAAAC,CAAA,iBAVVX,EAAM,EAAA,sEADNC,EAAAC,EAAA,WAAAF,OAAUA,EAAM,EAAA,CAAA,0KAH3BA,EAAO,CAAA,CAAA,aAAeA,EAAC,EAAA,kBAA5B,OAAIY,GAAA,EAAA,2LADPT,EAkBKC,EAAAS,EAAAR,CAAA,sLAjBGL,EAAO,CAAA,CAAA,8LA9BH,MAAAc,CAAoB,EAAAC,EACpB,CAAA,gBAAAC,EAAkB,EAAK,EAAAD,GACvB,QAAAE,CAAiB,EAAAF,EACjB,CAAA,SAAAG,EAAW,EAAK,EAAAH,GAChB,MAAAI,CAAa,EAAAJ,EACb,CAAA,KAAAK,EAA2B,MAAS,EAAAL,EACpC,CAAA,WAAAM,EAAa,EAAI,EAAAN,GACjB,QAAAO,CAAe,EAAAP,EAEpB,MAAAQ,EAAWC,aAMRC,GAAa,CACrBF,EAAS,SAAUT,CAAK,EACnBE,GACJO,EAAS,OAAO,EAGlBG,EAAW,IAAA,CACVC,EAAA,EAAAX,EAAkB,EAAK,8BAgBTF,EAAK,KAAA,8BACDS,EAAS,SAAY,CAAA,MAAOK,EAAQ,MAAOhB,CAAC,CAAA,+TAfrDa,EAAa,yNCEJzB,EAAc,EAAA,CAAA,4LAUtB,SAAAA,OAAS,iWAVDA,EAAc,EAAA,CAAA,CAAA,CAAA,2IAUtB6B,EAAA,MAAAC,EAAA,SAAA9B,OAAS,oyBAnCT,GAAA,CAAA,MAAAmB,EAAQ,OAAO,EAAAJ,EACf,CAAA,KAAAK,EAA2B,MAAS,EAAAL,EACpC,CAAA,QAAAO,EAAU,EAAE,EAAAP,GACZ,aAAAgB,EAAY,EAAA,EAAAhB,EACZ,CAAA,QAAAiB,EAAU,EAAI,EAAAjB,EACd,CAAA,MAAAD,EAAuB,IAAI,EAAAC,EAC3B,CAAA,gBAAAC,EAAkB,EAAK,EAAAD,GACvB,QAAAE,EAAO,EAAA,EAAAF,GACP,KAAAkB,CAA0B,EAAAlB,GAC1B,WAAAM,CAAmB,EAAAN,EACnB,CAAA,UAAAmB,EAAY,EAAK,EAAAnB,EACjB,CAAA,MAAAoB,EAAuB,IAAI,EAAApB,EAC3B,CAAA,UAAAqB,EAAgC,MAAS,EAAArB,GACzC,eAAAsB,CAA6B,EAAAtB,y5BClB5BuB,GAAQ,CAAC,SAAU,SAAS,EAE5BC,GAAYC,IAAiC,CACzD,KAAM,CACL,QAAS,QACV,EACA,YAAa,CACZ,QAAS,iBACV,EACA,aAAcA,EAAO,QAAQ,OAAS,EAAIA,EAAO,QAAQ,CAAC,EAAI,EAC/D"}