{"version":3,"file":"Block.11222543.js","sources":["../../../../ui/packages/atoms/src/Block.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { get_styles } from \"../../utils\";\n\timport type { Styles } from \"@gradio/utils\";\n\n\timport { getContext } from \"svelte\";\n\n\texport let style: Styles = {};\n\texport let elem_id: string = \"\";\n\texport let variant: \"solid\" | \"dashed\" | \"none\" = \"solid\";\n\texport let color: \"grey\" | \"green\" = \"grey\";\n\texport let padding: boolean = true;\n\texport let type: \"normal\" | \"fieldset\" = \"normal\";\n\texport let test_id: string | undefined = undefined;\n\texport let disable: boolean = false;\n\texport let explicit_call: boolean = false;\n\texport let visible = true;\n\texport let allow_overflow = true;\n\n\tconst color_style = {\n\t\tgrey: \"var(--color-border-primary)\",\n\t\tgreen: \"var(--color-functional-success)\"\n\t};\n\n\tlet tag = type === \"fieldset\" ? \"fieldset\" : \"div\";\n\n\tconst parent = getContext<string | null>(\"BLOCK_KEY\");\n\n\t$: _parent = parent === \"column\" || parent == \"row\" ? parent : \"column\";\n\n\t$: ({ styles } = explicit_call\n\t\t? get_styles(style, [])\n\t\t: disable\n\t\t? get_styles({ container: false }, [\"container\"])\n\t\t: { styles: \"\" });\n\t$: size_style =\n\t\t\"\" +\n\t\t(typeof style.height === \"number\" ? `height: ${style.height}px; ` : \"\") +\n\t\t(typeof style.width === \"number\" ? `width: ${style.width}px;` : \"\");\n</script>\n\n<svelte:element\n\tthis={tag}\n\tdata-testid={test_id}\n\tid={elem_id}\n\tclass:hidden={visible === false}\n\tclass=\"block\"\n\tclass:padded={padding}\n\tstyle=\"{styles} {size_style || null}\"\n\tstyle:border-style={variant}\n\tstyle:border-color={color_style[color]}\n\tstyle:overflow={allow_overflow ? \"visible\" : \"hidden\"}\n>\n\t<slot />\n</svelte:element>\n\n<style>\n\t.block {\n\t\tposition: relative;\n\t\tmargin: 0;\n\t\tbox-shadow: var(--shadow-drop);\n\t\tborder-width: 1px;\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--color-background-tertiary);\n\t\twidth: 100%;\n\t\tcolor: var(--color-text-body);\n\t\tfont-size: var(--scale-00);\n\t\tline-height: var(--line-sm);\n\t}\n\n\t.padded {\n\t\tpadding: var(--size-2-5) var(--size-3);\n\t}\n\n\t.hidden {\n\t\tdisplay: none;\n\t}\n</style>\n"],"names":[],"mappings":"8VA0Cc,UACT,6CAII,SAAS,OAAc,oEANzB,oCAGQ,OAAY,EAAK,eAEjB,yBAEM,4BACA,KAAY,yBAChB,KAAiB,UAAY,qBAV9C,mJAEc,qBACT,uDAII,SAAS,OAAc,mCAHjB,OAAY,EAAK,eAEjB,8BAEM,iCACA,KAAY,+BAChB,KAAiB,UAAY,oGATvC,YAAA,kFAAA,YAAA,kHAAA,2HAnCK,eACA,UAAkB,OAClB,UAAuC,YACvC,QAA0B,WAC1B,UAAmB,OACnB,OAA8B,aAC9B,UAA8B,WAC9B,UAAmB,OACnB,gBAAyB,OACzB,UAAU,OACV,iBAAiB,WAEtB,IACL,KAAM,8BACN,MAAO,sCAGJ,GAAM,IAAS,WAAa,WAAa,MAE9B,SAA0B,WAAW,wcAI9C,UAAW,EACd,EAAW,MACX,EACA,GAAa,UAAW,KAAU,WAAW,IAC3C,OAAQ,4BACV,EACF,OACQ,GAAM,QAAW,oBAAsB,EAAM,aAAe,WAC5D,GAAM,OAAU,mBAAqB,EAAM,WAAa"}