{"version":3,"file":"Textbox-41d74eda.js","sources":["../../../js/form/src/Textbox.svelte","../../../js/app/src/components/Textbox/Textbox.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { createEventDispatcher, tick } from \"svelte\";\n\timport { BlockTitle } from \"@gradio/atoms\";\n\timport { Copy, Check } from \"@gradio/icons\";\n\timport { fade } from \"svelte/transition\";\n\timport { get_styles } from \"@gradio/utils\";\n\timport type { Styles } from \"@gradio/utils\";\n\timport type { SelectData } from \"@gradio/utils\";\n\n\texport let value: string = \"\";\n\texport let lines: number = 1;\n\texport let placeholder: string = \"Type here...\";\n\texport let label: string;\n\texport let info: string | undefined = undefined;\n\texport let disabled = false;\n\texport let show_label: boolean = true;\n\texport let max_lines: number | false;\n\texport let type: \"text\" | \"password\" | \"email\" = \"text\";\n\texport let style: Styles = {};\n\n\tlet el: HTMLTextAreaElement | HTMLInputElement;\n\tlet copied = false;\n\tlet timer: NodeJS.Timeout;\n\n\t$: value, el && lines !== max_lines && resize({ target: el });\n\t$: handle_change(value);\n\n\tconst dispatch = createEventDispatcher<{\n\t\tchange: string;\n\t\tsubmit: undefined;\n\t\tblur: undefined;\n\t\tselect: SelectData;\n\t}>();\n\n\tfunction handle_change(val: string) {\n\t\tdispatch(\"change\", val);\n\t}\n\n\tfunction handle_blur() {\n\t\tdispatch(\"blur\");\n\t}\n\n\tasync function handle_copy() {\n\t\tif (\"clipboard\" in navigator) {\n\t\t\tawait navigator.clipboard.writeText(value);\n\t\t\tcopy_feedback();\n\t\t}\n\t}\n\n\tfunction copy_feedback() {\n\t\tcopied = true;\n\t\tif (timer) clearTimeout(timer);\n\t\ttimer = setTimeout(() => {\n\t\t\tcopied = false;\n\t\t}, 1000);\n\t}\n\n\tfunction handle_select(event: Event) {\n\t\tconst target: HTMLTextAreaElement | HTMLInputElement = event.target as\n\t\t\t| HTMLTextAreaElement\n\t\t\t| HTMLInputElement;\n\t\tconst text = target.value;\n\t\tconst index: [number, number] = [\n\t\t\ttarget.selectionStart as number,\n\t\t\ttarget.selectionEnd as number\n\t\t];\n\t\tdispatch(\"select\", { value: text.substring(...index), index: index });\n\t}\n\n\tasync function handle_keypress(e: KeyboardEvent) {\n\t\tawait tick();\n\t\tif (e.key === \"Enter\" && e.shiftKey && lines > 1) {\n\t\t\te.preventDefault();\n\t\t\tdispatch(\"submit\");\n\t\t} else if (\n\t\t\te.key === \"Enter\" &&\n\t\t\t!e.shiftKey &&\n\t\t\tlines === 1 &&\n\t\t\tmax_lines >= 1\n\t\t) {\n\t\t\te.preventDefault();\n\t\t\tdispatch(\"submit\");\n\t\t}\n\t}\n\n\tasync function resize(\n\t\tevent: Event | { target: HTMLTextAreaElement | HTMLInputElement }\n\t) {\n\t\tawait tick();\n\t\tif (lines === max_lines) return;\n\n\t\tlet max =\n\t\t\tmax_lines === false\n\t\t\t\t? false\n\t\t\t\t: max_lines === undefined // default\n\t\t\t\t? 21 * 11\n\t\t\t\t: 21 * (max_lines + 1);\n\t\tlet min = 21 * (lines + 1);\n\n\t\tconst target = event.target as HTMLTextAreaElement;\n\t\ttarget.style.height = \"1px\";\n\n\t\tlet scroll_height;\n\t\tif (max && target.scrollHeight > max) {\n\t\t\tscroll_height = max;\n\t\t} else if (target.scrollHeight < min) {\n\t\t\tscroll_height = min;\n\t\t} else {\n\t\t\tscroll_height = target.scrollHeight;\n\t\t}\n\n\t\ttarget.style.height = `${scroll_height}px`;\n\t}\n\n\tfunction text_area_resize(el: HTMLTextAreaElement, value: string) {\n\t\tif (lines === max_lines) return;\n\t\tel.style.overflowY = \"scroll\";\n\t\tel.addEventListener(\"input\", resize);\n\n\t\tif (!value.trim()) return;\n\t\tresize({ target: el });\n\n\t\treturn {\n\t\t\tdestroy: () => el.removeEventListener(\"input\", resize)\n\t\t};\n\t}\n</script>\n\n<!-- svelte-ignore a11y-label-has-associated-control -->\n<label>\n\t<BlockTitle {show_label} {info}>{label}</BlockTitle>\n\n\t{#if lines === 1 && max_lines === 1}\n\t\t{#if type === \"text\"}\n\t\t\t<input\n\t\t\t\tdata-testid=\"textbox\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"scroll-hide\"\n\t\t\t\tbind:value\n\t\t\t\tbind:this={el}\n\t\t\t\t{placeholder}\n\t\t\t\t{disabled}\n\t\t\t\ton:keypress={handle_keypress}\n\t\t\t\ton:blur={handle_blur}\n\t\t\t\ton:select={handle_select}\n\t\t\t/>\n\t\t{:else if type === \"password\"}\n\t\t\t<input\n\t\t\t\tdata-testid=\"password\"\n\t\t\t\ttype=\"password\"\n\t\t\t\tclass=\"scroll-hide\"\n\t\t\t\tbind:value\n\t\t\t\tbind:this={el}\n\t\t\t\t{placeholder}\n\t\t\t\t{disabled}\n\t\t\t\ton:keypress={handle_keypress}\n\t\t\t\ton:blur={handle_blur}\n\t\t\t\ton:select={handle_select}\n\t\t\t\tautocomplete=\"\"\n\t\t\t/>\n\t\t{:else if type === \"email\"}\n\t\t\t<input\n\t\t\t\tdata-testid=\"textbox\"\n\t\t\t\ttype=\"email\"\n\t\t\t\tclass=\"scroll-hide\"\n\t\t\t\tbind:value\n\t\t\t\tbind:this={el}\n\t\t\t\t{placeholder}\n\t\t\t\t{disabled}\n\t\t\t\ton:keypress={handle_keypress}\n\t\t\t\ton:blur={handle_blur}\n\t\t\t\ton:select={handle_select}\n\t\t\t\tautocomplete=\"email\"\n\t\t\t/>\n\t\t{/if}\n\t{:else}\n\t\t{#if show_label && style.show_copy_button}\n\t\t\t{#if copied}\n\t\t\t\t<button in:fade={{ duration: 300 }}><Check /></button>\n\t\t\t{:else}\n\t\t\t\t<button on:click={handle_copy} class=\"copy-text\"><Copy /></button>\n\t\t\t{/if}\n\t\t{/if}\n\t\t<textarea\n\t\t\tdata-testid=\"textbox\"\n\t\t\tuse:text_area_resize={value}\n\t\t\tclass=\"scroll-hide\"\n\t\t\tbind:value\n\t\t\tbind:this={el}\n\t\t\t{placeholder}\n\t\t\trows={lines}\n\t\t\t{disabled}\n\t\t\ton:keypress={handle_keypress}\n\t\t\ton:blur={handle_blur}\n\t\t\ton:select={handle_select}\n\t\t/>\n\t{/if}\n</label>\n\n<style>\n\tlabel {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t}\n\n\tinput[type=\"text\"],\n\tinput[type=\"password\"],\n\tinput[type=\"email\"],\n\ttextarea {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\toutline: none !important;\n\t\tbox-shadow: var(--input-shadow);\n\t\tborder: var(--input-border-width) solid var(--input-border-color);\n\t\tborder-radius: var(--input-radius);\n\t\tbackground: var(--input-background-fill);\n\t\tpadding: var(--input-padding);\n\t\twidth: 100%;\n\t\tcolor: var(--body-text-color);\n\t\tfont-weight: var(--input-text-weight);\n\t\tfont-size: var(--input-text-size);\n\t\tline-height: var(--line-sm);\n\t}\n\tinput:disabled,\n\ttextarea:disabled {\n\t\t-webkit-text-fill-color: var(--body-text-color);\n\t\t-webkit-opacity: 1;\n\t\topacity: 1;\n\t}\n\n\tinput:focus,\n\ttextarea:focus {\n\t\tbox-shadow: var(--input-shadow-focus);\n\t\tborder-color: var(--input-border-color-focus);\n\t}\n\n\tinput::placeholder,\n\ttextarea::placeholder {\n\t\tcolor: var(--input-placeholder-color);\n\t}\n\tbutton {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\ttop: var(--block-label-margin);\n\t\tright: var(--block-label-margin);\n\t\talign-items: center;\n\t\tbox-shadow: var(--shadow-drop);\n\t\tborder: 1px solid var(--color-border-primary);\n\t\tborder-top: none;\n\t\tborder-right: none;\n\t\tborder-radius: var(--block-label-right-radius);\n\t\tbackground: var(--block-label-background-fill);\n\t\tpadding: 5px;\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\toverflow: hidden;\n\t\tcolor: var(--block-label-color);\n\t\tfont: var(--font-sans);\n\t\tfont-size: var(--button-small-text-size);\n\t}\n</style>\n","<svelte:options accessors={true} />\n\n<script lang=\"ts\">\n\timport { TextBox } from \"@gradio/form\";\n\timport { Block } from \"@gradio/atoms\";\n\timport StatusTracker from \"../StatusTracker/StatusTracker.svelte\";\n\timport type { LoadingStatus } from \"../StatusTracker/types\";\n\timport type { Styles } from \"@gradio/utils\";\n\n\texport let label: string = \"Textbox\";\n\texport let info: string | undefined = undefined;\n\texport let elem_id: string = \"\";\n\texport let elem_classes: Array<string> = [];\n\texport let visible: boolean = true;\n\texport let value: string = \"\";\n\texport let lines: number;\n\texport let placeholder: string = \"\";\n\texport let show_label: boolean;\n\texport let max_lines: number | false;\n\texport let type: \"text\" | \"password\" | \"email\" = \"text\";\n\n\texport let style: Styles = {};\n\n\texport let loading_status: LoadingStatus | undefined = undefined;\n\n\texport let mode: \"static\" | \"dynamic\";\n</script>\n\n<Block\n\t{visible}\n\t{elem_id}\n\t{elem_classes}\n\tdisable={typeof style.container === \"boolean\" && !style.container}\n>\n\t{#if loading_status}\n\t\t<StatusTracker {...loading_status} />\n\t{/if}\n\n\t<TextBox\n\t\tbind:value\n\t\t{label}\n\t\t{info}\n\t\t{show_label}\n\t\t{lines}\n\t\t{type}\n\t\tmax_lines={!max_lines && mode === \"static\" ? lines + 1 : max_lines}\n\t\t{placeholder}\n\t\t{style}\n\t\ton:change\n\t\ton:submit\n\t\ton:blur\n\t\ton:select\n\t\tdisabled={mode === \"static\"}\n\t/>\n</Block>\n"],"names":["ctx","create_if_block_4","insert","target","textarea","anchor","create_if_block_1","create_if_block_2","create_if_block_3","button","button_intro","create_in_transition","fade","input","label_1","value","$$props","lines","placeholder","label","info","disabled","show_label","max_lines","type","style","el","copied","timer","dispatch","createEventDispatcher","handle_change","val","handle_blur","handle_copy","copy_feedback","$$invalidate","handle_select","event","text","index","handle_keypress","e","tick","resize","max","min","scroll_height","text_area_resize","$$value","create_if_block","dirty","textbox_changes","block_changes","elem_id","elem_classes","visible","loading_status","mode"],"mappings":"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"}