{"version":3,"file":"BlockLabel.7ce695d8.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\texport let float: boolean = true;\n\n\t$: ({ styles } = get_styles({ label_container: !disable }, [\n\t\t\"label_container\"\n\t]));\n</script>\n\n<div\n\tclass:hide={!show_label}\n\tclass:sr-only={!show_label}\n\tclass:float\n\tstyle={styles}\n>\n\t<span>\n\t\t<Icon />\n\t</span>\n\n\t{label}\n</div>\n\n<style>\n\tdiv {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tz-index: var(--layer-2);\n\t\tbox-shadow: var(--block-shadow);\n\t\tborder: var(--block-label-border-width) solid var(--border-color-primary);\n\t\tborder-top: none;\n\t\tborder-left: none;\n\t\tborder-radius: var(--block-label-radius);\n\t\tbackground: var(--block-label-background-fill);\n\t\tpadding: var(--block-label-padding);\n\t\tpointer-events: none;\n\t\tcolor: var(--block-label-text-color);\n\t\tfont-weight: var(--block-label-text-weight);\n\t\tfont-size: var(--block-label-text-size);\n\t\tline-height: var(--line-sm);\n\t}\n\tdiv.float {\n\t\tposition: absolute;\n\t\ttop: var(--block-label-margin);\n\t\tleft: var(--block-label-margin);\n\t}\n\tdiv:not(.float) {\n\t\tposition: static;\n\t\tmargin-top: var(--block-label-margin);\n\t\tmargin-left: var(--block-label-margin);\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: calc(var(--block-label-text-size) - 1px);\n\t\theight: calc(var(--block-label-text-size) - 1px);\n\t}\n</style>\n"],"names":[],"mappings":"yUAwBE,gDANM,gDAHM,qBACG,gCAFjB,SAMC,+DAIC,8BANM,uBAHM,0BACG,4IAbL,QAAuB,SACvB,WACA,aAAsB,OACtB,UAAmB,OACnB,QAAiB,uNAEtB,UAAW,GAAa,iBAAkB,IAC/C,iBAAF"}