{"version":3,"file":"index-596decd0.js","sources":["../../../../js/markdown/src/Markdown.svelte","../../../../js/app/src/components/Markdown/Markdown.svelte","../../../../js/app/src/components/Markdown/index.ts"],"sourcesContent":["<script lang=\"ts\">\n\timport { createEventDispatcher } from \"svelte\";\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 min_height = false;\n\n\tconst dispatch = createEventDispatcher<{ change: undefined }>();\n\n\tlet target: HTMLElement;\n\n\t$: value, dispatch(\"change\");\n</script>\n\n<div\n\tid={elem_id}\n\tclass:min={min_height}\n\tclass=\"prose {elem_classes.join(' ')}\"\n\tclass:hide={!visible}\n\tbind:this={target}\n\tdata-testid=\"markdown\"\n>\n\t{@html value}\n</div>\n\n<style>\n\tdiv :global(.math.inline) {\n\t\tfill: var(--body-text-color);\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\tpadding: var(--size-1-5) -var(--size-1);\n\t\tcolor: var(--body-text-color);\n\t}\n\n\tdiv :global(.math.inline svg) {\n\t\tdisplay: inline;\n\t\tmargin-bottom: 0.22em;\n\t}\n\n\tdiv {\n\t\tmax-width: 100%;\n\t}\n\n\t.min {\n\t\tmin-height: var(--size-24);\n\t}\n\t.hide {\n\t\tdisplay: none;\n\t}\n</style>\n","<script lang=\"ts\">\n\timport { createEventDispatcher } from \"svelte\";\n\timport { Markdown } from \"@gradio/markdown\";\n\timport StatusTracker from \"../StatusTracker/StatusTracker.svelte\";\n\timport type { LoadingStatus } from \"../StatusTracker/types\";\n\timport { Block } from \"@gradio/atoms\";\n\n\texport let label: string;\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 loading_status: LoadingStatus;\n\n\tconst dispatch = createEventDispatcher<{ change: undefined }>();\n\n\t$: label, dispatch(\"change\");\n</script>\n\n<Block {visible} {elem_id} {elem_classes} container={false}>\n\t<StatusTracker {...loading_status} variant=\"center\" />\n\t<div class:pending={loading_status?.status === \"pending\"}>\n\t\t<Markdown\n\t\t\tmin_height={loading_status && loading_status.status !== \"complete\"}\n\t\t\t{value}\n\t\t\t{elem_id}\n\t\t\t{elem_classes}\n\t\t\t{visible}\n\t\t\ton:change\n\t\t/>\n\t</div>\n</Block>\n\n<style>\n\tdiv {\n\t\ttransition: 150ms;\n\t}\n\n\t.pending {\n\t\topacity: 0.2;\n\t}\n</style>\n","export { default as Component } from \"./Markdown.svelte\";\nexport const modes = [\"static\"];\n\nexport const document = (config: Record<string, any>) => ({\n\ttype: {\n\t\tpayload: \"string\"\n\t},\n\tdescription: {\n\t\tpayload: \"HTML rendering of markdown\"\n\t}\n});\n"],"names":["ctx","insert","target","div","anchor","elem_id","$$props","elem_classes","visible","value","min_height","dispatch","createEventDispatcher","$$value","dirty","markdown_changes","label","loading_status","modes","document","config"],"mappings":"0RAgBKA,EAAO,CAAA,CAAA,yBAEGA,EAAY,CAAA,EAAC,KAAK,GAAG,EAAA,gBAAA,0CADxBA,EAAU,CAAA,CAAA,cAERA,EAAO,CAAA,CAAA,UAJrBC,EASKC,EAAAC,EAAAC,CAAA,cADGJ,EAAK,CAAA,sCAALA,EAAK,CAAA,iBAPRA,EAAO,CAAA,CAAA,uBAEGA,EAAY,CAAA,EAAC,KAAK,GAAG,EAAA,kDADxBA,EAAU,CAAA,CAAA,mBAERA,EAAO,CAAA,CAAA,uDAjBT,GAAA,CAAA,QAAAK,EAAkB,EAAE,EAAAC,GACpB,aAAAC,EAAY,EAAA,EAAAD,EACZ,CAAA,QAAAE,EAAmB,EAAI,EAAAF,GACvB,MAAAG,CAAa,EAAAH,EACb,CAAA,WAAAI,EAAa,EAAK,EAAAJ,EAEvB,MAAAK,EAAWC,QAEbV,2CAUOA,EAAMW,0OARPF,EAAS,QAAQ,4KCQRX,EAAc,CAAA,EAAA,CAAA,QAAA,QAAA,CAAA,6FAGnB,WAAAA,EAAkB,CAAA,GAAAA,EAAe,CAAA,EAAA,SAAW,8LAFtCA,EAAc,CAAA,GAAE,SAAW,SAAS,4BAAxDC,EASKC,EAAAC,EAAAC,CAAA,+CAVcJ,EAAc,CAAA,CAAA,iCAGnBc,EAAA,KAAAC,EAAA,WAAAf,EAAkB,CAAA,GAAAA,EAAe,CAAA,EAAA,SAAW,2IAFtCA,EAAc,CAAA,GAAE,SAAW,SAAS,+OAFJ,uUAZzC,MAAAgB,CAAa,EAAAV,EACb,CAAA,QAAAD,EAAkB,EAAE,EAAAC,GACpB,aAAAC,EAAY,EAAA,EAAAD,EACZ,CAAA,QAAAE,EAAmB,EAAI,EAAAF,EACvB,CAAA,MAAAG,EAAgB,EAAE,EAAAH,GAClB,eAAAW,CAA6B,EAAAX,EAElC,MAAAK,EAAWC,uSAEPD,EAAS,QAAQ,6JCffO,EAAQ,CAAC,QAAQ,EAEjBC,EAAYC,IAAiC,CACzD,KAAM,CACL,QAAS,QACV,EACA,YAAa,CACZ,QAAS,4BACV,CACD"}