{"version":3,"file":"index.e47e8d13.js","sources":["../../../../ui/packages/markdown/src/Markdown.svelte","../../../../ui/packages/app/src/components/Markdown/Markdown.svelte","../../../../ui/packages/app/src/components/Markdown/index.ts"],"sourcesContent":["<script lang=\"ts\">\n\timport { createEventDispatcher } from \"svelte\";\n\texport let elem_id: 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\"\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(--color-text-body);\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\tpadding: var(--size-1-5) -var(--size-1);\n\t\tcolor: var(--color-text-body);\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 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} disable={true}>\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{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":[],"mappings":"8WAeK,kFACO,kBAEE,cAJd,qBAQQ,yCAAA,oBAPH,qBACO,uBAEE,+DAhBF,UAAkB,OAClB,UAAmB,OACnB,YACA,aAAa,WAElB,GAAW,OAEb,4CAUO,kMARD,EAAS,QAAQ,2JCQR,+HAGL,MAAkB,KAAe,SAAW,4KAFtC,MAAgB,SAAW,SAAS,4BAAxD,qDADmB,wDAGL,MAAkB,KAAe,SAAW,yGAFtC,MAAgB,SAAW,SAAS,4NAFrB,4SAXxB,YACA,UAAkB,OAClB,UAAmB,OACnB,QAAgB,OAChB,yBAEL,GAAW,6PAEP,EAAS,QAAQ,+ICdf,GAAQ,CAAC,QAAQ,EAEjB,EAAW,AAAC,KACxB,KAAM,CACL,QAAS,UAEV,YAAa,CACZ,QAAS,6BAEX"}