{"version":3,"file":"BlockLabel.314c32fa.js","sources":["../../../../ui/packages/atoms/src/BlockLabel.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { get_styles } from \"@gradio/utils\";\n\n\texport let label: string | null = null;\n\texport let Icon: any;\n\texport let show_label: boolean = true;\n\texport let disable: boolean = false;\n\n\t$: ({ styles } = get_styles({ label_container: !disable }, [\n\t\t\"label_container\"\n\t]));\n</script>\n\n<div class:hide={!show_label} class:sr-only={!show_label} style={styles}>\n\t<span>\n\t\t<Icon />\n\t</span>\n\n\t{label}\n</div>\n\n<style>\n\tdiv {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\talign-items: center;\n\t\tz-index: var(--layer-2);\n\t\tbox-shadow: var(--shadow-drop);\n\t\tborder: 1px solid var(--color-border-primary);\n\t\tborder-top: none;\n\t\tborder-left: none;\n\t\tborder-top-left-radius: calc(var(--radius-lg) - 1px);\n\t\tborder-bottom-right-radius: var(--radius-lg);\n\t\tbackground: var(--block_label-background);\n\t\tpadding: var(--size-1) var(--size-2);\n\t\tpointer-events: none;\n\t\tcolor: var(--color-text-label);\n\t\tfont-size: var(--scale-000);\n\t\tline-height: var(--line-sm);\n\t}\n\n\t.hide {\n\t\theight: 0;\n\t}\n\n\tspan {\n\t\topacity: 0.8;\n\t\tmargin-right: var(--size-2);\n\t\twidth: var(--size-3);\n\t\theight: var(--size-3);\n\t}\n</style>\n"],"names":[],"mappings":"sWAkBE,gDAL+D,gDAA/C,qBAA4B,cAA9C,SACC,+DAIC,6BAL+D,uBAA/C,0BAA4B,qHAVlC,QAAuB,SACvB,WACA,aAAsB,OACtB,UAAmB,2LAExB,UAAW,GAAa,iBAAkB,IAC/C,iBAAF"}