{"version":3,"file":"Column.899c996b.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 elem_classes: Array<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={elem_classes.join(\" \")}\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(--layout-gap);\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: solid var(--panel-border-width) var(--panel-border-color);\n\t\tborder-radius: var(--container-radius);\n\t\tbackground: var(--panel-background-fill);\n\t\tpadding: var(--spacing-lg);\n\t}\n</style>\n"],"names":[],"mappings":"gTAcK,sBACG,KAAa,KAAK,GAAG,qDAKH,6BAAkC,kBAJhD,KAAM,MAAQ,EAAK,gBACf,OAAY,SAAS,cACvB,OAAY,OAAO,cACnB,cANd,8HACK,yBACG,KAAa,KAAK,GAAG,yEAKH,6BAAkC,yCAJhD,KAAM,MAAQ,EAAK,sBACf,OAAY,SAAS,oBACvB,OAAY,OAAO,oBACnB,0HAfF,QAAgB,MAChB,YAAoB,MACpB,UAAkB,OAClB,sBACA,UAAmB,OACnB,UAA2C,cAC3C"}