{"version":3,"file":"Column.e535fced.js","sources":["../../../../ui/packages/app/src/components/Column/Column.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { create_classes } from \"@gradio/utils\";\n\timport type { Styles } from \"@gradio/utils\";\n\n\texport let scale: number = 1;\n\texport let min_width: number = 0;\n\texport let elem_id: string = \"\";\n\texport let visible: boolean = true;\n\texport let variant: \"default\" | \"panel\" | \"compact\" = \"default\";\n\texport let style: Styles = {};\n</script>\n\n<div\n\tid={elem_id}\n\tclass:gap={style.gap !== false}\n\tclass:compact={variant === \"compact\"}\n\tclass:panel={variant === \"panel\"}\n\tclass:hide={!visible}\n\tstyle={`min-width: min(${min_width}px, 100%); flex-grow: ${scale}`}\n>\n\t<slot />\n</div>\n\n<style>\n\tdiv {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\tflex-direction: column;\n\t}\n\n\tdiv > :global(*),\n\tdiv > :global(.form > *) {\n\t\twidth: var(--size-full);\n\t}\n\n\t.gap {\n\t\tgap: var(--size-4);\n\t}\n\n\t.hide {\n\t\tdisplay: none;\n\t}\n\n\t.compact > :global(*),\n\t.compact :global(.box) {\n\t\tborder-radius: 0;\n\t}\n\n\t.compact,\n\t.panel {\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--color-background-secondary);\n\t\tpadding: var(--size-2);\n\t}\n</style>\n"],"names":[],"mappings":"2OAaK,sCAKqB,6BAAkC,gDAJhD,KAAM,MAAQ,EAAK,gBACf,OAAY,SAAS,cACvB,OAAY,OAAO,cACnB,cALd,6HACK,yCAKqB,6BAAkC,yCAJhD,KAAM,MAAQ,EAAK,sBACf,OAAY,SAAS,oBACvB,OAAY,OAAO,mBACnB,0HAbF,QAAgB,MAChB,YAAoB,MACpB,UAAkB,OAClB,UAAmB,OACnB,UAA2C,cAC3C"}