{"version":3,"file":"ModifyUpload.624075d0.js","sources":["../../../../ui/packages/atoms/src/IconButton.svelte","../../../../ui/packages/icons/src/Clear.svelte","../../../../ui/packages/icons/src/Edit.svelte","../../../../ui/packages/upload/src/ModifyUpload.svelte"],"sourcesContent":["<script lang=\"ts\">\n\texport let Icon: any;\n\texport let label = \"\";\n</script>\n\n<button on:click aria-label={label}>\n\t<div><Icon /></div>\n</button>\n\n<style>\n\tbutton {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tz-index: var(--layer-1);\n\t\tbox-shadow: var(--shadow-drop);\n\t\tborder: 1px solid var(--icon_button-border-color-base);\n\t\tborder-radius: var(--radius-sm);\n\t\tbackground: var(--color-background-primary);\n\t\twidth: var(--size-5);\n\t\theight: var(--size-5);\n\t\tcolor: var(--color-text-label);\n\t}\n\n\tbutton:hover {\n\t\tborder: 1px solid var(--icon_button-border-color-hover);\n\t\tcolor: var(--color-text-label);\n\t}\n\n\tdiv {\n\t\twidth: 60%;\n\t\theight: 60%;\n\t}\n</style>\n","<svg\n\twidth=\"100%\"\n\theight=\"100%\"\n\tviewBox=\"0 0 24 24\"\n\tversion=\"1.1\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\txml:space=\"preserve\"\n\tstroke=\"currentColor\"\n\tstyle=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;\"\n>\n\t<g\n\t\ttransform=\"matrix(1.14096,-0.140958,-0.140958,1.14096,-0.0559523,0.0559523)\"\n\t>\n\t\t<path\n\t\t\td=\"M18,6L6.087,17.913\"\n\t\t\tstyle=\"fill:none;fill-rule:nonzero;stroke-width:2px;\"\n\t\t/>\n\t</g>\n\t<path\n\t\td=\"M4.364,4.364L19.636,19.636\"\n\t\tstyle=\"fill:none;fill-rule:nonzero;stroke-width:2px;\"\n\t/>\n</svg>\n","<svg\n\txmlns=\"http://www.w3.org/2000/svg\"\n\twidth=\"100%\"\n\theight=\"100%\"\n\tviewBox=\"0 0 24 24\"\n\tfill=\"none\"\n\tstroke=\"currentColor\"\n\tstroke-width=\"1.5\"\n\tstroke-linecap=\"round\"\n\tstroke-linejoin=\"round\"\n\tclass=\"feather feather-edit-2\"\n>\n\t<path d=\"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\" />\n</svg>\n","<script lang=\"ts\">\n\timport type { FileData } from \"./types\";\n\n\timport { IconButton } from \"@gradio/atoms\";\n\timport { Edit, Clear } from \"@gradio/icons\";\n\n\timport { createEventDispatcher } from \"svelte\";\n\n\texport let editable: boolean = false;\n\texport let absolute: boolean = true;\n\n\tconst dispatch = createEventDispatcher<{ edit: FileData; clear: null }>();\n</script>\n\n<div\n\tclass:not-absolute={!absolute}\n\tstyle:position={absolute ? \"absolute\" : \"static\"}\n>\n\t{#if editable}\n\t\t<IconButton Icon={Edit} label=\"Edit\" on:click={() => dispatch(\"edit\")} />\n\t{/if}\n\n\t<IconButton\n\t\tIcon={Clear}\n\t\tlabel=\"Clear\"\n\t\ton:click={(event) => {\n\t\t\tdispatch(\"clear\");\n\t\t\tevent.stopPropagation();\n\t\t}}\n\t/>\n</div>\n\n<style>\n\tdiv {\n\t\tdisplay: flex;\n\t\ttop: var(--size-2);\n\t\tright: var(--size-2);\n\t\tjustify-content: flex-end;\n\t\tgap: var(--size-1);\n\t\tz-index: var(--layer-1);\n\t}\n\n\t.not-absolute {\n\t\tmargin: var(--size-1);\n\t}\n</style>\n"],"names":[],"mappings":"ghBAK6B,2CAA7B,SACC,4FAD4B,2HAJjB,WACA,QAAQ,o6BCFpB,SAWC,OAGC,OAKD,igBCnBD,SAYC,qJCOmB,kMADd,uCAKE,wIARc,qBACL,KAAW,WAAa,qBAFzC,0DAIM,yHAHgB,0BACL,KAAW,WAAa,4IAR7B,WAAoB,OACpB,WAAoB,WAEzB,GAAW,UAQqC,EAAS,MAAM,IAMzD,IACV,EAAS,OAAO,EAChB,EAAM"}