{"version":3,"file":"Textbox-9b4b0014.js","sources":["../../../../js/form/src/Textbox.svelte","../../../../js/app/src/components/Textbox/Textbox.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { afterUpdate, 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 type { SelectData } from \"@gradio/utils\";\n\n\texport let value: string = \"\";\n\texport let value_is_output: boolean = false;\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;\n\texport let type: \"text\" | \"password\" | \"email\" = \"text\";\n\texport let show_copy_button: boolean = false;\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\n\tconst dispatch = createEventDispatcher<{\n\t\tchange: string;\n\t\tsubmit: undefined;\n\t\tblur: undefined;\n\t\tselect: SelectData;\n\t\tinput: undefined;\n\t}>();\n\n\tfunction handle_change() {\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\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 === undefined\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 && 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\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;\n\texport let type: \"text\" | \"password\" | \"email\" = \"text\";\n\texport let container: boolean = true;\n\texport let scale: number | null = null;\n\texport let min_width: number | undefined = undefined;\n\texport let show_copy_button: boolean = false;\n\texport let loading_status: LoadingStatus | undefined = undefined;\n\texport let mode: \"static\" | \"dynamic\";\n\texport let value_is_output: boolean = false;\n</script>\n\n<Block {visible} {elem_id} {elem_classes} {scale} {min_width} {container}>\n\t{#if loading_status}\n\t\t<StatusTracker {...loading_status} />\n\t{/if}\n\n\t<TextBox\n\t\tbind:value\n\t\tbind:value_is_output\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{show_copy_button}\n\t\ton:change\n\t\ton:input\n\t\ton:submit\n\t\ton:blur\n\t\ton:select\n\t\tdisabled={mode === \"static\"}\n\t/>\n</Block>\n"],"names":["ctx","if_block","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","value_is_output","lines","placeholder","label","info","disabled","show_label","max_lines","type","show_copy_button","el","copied","timer","dispatch","createEventDispatcher","handle_change","afterUpdate","$$invalidate","handle_blur","handle_copy","copy_feedback","handle_select","event","text","index","handle_keypress","e","tick","resize","max","min","scroll_height","text_area_resize","$$value","create_if_block","dirty","textbox_changes","elem_id","elem_classes","visible","container","scale","min_width","loading_status","mode"],"mappings":"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"}